| Autor | Zpráva | ||
|---|---|---|---|
| veltrusk Profil * |
#1 · Zasláno: 26. 10. 2011, 19:46:33
Dobrý den,
mám problém, který vysvětlím na obrázku (http://cl.ly/3L1D0g401P3n0n0c380U) - Index jako rozcestník (obr. 1) s jednotlivými položkami - idea je taková, že po kliknutí na položku (dejme tomu) pâtisserie, vyskočí nová bublina (div kontejner?) a položka pâtisserie zmizí (obr. 2), vše by se ale mělo odehrávat v jednom html souboru (aby nedocházelo k problikávání a zásekům způsobených přechodem na další stránku).. Z tohoto stavu by mělo být možné se dostat zpátky do stavu na obr. 1 a to kliknutím buď na prostor okolo bubliny nebo na samotnou bublinu (ne však na ostatní položky) - tzn. kliknutím na červeně vybarvenou oblast (obr. 3). Jaké nejjednodušší řešení by jste doporučili? Díky! |
||
| Darker Profil |
#2 · Zasláno: 26. 10. 2011, 20:38:39
Pokud už máš vyřešenou designovou stránku věci, samotné prohození divů není problém. Dej všem malým a všem velkým divům nějakou vlastnost, podle které je dostaneš d pole v javascriptu. Potom zajisti nějaké provázání mezi malými a velkými bublinkami, nebo vytvoř globální proměnnou jako referenci na aktivní bublinu:
var aktivni=null; var aktivni_m=null; Onclick na patisserii a ostatni divy (je univerzalni):
//vlasnost velka toho divu je odkaz na bublinu ktera se ma kliknutim vyvolat
function (e) {
if(antivni!=null)aktivni.style.display="none";
this. velka.style.display='block';
aktivni=this.velka;
if(aktivni_m!=null)aktivni_m.style.display="block";
this..style.display='none';
aktivni_m=this;
}
|
||
|
Časová prodleva: 14 let
|
|||
0