Home ........ Profilo ........ E-mail ........ Agenda Nico

19 maggio 2009

Menu a discesa / Meniu autoderulant




Con questo codice html / javascript è possibile creare un menu a discesa, a tendina o a cascata. E' uno strumento molto utile, si può creare mettendoci i link , le categorie...in poco spazio. Basta inserire nel nostro blog un gadget html/javascript e inserire il codice seguente:

<script language="JavaScript"&gt;<!--
function goThere(form){

var linkList=form.selectThis.selectedIndex

if(!linkList==""){window.location.href=form.selectThis.options[linkList].value;}

}

//--></script>


<form name="MenuTendina">

<select name="selectThis" size="1" onChange="goThere(this.form);">  
 
<option selected value="">Nome del menu <
option value="IL LINK COMPRESO http://">SCRITTA CHE VOLETE FAR VISUALIZZARE

<option value="IL LINK COMPRESO http://">SCRITTA CHE VOLETE FAR VISUALIZZARE

<option value=" IL LINK COMPRESO http://"> SCRITTA CHE VOLETE FAR VISUALIZZARE

</select>

</form>



** per aggiungere un altro link o categorie in più, aggiungete solo questa riga


<option value="IL LINK COMPRESO http://">SCRITTA CHE VOLETE FAR VISUALIZZARE


e si aggiungono altri link.

Se vogliamo tenere in ordine alfabetico, basta inserire la riga con il codice in mezzo agli altri già esistenti.

Informazione presa da questo blog.


>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>

bandiera Pictures, Images and Photos

Ca sa puneti pe blog un meniu autoderulant...ca in exemplu de mai sus... in care se poate vizualiza o lista de bloguri/site-uri , trebuie doar sa introduceti codul html scris dedesubt , in modul urmator:

Unde scrie :

* NOME DEL MENU ...puneti titlul de meniu dorit.
* IL LINK COMPRESO http://...scrieti link-ul inclusiv http://
* SCRITTA CHE VOLETE FAR VISUALIZZARE...scrieti textul corelat care doriti sa se vada la link-ul respectiv
* pentru a adauga la meniul deja creat, un link in plus (in codul exemplu sunt doar 3 ...adaugati in plus doar :

<option value="IL LINK COMPRESO http://">SCRITTA CHE VOLETE FAR VISUALIZZARE


Ca sa se vizualizeze in ordine alfabetica , il introduceti in mijlocul celor deja scrise.


**Aceleasi operatiuni se pot face daca dorim sa cream o lista pe categorii.

Selectionati aspect > adauga obiect gadget > adauga element html/javascript,introduceti codul si salvati intai codul si apoi sablonul.

Iata codul html/javascript:

<script language="JavaScript"&gt;<!--
function goThere(form){

var linkList=form.selectThis.selectedIndex

if(!linkList==""){window.location.href=form.selectThis.options[linkList].value;}

}

//--></script>

<form name="MenuTendina">

<select name="selectThis" size="1" onChange="goThere(this.form);">  
 
<option selected value="">Nome del menu <
option value="IL LINK COMPRESO http://">SCRITTA CHE VOLETE FAR VISUALIZZARE

<option value="IL LINK COMPRESO http://">SCRITTA CHE VOLETE FAR VISUALIZZARE

<option value=" IL LINK COMPRESO http://"> SCRITTA CHE VOLETE FAR VISUALIZZARE

</select>

</form>

4 commenti:

Ana ha detto...

draga nea draga iti multumesc frumos,esti o scumpaaaaaaaaa :X:X:X: !!!! Pot sa te rog sa mai pui si meniul cu derulare de la blogul tau celalalt? parca as pune si acel menu Esti minunata :* Te sarut cu drag!!!! :*

Ana ha detto...

draga mea am vruts a spun,scuza-ma :)

ñ¡¢ø£ëtå ha detto...

Cu placere Ana!
Datorita tie am aflat un lucru nou si eu!! ;-D
Da ...bineinteles o sa pun si celalalt mod de afisare o lista...poate chiar vineri.
toate cele bune..te pup!

Ana ha detto...

si eu te pup, o saptamana linistita! :)

Related Posts Plugin for WordPress, Blogger...