Autor Zpráva
veltrusk
Profil *
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
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;
}

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm:

0