MooAccordion show/hide
05. dub 2013 09:16 - 05. dub 2013 09:18 #106360
Ahoj joomlaci,
použil jsem jeden šikovný plugin "MooAccordion ",
acusti.ca/mooaccordion-joomla-accordion-article-plugin/
který zajistí zobrazení/schování modulu ve článku. Na to používá funkci z mootols "Fx.Accordion".
Napadla mě jedna dobrá myšlenka:
--- v článku mám vloženo několik bloků (blok hlava, blok ruce, blok trup, blok nohy) uzavřených tímto pluginem
--- mám svg obrázek postavy, kde jeho jednotlivé části jsou v kódu obaleny v tagu a to tak, že mohu
j ednotlivě stylovat/ovládat každý blok (hlava, trup, nohy, ruky) - typické pro svg
--- na tyto jednotlivé tagy bych rád použil handlery (onMouseOver, onMouseOut)...atd
cílem je, že po přejetí myší na obrázku (oblast hlavy) by se vyroloval blok hlava v článku obsahující informace o hlavě, ale nedokážu přijít na to jak získat/zasjistit nějaký identifikátor z toho pluginu, který volá z mootools Fx.Accordion
použil jsem jeden šikovný plugin "MooAccordion ",
acusti.ca/mooaccordion-joomla-accordion-article-plugin/
který zajistí zobrazení/schování modulu ve článku. Na to používá funkci z mootols "Fx.Accordion".
Napadla mě jedna dobrá myšlenka:
--- v článku mám vloženo několik bloků (blok hlava, blok ruce, blok trup, blok nohy) uzavřených tímto pluginem
--- mám svg obrázek postavy, kde jeho jednotlivé části jsou v kódu obaleny v tagu a to tak, že mohu
j ednotlivě stylovat/ovládat každý blok (hlava, trup, nohy, ruky) - typické pro svg
--- na tyto jednotlivé tagy bych rád použil handlery (onMouseOver, onMouseOut)...atd
cílem je, že po přejetí myší na obrázku (oblast hlavy) by se vyroloval blok hlava v článku obsahující informace o hlavě, ale nedokážu přijít na to jak získat/zasjistit nějaký identifikátor z toho pluginu, který volá z mootools Fx.Accordion
05. dub 2013 10:02 #106363
Odpověď od Cony

Moderátor
MooTools zavádějí dvě nové události - onMouseEnter a onMouseLeave - Myslím že budou pro vás zajímavější.
Jinak ty jednotlivé bloky by měly mít nějakou třídu, obalující element bude mít nejspíš také nějakou třídu nebo Id.
Případně si jej můžete obalit do nějakého bloku s Id.
Jinak ty jednotlivé bloky by měly mít nějakou třídu, obalující element bude mít nejspíš také nějakou třídu nebo Id.
Případně si jej můžete obalit do nějakého bloku s Id.
05. dub 2013 10:12 - 05. dub 2013 10:15 #106365
Odpověď od ZAJDAN
Začátečník
ten plugin je napsaný v PHP a z něj se nejspíše nějak volá ta mootools funkce
teď se mi podařilo odchytat ty třídy tak jdu na to...snad se zadaří
teď se mi podařilo odchytat ty třídy tak jdu na to...snad se zadaří
08. dub 2013 14:24 #106471
Odpověď od ZAJDAN
Začátečník
netušíte zda existuje metoda, kterou by se odkázalo na ID nebo class obsaženého v jiném dokumentu?
08. dub 2013 16:35 #106474
Odpověď od ZAJDAN
Začátečník
viz obrázek víše:
vedle článku bude zobrazena skrin ve formatu SVG, kde uvnitr jeho kodu bude take javascript, zajistujici handlery na udalosti mysi. Prejedete na dekl skrine a dekl se podbarvi (highlighting) a timto zpusobem vsechny casti skrine. Kazda tato cast ma v calnku take svuj modul, ktery resim pluginem "mooaccordion".
Takze v tuto chvíli mám ID jednotlivých částí uvnitr svg a ID z pluginu umisteneho uvitr clanku. Jak tedy uvnitr svg pracovat s ID, ktere je v pluginu?
vedle článku bude zobrazena skrin ve formatu SVG, kde uvnitr jeho kodu bude take javascript, zajistujici handlery na udalosti mysi. Prejedete na dekl skrine a dekl se podbarvi (highlighting) a timto zpusobem vsechny casti skrine. Kazda tato cast ma v calnku take svuj modul, ktery resim pluginem "mooaccordion".
Takze v tuto chvíli mám ID jednotlivých částí uvnitr svg a ID z pluginu umisteneho uvitr clanku. Jak tedy uvnitr svg pracovat s ID, ktere je v pluginu?
08. dub 2013 17:14 #106475
Odpověď od Cony

Moderátor
Pokud máte SVG přímo v HTML mělo by vše fungovat normálně (myslím si nezkoušel jsem). Pokud je vložené pomocí embed, iframe nebo podobně mělo by fungovat this.parent.document tedy např. něco z
Code:
this.parent.document.id('mojeid');
this.parent.document.getElement('#mojeid');
this.parent.document.getElements('div.mojetrida');
08. dub 2013 19:16 #106480
Odpověď od ZAJDAN
Začátečník
no tak, jsem skončil na tom, že nemohu najít modul schopný zobrazovat SVG a právě mít ty obrázky v modulu potřebuju abych mohl jednoduše říkat kde se zobrazit a kde ne.
08. dub 2013 22:46 #106487
Odpověď od Cony

Moderátor
No a co obyčejný Custom HTML modul? Jen si musíte nastavit filtrování editoru tak aby Vám povolil vkládat příslušné tagy...
09. dub 2013 07:53 #106491
Odpověď od ZAJDAN
Začátečník
moooc dekuji....to je presne ono.....SVG jsem includovat dovnitr HTML a je to tam.....diky