Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [JavaScript] zmiana rozmiatów diva po kliknieciu
Forum PHP.pl > Forum > Przedszkole
bobo168
Witam , chce zrobic coś takiego żeby po kliknieciu w link zwiekszała mi się wyskośc diva... Niby takie banalne ale niestety nie za dobrze znam js (czas to zmienic w koncu). Próbowałem tak ale nie działa:
  1. <script type="text/javascript">
  2. function rozwin() {
  3. document.getElementById('sonda').style['height'] = '400px';
  4. }
  5. <div id="sonda" name="sonda">
  6. <img class="naglowek" src="img/sonda.png" alt="" />
  7.  
  8. <div id="pytanie">asd</div>
  9.  
  10. <form method="post" action="">
  11. <input type="radio" name="sonda" value="1" /> Odpowiedz 1<br/>
  12. <input type="radio" name="sonda" value="2" /> Odpowiedz 2<br/>
  13. <input type="radio" name="sonda" value="1" /> Odpowiedz 3<br/>
  14. <input type="radio" name="sonda" value="4" /> Odpowiedz 4<br/>
  15. <input type="radio" name="sonda" value="4" /> Odpowiedz 5<br/>
  16. <input id="submit" type="submit" value="" />
  17. </form>
  18. <a href="" onclick="roziwn();">Rozwiń >></a>
  19. <a href="">Wyniki >></a>
Lion_87
Sma nie znam JS ale może raczej tak jak już
  1. <a href="javascript:roziwn()">Rozwiń >></a>

lub
  1. <a href="#" onclick="roziwn()">Rozwiń >></a>
bobo168
No a jak jest? tongue.gif Zjadłem przedtem "c" w onclik... ale i tak nie działa a i # też zjadłem ale normalnie na stronie mam...
Lion_87
Cytat
o a jak jest? tongue.gif
ahh niezauważyłem tongue.gif
Jeszcze jedno mi sie nasuwa ale nie wiem czy to różnica
  1. document.getElementById('sonda').style.height = '400px';
bobo168
Wielkie dzięki działa że też sam na to nie wpadłem wstydnis.gif
Wielkie dzięki smile.gif
piotrooo89
coś by me:

  1. <script type="text/javascript">
  2. function ziwn()
  3. {
  4. document.getElementById('sonda').style.display='none';
  5. document.getElementById('rozwin').style.display='block';
  6. document.getElementById('zwin').style.display='none';
  7. }
  8. function rozwin()
  9. {
  10. document.getElementById('sonda').style.display='block';
  11. document.getElementById('rozwin').style.display='none';
  12. document.getElementById('zwin').style.display='block';
  13. }
  14. <div id="sonda" name="sonda">
  15. <img class="naglowek" src="img/sonda.png" alt="" />
  16.  
  17. <div id="pytanie">asd</div>
  18.  
  19. <form method="post" action="">
  20. <input type="radio" name="sonda" value="1" /> Odpowiedz 1<br/>
  21. <input type="radio" name="sonda" value="2" /> Odpowiedz 2<br/>
  22. <input type="radio" name="sonda" value="1" /> Odpowiedz 3<br/>
  23. <input type="radio" name="sonda" value="4" /> Odpowiedz 4<br/>
  24. <input type="radio" name="sonda" value="4" /> Odpowiedz 5<br/>
  25. <input id="submit" type="submit" value="" />
  26. </form>
  27. </div>
  28. <a href="#" id="rozwin" style="display: none;" onclick="rozwin();">Rozwiń >></a>
  29. <a href="#" id="zwin" onclick="ziwn();">Zwiń <<</a>
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.