AcasaFAQCautareMembriGrupuriInregistrareConectare

avatar

Autor: Emanuel. | Subiect : Tutorial JQuery arata/ascunde  ,  Sam Dec 24, 2011 10:36 pm

Acesta este un simplu cod javascript cu ajutorul caruia puteti ascude un continu etc...

Pasul:1

Codurile java script de mai jos le puteti pune in
Panou de administrare > Module > HTML & JAVASCRIPT > Javascript codes management>Create a new Javascript > Adaugati titlul , iar unde scrie Javascript Code adaugati cele 2 coduri javascript de mai jos , iar in cele din urma bibafi


Cod:

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
<script type="text/javascript">function toggleDiv(divId) { $("#"+divId).toggle();}</script>

Pasul:2

De asemenea codul de mai jos in aplicati in pagina in care doriti sa apara efectul
Cod:


<a href="javascript:toggleDiv('myContent');">Text</a>

<div id="myContent">Continut</div>



Pasul:3

Panou de administrare > Afisare > Imagini si culori > Culori > Foaie de stil CSS
Cod:

#myContent{display:none;}


Pentru a vedea codurile va rugam sa respundeti la topic !!!



Tutorial realizat de: Emanuel
Reproducerea acestui tutorial nu este posibila fara acordul nostru, in conformitate cu articolul L122-1 apartinand ICC.



avatar

Autor: r0LF | Subiect : Re: Tutorial JQuery arata/ascunde  ,  Sam Ian 07, 2012 9:45 pm

Foarte frumos tutorialul



Comentariu
Forumgratuit.ro | © phpBB | Forum gratuit de suport | Contact | Semnaleaza un abuz | Blogratuit.ro