Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [JavaScript]Onmouseover/onmouseout/onclick
Forum PHP.pl > Forum > Przedszkole
wizard144
Witam!

mam taki kod:


  1. <p align='center'>
  2. <table cellspacing='10' border='0' cellpadding='0'>
  3. <tr>
  4. <td id='td_zachod'
  5. onmouseover=\"roza_on('td_zachod');\";
  6.  
  7. onmouseout=\"roza_off('td_zachod');\";
  8. ><img src='grafika/roza/zachod.gif' /></td>
  9. <td id='td_polnoc'><img src='grafika/roza/polnoc.gif' /></td>
  10. </tr>
  11. <tr>
  12. <td id='td_poludnie'><img src='grafika/roza/poludnie.gif' /></td>
  13. <td id='td_wschod'><img src='grafika/roza/wschod.gif' /></td>
  14. </tr>
  15. </table>
  16. </p>
  17.  
  18. ";


gdy tę linijkę

  1. onmouseover=\"roza_on('td_zachod');\";


zamienie na

  1. onClick=\"roza_on('td_zachod');\";


to wtedy onmouseout działa... gdy jest normalnie to nie...

Jakies pomysly ?

Jak rozumiem pomysłów brak....
wookieb
Cytat(wizard144 @ 28.08.2009, 22:12:14 ) *
Jak rozumiem pomysłów brak....

Bo nie ułatwiasz nam pomocy. Zamiast podać jednego głupiego linka do strony to wszystko byłoby jasne. A tak to musimy kopiować w dodatku cholere wiadomo co. (gdzie kod funkcji roza_off i on??) Dlatego takie teksty sobie daruj dopóki sam nie będziesz umiał sobie pomóc.
wizard144
Hmmmm, myslalem że jest to bez znaczenia jak wyglądają oba kody funkcji ? O.o

  1. function roza_on(a)
  2. {
  3. switch(a)
  4. {
  5. case 'td_zachod':document.getElementById('td_zachod').innerHTML='<img src="grafika/roza/zachod_on.gif" />';break;
  6. case 'td_wschod':document.getElementById('td_wschod').innerHTML='<img src="grafika/roza/wschod_on.gif" />';break;
  7. case 'td_polnoc':document.getElementById('td_polnoc').innerHTML='<img src="grafika/roza/polnoc_on.gif" />';break;
  8. case 'td_poludnie':document.getElementById('td_poludnie').innerHTML='<img src="grafika/roza/poludnie_on.gif" />';break;
  9. }
  10.  
  11. }
  12.  
  13. function roza_off(a)
  14. {
  15. switch(a)
  16. {
  17. case 'td_zachod':document.getElementById('td_zachod').innerHTML='<img src="grafika/roza/zachod.gif" />';break;
  18. case 'td_wschod':document.getElementById('td_wschod').innerHTML='<img src="grafika/roza/wschod.gif" />';break;
  19. case 'td_polnoc':document.getElementById('td_polnoc').innerHTML='<img src="grafika/roza/polnoc.gif" />';break;
  20. case 'td_poludnie':document.getElementById('td_poludnie').innerHTML='<img src="grafika/roza/poludnie.gif" />';break;
  21. }
  22. }
  23.  
  24.  


Chodzi o podmianke grafiki. Gdy wstawiam tam wartosci binarne wszystko wyglada ok... ale z grafika sobie nie radzi ;/
wookieb
A po co mówiłem o linku? Dla jaj?
Co to za średnik na końcu ?
  1. onmouseover=\"roza_on('td_zachod');\";

wizard144
http://tests2.theoldkingdom.pl/

login:tt
haslo:tt


później wpisać http://tests2.theoldkingdom.pl/index.php?id=labirynt

wyskoczy cos tam z czy chcesz wejsc do lochu czy cos takiego... kliknac, pojawi sie docelowa zmiana grafiki...

PS juz usuwam srednik..

Pawel_W
zastanawia mnie tylko po co tyle pisac...
  1. function roza_on(a)
  2. {
  3. document.getElementById('td_zachod').innerHTML='<img src="grafika/roza/'+a.substr(3, a.length)+'_on.gif" />';
  4. }
  5.  
  6. function roza_off(a)
  7. {
  8. document.getElementById('td_zachod').innerHTML='<img src="grafika/roza/'+a.substr(3, a.length)+'.gif" />';
  9. }


o wiele mniej kodu...
wookieb
Błąd polegał na tym, że stary img byl nadpisywany przez nowy, przez co chwile trwalo zanim sie zaladował co tez powodowało wystapienie zdarzenia onmouseout.
Rozwiązania
[JAVASCRIPT] pobierz, plaintext
  1.  
  2. function roza_on(a)
  3. {
  4.  
  5. document.getElementById(a).getElementsByTagName('img')[0].src='grafika/roza/'+a.substr(3)+'_on.gif';
  6.  
  7. }
  8.  
  9. function roza_off(a)
  10. {
  11. document.getElementById(a).getElementsByTagName('img')[0].src='grafika/roza/'+a.substr(3)+'.gif';
  12. }
  13.  
[JAVASCRIPT] pobierz, plaintext


Gdybyś nie podał linka to nigdy byśmy się nie domyślili o co chodzi.
wizard144
Wielkie dzięki... zaraz sprawdzę czy pomogło

---EDIT---


Pomogło! Wiecie, raczkuję dopiero w tematyce JS więc nie rozumiem części z tego kodu który mi dałeś wookieb, ale działa bezbłędnie, wielkie dzięki ! ;]
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.
Invision Power Board © 2001-2025 Invision Power Services, Inc.