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):

function showInfo(id){
	obj=document.getElementById(id);
	obj.style.display="block";
}

function hideInfo(id){
	obj=document.getElementById(id);
	obj.style.display="none";
}
majd a html kód:

<div id="teszt">teszt szöveg, ami nem fog elsőnek megjelenni, 
csak ha a szöveg felett van az egérkurzor.</div>
<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.

#teszt{
   display: none;
}
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