Navigare rapidă

Ultimele subiecte
» Generator coduri html pentru culori
Scris de Tibi16 Mier 19 Apr - 16:04
» Bine v-am gasit !
Scris de Joker#King Mier 12 Apr - 12:50
» Summer v1.1 theme
Scris de MihaiExtremTutorials Mier 5 Apr - 2:44
Cuvinte-cheie

Bara  radio  avatar  Metin2  legenda  profil  tema  drop  navigare  cautare  menu  pentru  subforumuri  ultimele  Mesaje  punbb  animate  Statistici  chenar  tutorial  reclama  banner  meniu  phpBB2  edit  html  

Tutorial JQuery arata/ascunde


Acesta este un simplu cod javascript cu ajutorul caruia puteti ascude un continut 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
[Trebuie sa fiti inscris si conectat pentru a vedea aceasta imagine]


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.

Comentariile utilizatorilor
Vizitator
avatar
la data de Mar 31 Ian - 15:40
Vizitator Vizitator
Conectat
bv bine lucrat
Membru ET
la data de Vin 20 Iul - 21:19
endless ;x Membru ET
Conectat
bravo
Membru dedicat
avatar
la data de Dum 14 Oct - 13:38
mr.franta Membru dedicat
Conectat
foarte frumos lucrat.apreciez acest lucru
Membru ET
avatar
la data de Mar 23 Oct - 19:17
H4cK3R*uL Membru ET
Conectat
Bine lucrat , felicitari!
Membru ET
avatar
la data de Mar 23 Oct - 19:34
Soricelul Membru ET
Conectat
Frumos, bravo!
Membru premium
avatar
la data de Mar 23 Oct - 21:06
Hissae2 Membru premium
Conectat
Multumesc,este foarte util!
Membru ET
avatar
la data de Mar 12 Noi - 13:56
CaBRoN Membru ET
Conectat
bun
Membru ET
avatar
la data de Dum 5 Oct - 1:39
emy [;x] Membru ET
Conectat
Bravo, foarte eficient acest cod
Membru ET
avatar
la data de Sam 28 Mar - 0:38
hamsahaq Membru ET
Conectat
Interesant , bravo .
Membru ET
la data de Dum 5 Apr - 11:54
cata90 Membru ET
Conectat
felicitari pentru munca depusa
Membru ET
avatar
la data de Dum 2 Aug - 21:34
Alex14 Membru ET
Conectat
Membru nou
avatar
la data de Vin 1 Apr - 15:24
hamesashek Membru nou
Conectat
bravo