Pokaz Ukryj: Różnice pomiędzy wersjami

Z JoggerWiki
Skocz do: nawigacji, wyszukiwania
(było ect, a teraz jest etc)
Linia 1: Linia 1:
Na początku przyjmijmy iż zmienne <em> lista1 lista2 ect.</em> mogą być definiowane w dowolny sposób, lecz nie mogą się różnić tj. Jeśli w sekcji <b>a href</b> użyjemy <b>lista1</b> to poniżej w sekcji <b> div</b> musi także być <b>lista1</b>.  
+
Na początku przyjmijmy iż zmienne <em> lista1 lista2 etc.</em> mogą być definiowane w dowolny sposób, lecz nie mogą się różnić tj. Jeśli w sekcji <b>a href</b> użyjemy <b>lista1</b> to poniżej w sekcji <b> div</b> musi także być <b>lista1</b>.  
 
Przy każdej nowej liście musi być określony nowy znacznik (np. jeśli użyliśmy już lista1, to możemy użyć lista2).
 
Przy każdej nowej liście musi być określony nowy znacznik (np. jeśli użyliśmy już lista1, to możemy użyć lista2).
 
Warto pamiętać iż każdy ze znaczników (lista1, lista2 ect) musi mieć swoje odwołanie w kodzie css.
 
Warto pamiętać iż każdy ze znaczników (lista1, lista2 ect) musi mieć swoje odwołanie w kodzie css.

Wersja z 05:54, 14 mar 2006

Na początku przyjmijmy iż zmienne lista1 lista2 etc. mogą być definiowane w dowolny sposób, lecz nie mogą się różnić tj. Jeśli w sekcji a href użyjemy lista1 to poniżej w sekcji div musi także być lista1. Przy każdej nowej liście musi być określony nowy znacznik (np. jeśli użyliśmy już lista1, to możemy użyć lista2). Warto pamiętać iż każdy ze znaczników (lista1, lista2 ect) musi mieć swoje odwołanie w kodzie css.

W sekcję <HEAD> wklejamy:

<script language="Javascript">
<!--
function pokazAlboUkryj(co) { 
     var obiekt = document.getElementById(co); 
     if (obiekt.style.display == 'block') { 
          obiekt.style.display = 'none'; 
     } else { 
          obiekt.style.display = 'block'; 
     } 
}
-->
</script>

W sekcję <BODY> (czyli tam gdzie ma być rozwijana lista) :

<a href="#lista1" onclick="pokazAlboUkryj('lista1'); return false;">tekst</a> 
<div id="lista1">
//tu umieszczamy nasz tekst, który ma się ukazać po kliknięciu//
</div>

Zapamiętaj! Zmienna lista1 w a onclick i div musi być taka sama

Jeszcze wystarczy dodać kod w plik stylu (css)

#lista1, #lista2, #lista3, #lista3, #lista4
{
	display: none;
} 

// Znaczniki lista1, lista2, lista3 itp. są użyte przykładowo.