Tutorial JQuery arata/ascunde

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.

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

Foarte frumos tutorialul

Comentariu