MES Mariusz napisał: Fajne, i działa, tylko ja bym chciał, aby obrazek wyświetlił się po najechaniu myszą w wybrany obszar strony od razu a nie dopiero po kliknięciu
Czy po najechaniu na ten wybrany obszar obrazek ma podążać za kursorem, czy też pozostawać w jednym, wybranym miejscu? Powyżej zmodyfikowany skrypt działający według Twoich założeń, aby wybrać pozycję obrazka zmodyfikuj komentarze tak, jak napisałem w kodzie źródłowym.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-2" />
<script type="text/javascript">
document.onmousemove=getMouseCoords; //tutaj modyfikacja-obrazek wyswietla sie po najechaniu kursorem na wybrany obszar
function getMouseCoords(e) {
var posx = 0;
var posy = 0;
if (!e) var e = window.event;
if (e.pageX || e.pageY) {
posx = e.pageX;
posy = e.pageY;
}
else if (e.clientX || e.clientY) {
posx = e.clientX + document.body.scrollLeft
+ document.documentElement.scrollLeft;
posy = e.clientY + document.body.scrollTop
+ document.documentElement.scrollTop;
}
//ten warunek dostosuj do wlasnych potrzeb
if (posy<=100) { //warunek na wspolrzedne okreslajacy obszar, w ktorym klikniecie ma spowodowac wyswietlenie sie obrazka
var o = document.getElementById("odn");
//te 2 linijki odpowiadaja za podazanie obrazka za kursorem myszy
o.style.left=posx + "px";
o.style.top=posy + "px";
//obrazek w stalym miejscu-zakomentuj 2 powyzsze linie, a odkomentuj 2 ponizsze
//o.style.left="200px";
//o.style.top="200px";
o.style.visibility="visible";
}
}
</script>
</head>
<body>
<div style="visibility: hidden; z-index: 10; position: absolute;" id="odn"><a href="nextpage"><img src="obrazek.jpg"></a></div>
</body>
</html>
