ugrás a tartalomhoz

javascript-el változó küldése?

konoko · 2009. Szep. 3. (Cs), 14.37
Sziasztok.

Lenne egy olyan kérdésem hogy adott egy oldal ahol vannak div-ek amik külömböző adatokat tartalmaznak. De ezeknek nem egyszerre kellene megjelenni. egymáson helyezkednek el ezek a div-ek viszont mind invisible lenne. Van egy menüje ahol ha kijelölök egyet akkor az ahoz tartozó div visible lesz. Ez eddig viszonylag egyszerű is lenne php-val. Viszont oldal újratöltése nélkül kellene ennek mennie, átadni a változót. Hogy tudok megcsinálni azt javascript-el? Valami példát tud valaki adni hogy ki tudjam bogarászni belőle. Megírni nem tudnám magamtól de azért átlátnám a kész példát.
Előre is köszi. :)

Üdv: konoko
 
1

AJAX

tisch.david · 2009. Szep. 3. (Cs), 15.23
Szia!

AJAX a Te barátod! Ha ennyire nem vágod a JS témát, akkor azt tanácsolom, hogy használj valami segédeszközt ehhez (pl. jQuery). Ott találsz demót, példát és doksit is!

Üdv:

Dávid
2

Ezt is nézd meg

Carter · 2009. Szep. 3. (Cs), 19.21
Prototype + scriptaloussal oldottam én meg, hogy különböző div-ek kattintásra kinyílnak-becsukódnak.
Mivel javascript, ott az egész forrás, a forrásban :)


A jányok oldalán pl.
5

:))))))))))))

aeternum · 2009. Nov. 9. (H), 20.42
> Néhány jog fenntartva

:))))))))))))))
3

mind?

konoko · 2009. Szep. 4. (P), 19.54
Szia.

Szépen néz ki nagyon. Valami ilyesmire gondolok. :)
De az egyik js az barom nagy. Mind ehez tartozik? Ilyen kis dologhoz ennyi kódot kell írni?
Nekiesem megcsinálni.
4

munka/állás

gex · 2009. Szep. 5. (Szo), 15.54
Megírni nem tudnám magamtól
ez esetben javaslom a munka/állás rovatot. hogy miért? mert két nap múlva azzal fogsz jönni hogy hogyan kell módosítani a kódot.
6

Ezt lehet egyszerűbben is

leone92s · 2009. Dec. 4. (P), 16.49
Ezt meglehet így is oldani (legalábbis én az egyik oldalom így oldottam meg):
  1. function showInfo(id){  
  2.     obj=document.getElementById(id);  
  3.     obj.style.display="block";  
  4. }  
  5.   
  6. function hideInfo(id){  
  7.     obj=document.getElementById(id);  
  8.     obj.style.display="none";  
  9. }  
majd a html kód:
  1. <div id="teszt">teszt szöveg, ami nem fog elsőnek megjelenni,   
  2. csak ha a szöveg felett van az egérkurzor.</div>  
  3. <div onmouseover="showInfo('teszt')" onmouseout="hideInfo('teszt')">szöveg</div>  
Ehhez természetesen kell még egy kis css is, hogy eltüntesd a divet.
  1. #teszt{  
  2.    displaynone;  
  3. }  
Ha több ilyen dobozod van, akkor egyszerűbb egy classt megadni neki, és azt formázni css-ben.
Ha a szöveg fölé viszed az egeret, akkor a teszt idjű szöveg fog megjelenni.
Én így oldottam meg az egyik problémámat, remélem segítettem.

bb sl