ďťż

[HTML + JS] Wyświetlenie div'a po najechaniu na obrazek.

       

Podstrony


telcocafe

Witam Serdecznie,
Potrzebuję skrypt js który po najechaniu na obrazek pokaże mi div'a po prawej stronie (analogiczne w CSS do :hover)


Obrazek --> Div

Wydaje mi się że kiedyś była już mowa na podobny temat, ale niestety nie mogę go znaleźć (Przepraszam jeżeli powtórzyłem temat)

Kiedyś posiadałem ten skrypt ale niedawno utraciłem większość danych.

Z góry Serdecznie Dziękuję




Witam Serdecznie,
Potrzebuję skrypt js który po najechaniu na obrazek pokaże mi div'a po prawej stronie (analogiczne w CSS do :hover)

Wydaje mi się że kiedyś była już mowa na podobny temat, ale niestety nie mogę go znaleźć (Przepraszam jeżeli powtórzyłem temat)

Kiedyś posiadałem ten skrypt ale niedawno utraciłem większość danych.

Z góry Serdecznie Dziękuję


Tak na oko:
<div style="display: none;" id="jakisdiv">ukryty div</div> <img onmouseover="document.getElementById('jakisdiv').style.display='block'" src="/plik/jakis.jpg" />
Użytkownik .:dR@kE:. edytował ten post 09 styczeń 2009, 22:35

Tak na oko:
<div style="display: none;" id="jakisdiv">ukryty div</div> <img onmouseover="document.getElementById('jakisdiv').style.display='block'" src="/plik/jakis.jpg" />

Prawie tak ;)

Ale jak zrobić aby ten obrazek był w divie(0) i po najechaniu na niego wyświetlałby diva(1). A po zjechaniu z obrazka ten div(1) chowałby się.

Tak jak na schemacie


Prawie tak ;)

Ale jak zrobić aby ten obrazek był w divie(0) i po najechaniu na niego wyświetlałby diva(1). A po zjechaniu z obrazka ten div(1) chowałby się.

Tak jak na schemacie

Po prostu ułożyć z odpowiednimi stylami i dodać do img onmouseout="document.getElementById('jakisdiv').style.display='none'" aby ukryć diva op zjechaniu z obrazka.



[quote name='.:dR@kE:.' post='844608' date='10.01.2009 13:01']Po prostu ułożyć z odpowiednimi stylami i dodać do img <div style="float:left; height:auto; width:auto;" onmouseover="document.getElementById('jakisdiv').style.display='block'" onmouseout="document.getElementById('jakisdiv').style.display='none'" > <div style="border:#639 1px; float:left; display:block; height:150px; width:150px; background-color:#03C;"><img src="http://www.netsprint.pl/normal/files/common/logotype.gif" alt="" width="145" height="145" /></div> <div style="border:#639 1px; float:left; display:none; height:150px; width:150px; background-color:#0066FF;" id="jakisdiv"> NetSprint <br /> <a href="http://www.netsprint.pl/serwis/">Strona NetSprint</a> </div> </div>
Użytkownik bajeczny edytował ten post 10 styczeń 2009, 13:26
  • zanotowane.pl
  • doc.pisz.pl
  • pdf.pisz.pl
  • nvm.keep.pl

  • Sitedesign by AltusUmbrae.