Wątek przeniesiony 2015-11-12 10:23 z Webmastering przez dzek69.

JavaScript -Obsługa zdarzeń myszy, zmiana obrazka

0

Witam,
Podejmuję pierwsze kroki w przyswojeniu sobie JavaScript.
Strona wyświetla mapkę województw, po najechaniu kursorem na obrazek pojawiają się nazwy województw (drugi obrazek).
Chciałbym to zrobić tak, aby np poprzez najechanie na tekst (nie na obrazku) lub na jakiś image zmieniała się mapka województw. Kombinowałem już trochę z znacznikami lecz nadal nie wiem jak to ugryźć.

LINK: http://projektykm.cba.pl/

<!DOCTYPE HTML>
<html lang="pl">
<head>
<title>Projekt</title>
<body>

<img src = "poprawna1.jpg" height="500" width="500" id = "obrazek">
 
<script type="text/javascript">
if (document.images) {
    var Image_off = new Image();
    Image_off.src = 'poprawna1.jpg';
 
    var Image_on = new Image();
    Image_on.src = 'poprawna.jpg';
 
    var obr = document.getElementById('obrazek');
    obr.onmouseover = function() {
        this.src = Image_on.src
    }
    obr.onmouseout = function() {
        this.src = Image_off.src
    }
}
</script>
</body>
</head>
</html>
0

Nie, nie. Po prawej stronie chce mieć przyciski (obrazek.jpg). Najechanie myszką na ten przycisk powodowałoby wyświetlenie innego obrazka na mapie województw. Np. Najechanie na przycisk dolnośląskie powoduje zmianę mapki na taką, gdzie jest tylko naniesione woj dolnośląskie. To co podałeś jest fajne ale za pewne trzeba tam pobierać współrzędne kursora, a ja niestety jestem na bardzo podstawowym poziomie.

0

http://stackoverflow.com/questions/10709016/change-image-onmouseover
masz gotowy skrypt. Chodzi o to, że image gdzie masz mapkę powinien mieć nadany jakiś ID następnie na zdarzeniu onmouseover obrazków po prawej robisz zmianę image używając

getelementbyid

do identyfikacji obiektu z dużą mapą.

0

Jak powinien odnieść się do dużej mapy w tym momencie?

var obr1 = document.getElementById('obrazek1'); // obrazek1 to przycisk
obr1.onmouseover = function()
{
**obrazek1 jest przyciskiem, teraz jak w tym momencie odnieść się żeby zmienił dużą mapę na np. plik.jpg?** 
}

Działa, wystarczyło odnieść się do obr.src :) dzięki bardzo.

1 użytkowników online, w tym zalogowanych: 0, gości: 1