Atvēršana/Aizvēršana ar onclick opciju

Lappuse 1 no 1
1

Marks

Svētdiena, 01.01.2012, 7:40:27 | Ieraksts #1

VECĀ MIESA

Foruma ieraksti: 1472

UWM Reputācija:

uWEBMEISTARS ordeņi:

1. līmenis

2. līmenis

3. līmenis

Jaunākie apbalvojumi:

@Marks raksta .. :

HTML kods ar kuru var atvērt slēptus div saturus.

Pirmām kārtām izveidojam div kodu kurā arī papildus ieliekam kautkādu saturu. kas parādīsies uzreiz pēc tam kad tiks nospiesta attēcīgā poga. DIV koda piemērs:

Code

<div id="div" style="display:none; border:1px solid teal;padding:3px">Atveramā un aizveramā DIV saturs</div>

Quote

style="display:none; border:1px solid teal;padding:3px"

Tasir tas pats ko rakts css failos vai starp <s tyle> tegiem. tajos ir jābūt obligāti kodam: display:none;. tas norāda ka sākumā jūsu div saturs būs slēpts. līdz tiks nospiesta poga.

Tagad ķersimies pie pogas veidošanas.
Sākumā sākam rakstīt gluži kā parastu < a> linku. bet href nedaudz atšķirsies.

Code

tālāk href pēdiņās jāliek javascript://;, bet lai poga strādātu ar to ven nepietiek. vēl ir jāizveido onclick funkcija.

Code

<a href="javascript://;" onclick="">Pogas Nosaukums</a>

Tālāk onclick pēdiņās liekam komandu kas liks atvērt mūsu DIV. Nepieciešajama DIV piešķiram ID div, un tādu pašu id būs jāraksta onclick komandā

Code

<a onclick="$('#div')" href="javascript://;">Pogas Nosaukums</a>

Un nu vēl pēdējais. Atvēršanas atrums (fast, medium, slow)

Code

<a onclick="$('#div').slideToggle('fast');" href="javascript://;">Pogas Nosaukums</a>

Demo šeit