[JS] Zmiana dwóch elementów jednocześnie z 1 pozycji menu.

HTML to podstawy w dziedzinie tworzenia stron WWW, Style CSS warto opanować, bowiem za ich pomocą można dostosować odpowiednio wygląd swojej witryny WWW. Zagłębiamy się dalej i udostępniamy w tym forum możliwość zadawania pytań o JavaScript.
ODPOWIEDZ
miron_68
Posty: 8
Rejestracja: ndz maja 06, 2007 11:35 am

[JS] Zmiana dwóch elementów jednocześnie z 1 pozycji menu.

Post autor: miron_68 »

Witam, potrzebuje zmodyfikowac linie menu, aby oprocz otwierania innej strony w oknie iframe, zmieniala takze element graficzny w innym miejscu strony z menu.

<a class="item2" href="strona.htm" target="centrum">Ta strona</a>

Ten element graficzny musi byc rozny, w zaleznosci od wybranej strony w iframe "centrum".
Czy to mozliwe do zrobienia?

Proszę o pomoc.
koziolek
Przelotem
Przelotem
Posty: 387
Rejestracja: sob paź 21, 2006 10:07 pm
Kontakt:

Re: [JS] Zmiana dwóch elementów jednocześnie z 1 pozycji menu.

Post autor: koziolek »

Hm... mamy taki kod html:
[xml]
<a href="cos.html" target="ramka" onclick="zmienGrafike()">Link do cos</a>
<iframe name="ramka" />
<!-- gdzieś indziej jest grafika którą chcemy zmienić -->
<img src="1.gif" alt="1" id="grafika" />
[/xml]

Chodzi o to by po kliknięciu na odnośnik zmienić obrazek z 1.gif na 2.gif. Dodaliśmy zdarzenia onclick dla elementu a. Teraz piszemy funkcję zmienGrafike():

Kod: Zaznacz cały

function zmienGrafike(){
   //najpierw prosty preloader, cache grafiki
   var i = new Image();
   i.src = "2.gif";

   var img = document.getElementById("grafika");
   img.src = "2.gif";
}
całość umieszczmy w elemencie head:
[xml]
<head>
<script type="text/javascript" >
<!--
//tu wstaw kod
//-->
</script>
</head>
[/xml]

i to wszystko
miron_68
Posty: 8
Rejestracja: ndz maja 06, 2007 11:35 am

Re: [JS] Zmiana dwóch elementów jednocześnie z 1 pozycji menu.

Post autor: miron_68 »

Dzięki bardzo. Pomogło :lol:
ODPOWIEDZ