MozillaPL.org - polskie centrum Mozilli

Główne menu:

[JavaScript] help me - problem funkcji hidden/show layer

Jak tworzyć strony WWW zgodnie ze standardami

Moderator: Pomocy?!

[JavaScript] help me - problem funkcji hidden/show layer

Postautor: spok » 01 stycznia 2009, 06:09

Przeglądarka: Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.9.0.1) Gecko/2008070208 Firefox/3.0.1

Witam i o pomoc w javaScript pytam,
mam dwa divy id="broken" i id="rapport" - ukrywaja sie lub pokazuja calkiem niezaleznie - by to siagnac musialem odroznic te sama funkcje
"apparaitre" i dla drugiego layera nazwalem ja "app" ...nie znam javascriptu i tworze dziwne rzeczy :)

linki wywolujace funkcje show/hiden wygladaja tak:
Kod: Zaznacz cały
<div><a href="javascript:dis('broken')">HIDE</a></div>
<div><a href="javascript:app('broken')">SHOW</a></div>
<div><a href="javascript:disparaitre('rapport')">HIDE</a></div>
<div><a href="javascript:apparaitre('rapport')">SHOW</a></div>


Brak mi tu wyraznie rozpoznania ID layera poprzez nazwe 'broken' lub 'rapport' - zeby ostatecznie jedna i ta sama funkcja odnosila sie do wielu DIV, rozrozniajac je poprzez nazwe...

Bo dziala to poki co niezawodnie, ale stawiam sobie pytanie co bedzie gdy tych divow przybedzie /utworza cos w rodzaju listy/ ?
Mam mnozyc te funkcje w js - rzecz bez sensu, ale sam nie potrafie poki co dopisac w javaScript sensowniej ..

Jesli ktos znajacy JS zechcialby podpowiedziec jak to rozwiazac bylbym wdzieczny.



Kod: Zaznacz cały
/** rend invisible Sans prendre de place l'objet passé en paramètre */

function disparaitre(){
document.getElementById('rapport').style.display = 'none';
}
function dis(){
document.getElementById('broken').style.display = 'none';
}

/** rend Visible l'objet passé en paramètre */

function apparaitre(){
document.getElementById('rapport').style.display = 'block';
}
function app(){
document.getElementById('broken').style.display = 'block'
}
spok
 

Postautor: spok » 01 stycznia 2009, 06:16

Przeglądarka: Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.9.0.1) Gecko/2008070208 Firefox/3.0.1

sorry za post scriptum
/nie pamietam mojego loginu-hasla i nie moge wyedytowac postu/:

kod js jest sfrancuszczony, po polsku funkcje znacza:
apparaitre - pokaz
disparaitre - ukryj
spok
 

Postautor: Grzegorz » 01 stycznia 2009, 23:55

Przeglądarka: Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.9.0.5) Gecko/2008120122 Firefox/3.0.5 Flock/2.0.3

CSS
Kod: Zaznacz cały
.hidden { display: none; }
.unhidden { display: true; }


JS
Kod: Zaznacz cały
function unhide(divID) {
  var item = document.getElementById(divID);
  if (item) {
    item.className=(item.className=='hidden')?'unhidden':'hidden';
  }
}


HTML
Kod: Zaznacz cały
<a href="javascript:hide('do-ukrycia-01');">ukryj</a>
<a href="javascript:unhide('do-ukrycia-01');">pokaż</a>

<div id="do-ukrycia-01" class="unhidden">tekst, grafika lub inny element do ukrycia lub pokazania </div>
GnuPG. Podpisuję własne wypowiedzi. | TrueCrypt. Ufam kryptografii, nie państwu. | Tor. Dbam o swoją prywatność. | OTR. Moje rozmowy nie są podsłuchiwane.

Załóż konto lub kup domenę WWW z linka polecającego: http://www.hekko.pl/?ref=34295
Grzegorz
Moderator
 
Posty: 7486
Z nami od: 15 kwietnia 2007, 12:33


Wróć do Tworzenie stron WWW

Kto jest online

Zarejestrowani użytkownicy: Google [Bot]

Przejdź do powiązanej strony

Nawigacja:

Stopka: