Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: zmienne tlo div'a
Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript
Raven82
Mam nastepujacy problemik....

Moze zacznijmy od kodu..

  1. .....
  2.  
  3. <script type="text/javascript" language="JavaScript">
  4. <!--
  5. function show(n2) {
  6. source=window.event.srcElement;
  7. source.className="link_on";
  8. }
  9. function hide() {
  10. source=window.event.srcElement;
  11. source.className="link_of";
  12. }
  13. //-->
  14.  
  15. .....
  16.  
  17. <div id="b1" onmousemove="show();" onmouseout="hide();"><a href="</span>" >Główna<<span style='color:blue'>/a></div><br />
  18. .....


No i jeszcze css'a

  1. .....
  2. div.main { margin-top:10px; text-align: left; width: 720px; }
  3. div.menu { width: 200px; float: left; }
  4.  
  5. .....
  6.  
  7. div.link_on { background-image: url('button.gif'); background-repeat: repeat-y; background-position: center; }
  8. div.link_of { background-image: none; background-color: transparent; }
  9. .....


A teraz do sedna.

1. podmianka dziala ale tylko w Operze, w IE juz nie.

2. tlo w podmiance jest kiedy najade na div'a, ale znika jak w tym div'ie najade nad text.

Szykam pomocy, moze ktos wie jak to rozwiazac,
bo mnie juz to do szalu doprowadza.
I pewnie jak zwylke bedzie jakies proste rozwiazanie
;-)
Paul
  1. <style type="text/css">
  2. .tlo1{background-color:red;}
  3. .tlo2{background-color:green;}
  4. <script type="text/javascript">
  5. function zamien(obj, class1, class2) {
  6. obj = document.getElementById(obj);
  7. obj.className = (obj.className == class1)?class2:class1;
  8. }
  9. </head>
  10. <div class="tlo1" id="div1" style="width:200;height:200;" onmouseover="this.className = 'tlo2';" onmouseout="this.className = 'tlo1';"></div><br><br><br>
  11. <a href="javascript: zamien('div1','tlo1','tlo2');">Zamień</a>
  12. </body>
  13. </html>

Juz dziala... Wczesniej mialem taka wersje... chcialem ciut uproscic i nie przetestowalem... Teraz juz ok smile.gif
Raven82
To nie do konca tak....

Chodzi oto ze tekst jest wewnatrz tego div'a i link nie sluzy do zmiany koloru div'a.
A problem polega na tym ze najezdzam do div'a i tlo sie zmienia,
dojezdzam do tekstu(linku) i znika, testu nie traktuje juz jako czesci div'a questionmark.gif


PAUL w tym przykladzie nie wszystko dziala (link - "zmien"). ;-)


Dobra poradzilem juz obie i dziala,

ALE TYLKO W Operze, w IE nadal nic.
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.