Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [JS][css] div blok dokladnie pod obiektem
Forum PHP.pl > Forum > Po stronie przeglądarki
matchor
Witam mam problem otoz chce zrobic cos w rodzaju drop downa czy rozwijanej listy z tym ze nie <select> a diva. Chodzi mi o to ze klikam na jakis wyraz w tekscie na stronie i w momencie klikniecia dokladnie pod tym wyrazem (wzglednie obrazkiem ) pojawia sie blok zawierajacy jakas tam tresc, klikam 2 raz i blok znika.

obecnie mam taki skrypckik JS

  1. <script LANGUAGE="JavaScript">
  2. var refer=true;
  3. function combo() {
  4. if (refer) {
  5. document.all.contents.style.visibility="visible";
  6. refer=false;
  7. }
  8. else {
  9. document.all.contents.style.visibility="hidden";
  10. refer=true;
  11. }
  12. }


i wywolanie
  1. <div>
  2. <font face="verdana" size="2"> tekst</font>
  3. <img src="img/arrow.gif" name="combo_arrow" width="21" height="21" alt="" border="0" onclick="combo()" ></td>
  4.  
  5. <div id="contents" style="position:absolute; left:?px; bottom:?px; width:?px; height:?px; z-index:1 visibility:hidden">
  6. <font face="verdana" size="2">
  7. jakis tekst nalezacy do boksa<br>
  8. <a href="#" target="_blank"> jakis link</a><br>
  9. tresc<br>
  10. </font>
  11. </div>
  12.  
  13. </div>


problem w tym ze ten boks pojawia sie za rysunkiem w tym przypadku a zalezy mi zeby pojawial sie dokladnie pod.

Jest jakis sposob na pobranie pozycji elementu i przekazanie jej do innego (tego diva) questionmark.gif
erix
Ustaw dla elementu nadrzednego (zawierajacy przycisk rozwijajacy i liste) position: relative, a dla listy position: absolute.
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.