Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [Java]Zwijana stopka
Forum PHP.pl > Forum > Przedszkole
Niedowiarek
Witam, znalazłem na internecie funkcję Java do zwijania stopki, lecz po kliknięciu na 'zwiń', nic się nie dzieje.


HEAD
  1. <script type="text/javascript">
  2. <!--
  3. function pokazAlboUkryj(co) {
  4. var obiekt = document.getElementById(co);
  5. if (obiekt.style.display == 'block') {
  6. obiekt.style.display = 'none';
  7. } else {
  8. obiekt.style.display = 'block';
  9. }
  10. }
  11. -->
  12. </script>


BODY
  1. </div>
  2. </div>
  3. <center><a href="#lista1" onclick="pokazAlboUkryj('lista1'); return false;">Zwiń</a></center>
  4. <div id="lista1">
  5. <div id="footer">
  6. <span id="copyright">
  7. Polskie tłumaczenie &copy 2007-{$copy_year} Polski Support MyBB
  8. <br />
  9. Silnik forum MyBB, &copy 2002-{$copy_year} <a href="http://www.mybboard.net" target="_blank">MyBB Group</a>
  10. <br />
  11. Copyright &copy; 2002-{$copy_year} All rights reserved.
  12. <br />
  13. Theme created by tinek'
  14. </span>
  15. </div>
  16. <!-- The following piece of code allows MyBB to run scheduled tasks. DO NOT REMOVE -->{$task_image}<!-- End task image code -->
  17. {$auto_dst_detection}
  18. </div>
  19. </div>



CSS
  1. #lista1, #lista2, #lista3, #lista4, #lista5
  2. {
  3.  
  4. }
kamil4u
Nie Java, a JacaScript - to jest różnica!

Cytat
<div id="lista1">

->
Kod
<div id="lista1" style="display: block;">




Twój kod jest brzydki wink.gif
Niedowiarek
Nie mój, funkcję zwijania gdzieś znalazłem tongue.gif Niestety po zamianie, footer nadal się nie zwija
kamil4u
Jak nie działa jak działa? http://jsfiddle.net/6Ng4N/

Chodziło mi o kod HTML.
Niedowiarek
No tam działa, ale u mnie www.workdomain.ugu.pl, stopka się nie zwija.
kamil4u
Człowieku, trochę samodzielności!

Odpal swoją stronę, zobacz na źródło strony i zobacz co tam masz:
Cytat
<!--
function pokazAlboUkryj(co) {
&nbsp; &nbsp; &nbsp;var obiekt = document.getElementById(co);
&nbsp; &nbsp; &nbsp;if (obiekt.style.display == 'block') {
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; obiekt.style.display = 'none';
&nbsp; &nbsp; &nbsp;} else {
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; obiekt.style.display = 'block';
&nbsp; &nbsp; &nbsp;}
}
-->


Chyba coś nie tak - nie sądzisz?
Niedowiarek
Dzięki Ci wielkie, i przepraszam za moją głupotę, nic nie wiem o JS ^^

Jeszcze mam tylko pytanko, możesz mnie nakierować, jak zrobić tak, że jak się zwinie to zmoeni się ikonka zwijania/rozwijania?
kamil4u
Cytat
pokazAlboUkryj('lista1');

->
Kod
pokazAlboUkryj(this,'lista1');


Cytat
function pokazAlboUkryj(co) {
var obiekt = document.getElementById(co);
if (obiekt.style.display == 'block') {
obiekt.style.display = 'none';
} else {
obiekt.style.display = 'block';
}
}

->
Kod
function pokazAlboUkryj(el,co) {
var obiekt = document.getElementById(co);
if (obiekt.style.display == 'block') {
el.innerHTML = 'rozwiń';
obiekt.style.display = 'none';
} else {
el.innerHTML = 'zwiń';
obiekt.style.display = 'block';
}
}
Niedowiarek
Dzięki mistrzu <3 A dałoby się zrobić tak, że stopka zwija się o okreśolną wartość? Np. żeby po zwinięcu jeszcze jej trochę zostało.
kamil4u
Da się, ale na Twoim poziomie radzę po prostu stworzyć div-a na elementem od id="lista1", który nie zniknie
-Niedowiarek-
Trochę mi to nie odpowiada... Mógłbyś mi zarzucić jakimś poradnikiem/kodem?
kamil4u
jQuery + podstawy JS + przeróbka części kodu + zmiana myślenia

Dzięki tej bibliotece w miarę łatwo zrobisz łatwą animację znikania.
---------------------------------------
Dlaczego Ci nie odpowiada? Jak zmienisz trochę CSS wygląd będzie identyczny.
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.