Forum PHP.pl > [JS] warstwy

Pomoc - Szukaj - Użytkownicy - Kalendarz

Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript

Ace

24.06.2004, 17:26:34

witam, natknolem sie na problem zwiazany z warstwami i JS. Mianowicie,

[HTML] pobierz, plaintext 
<div id="lay[0]" style="display: none; ">
jakis text 1
</div>
<div id="lay[1]" style="display: none; ">
jakis text 2
</div>
<div id="lay[2]" style="display: none; ">
jakis text 3
</div>
<div id="lay[3]" style="display: none; ">
jakis text 4
</div>
[HTML] pobierz, plaintext

na stronie mam taki kod...
mam 4 linki odwolujace sie do kazdego z tych elementow, tzn...

[HTML] pobierz, plaintext 
<a href="#" onClick="pokaz(0); return false;">
<a href="#" onClick="pokaz(1); return false;">
<a href="#" onClick="pokaz(2); return false;">
<a href="#" onClick="pokaz(3); return false;">
[HTML] pobierz, plaintext

i funkcja pokaz()

Kod

i wszystko jest ladnie, warstwy sie pokazuja, ale chce osiagnac taki efekt, ze klikajac na link, uaktywnia sie div o podanym id, a reszta sie chowa... probowalem uzyc funkcji

Kod

function hideAll()
{
    for( i=0; i<1000; i++ )
    {
  tmp = document.getElementById( "lay[" + i + "]" );
  tmp.style.display = "none";
    }
}

lub probowalem tez

Kod

function hideAll()
{
    while ( tmp = document.getElementById( lay ) )
    {
  tmp.style.display = "none";
    }
}

i glownie to chodzi mi o to, zeby jakis text dynamicznie sie zmienial, i wykombinowalem do tego warstwy. Js ucze sie od kilku dni, wiec prosze nie bijcie ;]

Ślepiec

11.07.2004, 19:49:05

nie wiem czy jestem staroświecki ale ja wolę używać :

[HTML] pobierz, plaintext 
document.getElementById(nazwa).style.visibility = 'visible' // jako pokaż...i ....
document.getElementById(nazwa).style.visibility = 'hidden' // jako ukryj
[HTML] pobierz, plaintext

po drugie :
po co return false - nie sądze że oto chodzi, ale nigdzie nie widzałem tej frazy w takim miejscu.

przejdzmy do sprawy głównej :
aby ukryć wszystkie użyj funkcji :

Kod

function wszystko() {
var max = 'liczba obiektów' /* myślę że używasz php czy czegoś takiego
więc w wal :
var max = <?php echo $max; ?>
*/

  for( i = 0; i < max; i++) {
   document.getElementById('nazwa'+i).style.visibility = 'hidden';
  }
};

dopiero po tym wklep funkcję odnośnie pokazywania jednego div'a, lub połącz je, np tak:

Kod

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.