[Java]Zwijana stopka Opcje

[Niedowiarek]

Witam, znalazłem na internecie funkcję Java do zwijania stopki, lecz po kliknięciu na 'zwiń', nic się nie dzieje.


HEAD

[JAVA] pobierz, plaintext 
<script type="text/javascript">
<!--
function pokazAlboUkryj(co) {
     var obiekt = document.getElementById(co);
     if (obiekt.style.display == 'block') {
          obiekt.style.display = 'none';
     } else {
          obiekt.style.display = 'block';
     }
}
-->
</script>
[JAVA] pobierz, plaintext 

BODY

[HTML] pobierz, plaintext 
</div>
</div>
<center><a href="#lista1" onclick="pokazAlboUkryj('lista1'); return false;">Zwiń</a></center> 
<div id="lista1">
<div id="footer">
<span id="copyright">
Polskie tłumaczenie &copy 2007-{$copy_year} Polski Support MyBB
<br />
Silnik forum MyBB, &copy 2002-{$copy_year} <a href="http://www.mybboard.net" target="_blank">MyBB Group</a>
<br />
Copyright &copy; 2002-{$copy_year} All rights reserved.
<br />
Theme created by tinek'	
</span>
</div>
<!-- The following piece of code allows MyBB to run scheduled tasks. DO NOT REMOVE -->{$task_image}<!-- End task image code -->
{$auto_dst_detection}
</div>
</div>
[HTML] pobierz, plaintext 

CSS

[CSS] pobierz, plaintext 
#lista1, #lista2, #lista3, #lista4, #lista5
{
 
} 
[CSS] pobierz, plaintext 

[kamil4u]

Nie Java, a JacaScript - to jest różnica!

<div id="lista1">

->

Kod

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

Twój kod jest brzydki (IMG:style_emoticons/default/wink.gif)

[Niedowiarek]

Nie mój, funkcję zwijania gdzieś znalazłem (IMG:style_emoticons/default/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:

<!--
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]

pokazAlboUkryj('lista1');

->

Kod

pokazAlboUkryj(this,'lista1');

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.

Ten post edytował Niedowiarek 4.01.2012, 23:51:23

[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.