Forum PHP.pl > [js] zdarzenia onmouseover i onmouseout

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [js] zdarzenia onmouseover i onmouseout

integer000

6.01.2008, 10:21:09

mam odnośnik obrazkowy któremu dodałem dwa zdarzenia JS. Wygląda to tak:

[HTML] pobierz, plaintext 
<a href="$link"><img onmouseover="border=1" onmouseout="border=5" border="1" src="$images"></a>
[HTML] pobierz, plaintext

i teraz chcę żeby po najechaniu na obrazek oprócz zmiany grubości obramowania chcę żeby zmieniał się też kolor tego obramowania. Jak to zrobić

MicMic

6.01.2008, 10:38:24

No 2 funkcje musisz rozdzielić przecinkiem, albo napisać nową, która łączyła by te dwie

integer000

6.01.2008, 10:54:18

no właśnie,, ale co napisać żeby ten kolor się zmienił ?

JaRoPHP

6.01.2008, 13:41:44

Cytat(integer000 @ 6.01.2008, 10:54:18 )

no właśnie,, ale co napisać żeby ten kolor się zmienił ?

Na przykład tak (upierając się przy JavaScript):

[HTML] pobierz, plaintext 
<html>
<head>
<script type="text/javascript">
function startIt() {
	var oImg = document.getElementById('image');
	oImg.style.border = '5px solid red';
}
 
function stopIt() {
	var oImg = document.getElementById('image');
		oImg.style.border = '1px solid black';
}
</script>
</head>
<body>
<img onmouseover="startIt()" onmouseout="stopIt()" id="image" src="$images" />
</body>
</html>
[HTML] pobierz, plaintext

Zastanawiam się, czy musisz używać js-a do tego? Poniższe rozwiązanie (oparte o css) wydaje mi się zdecydowanie lepsze:

[HTML] pobierz, plaintext 
<html>
<head>
<style type="text/css">
a#img {
	border: 1px solid #000;
}
a#img:hover {
	border: 5px solid red;
}
a#img img {
	border: none;
}
</style>
</head>
<body>
<a id="img" href="$link"><img id="image2" src="$images" /></a>
</body>
</html>
[HTML] pobierz, plaintext

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.