menu javascript esterno

ehila

Nuovo Utente
19 Lug 2007
1
0
0
Salve a tutti,
sono nuova di questo forum e avrei bisogno di un'aiuto!dovrei creare un menu che comprenda un sottomenu che si aprirà lateralmente al testo...il codice c'è solo che ho la necessità di renderlo esterno al codice html. lo posto:
<div class="menu">
<ul>
<li><a href="#" onmouseover="blendon('tabcontent1'); blendoff('tabcontent2'); blendoff('tabcontent3');blendoff('tabcontent4');swichtabs('1');" onclick="return false;" title="" class="tabactive" id="tablink1">Home </a>
</li>

<li><a href="#" onmouseover="blendon('tabcontent2'); blendoff('tabcontent1'); blendoff('tabcontent3');blendoff('tabcontent4');swichtabs('2');" onclick="return false;" title="" id="tablink2">E </a></li>

<li><a href="#" onmouseover="blendon('tabcontent3'); blendoff('tabcontent1'); blendoff('tabcontent2'); blendoff('tabcontent4');swichtabs('3');" onclick="return false;" title=""id="tablink3">Es </a>

</li>

<li><a href="#" onmouseover="blendon('tabcontent4'); blendoff('tabcontent1'); blendoff('tabcontent2');blendoff('tabcontent3');swichtabs('4');" onclick="return false;" title=""id="tablink4" >Us </a>
</li>
</ul>
</div>
<div id="ColnSinistra">
<!--Start Tabcontent 1 -->
<div style="display:block;" id="tabcontent1">
<p>Home</p>

</div>
<!--End Tabcontent 1-->

<!--Start Tabcontent 2-->
<div style="display:none;" id="tabcontent2">
<p>Est</p>
<ul>
<li><a href=..html">Il confronto</a></li>

<li><a href="Este">Este</a></li>
</ul>
</div>
<!--End Tabcontent 2 -->

<!--Start Tabcontent 3-->
<div style="display" id="tabcontent3">
<p>Estet</p>
<ul>
<li><a href="DimensioneEstetica.html">Dima</a></li>
<li><a href="..html">Grafica del Sito</a></li>

<li><a href="..html">Interfaccia Grafica</a></li>
</ul>

</div>
<!--End Tabcontent 3-->

<!--Start Tabcontent 4-->
<div style="display:none;" id="tabcontent4">
<p>Us</p>
<ul>
<li><a href="...html">Cenni storici sull'Usabilità</a></li>
<li><a href="Defi.html">Defin</a></li>

<li><a href="...html">Principi fondamentali usabilità</a></li>

<li><a href="...html">Principi di Nielsen</a></li>
<li><a href="Normat.html">Normat/a></li>
</ul>
</div>
</div>







function blendoff(idname) {document.getElementById(idname).style.display = 'none';}
function blendon(idname) {document.getElementById(idname).style.display = 'block';}




/*Function for our Tabmenu with 4 Tabs*/
function swichtabs(wert) {
if (wert=='1'){
document.getElementById('tablink1').className='tab1 tabactive';
document.getElementById('tablink2').className='tab2';
document.getElementById('tablink3').className='tab3';
document.getElementById('tablink4').className='tab4';
}else if (wert=='2'){
document.getElementById('tablink1').className='tab1';
document.getElementById('tablink2').className='tab2 tabactive';
document.getElementById('tablink3').className='tab3';
document.getElementById('tablink4').className='tab4';
}else if (wert=='3'){
document.getElementById('tablink1').className='tab1';
document.getElementById('tablink2').className='tab2';
document.getElementById('tablink3').className='tab3 tabactive';
document.getElementById('tablink4').className='tab4';
} else if (wert=='4'){
document.getElementById('tablink1').className='tab1';
document.getElementById('tablink2').className='tab2';
document.getElementById('tablink3').className='tab3';
document.getElementById('tablink4').className='tab4 tabactive';
}
}

Aiutatemi per favore non riesco a trovare una soluzione!!!!
 

lukeonweb

Utente Attivo
5 Mar 2003
5.177
10
38
43
Napoli
www.lucaruggiero.it
Ciao, benvenuta!

Prendi il codice Javascript che hai postato a fondo pagina e mettilo in un file esterno che chiami menu.js che poi includi cosi:

<script type="text/javascript" src="menu.js"></script>

Fammi sapere :fonzie:
 
Discussioni simili
Autore Titolo Forum Risposte Data
M [Javascript] Caricamento menu da file esterno Javascript 8
P [Javascript] Voce del menu evidenziata in base alla pagina attiva Javascript 48
S [Javascript] [CSS] Spazio Bianco tra Slider e Menu foto Javascript 6
P [Javascript] problema menu responsive su aruba, editor bk Javascript 1
K [Javascript] Finestra menu Javascript 1
C [Javascript] [HTML] Problemi: Overlay, Banner, Menu Javascript 4
G [Javascript] Transition in OnClick Dropdown Menu Javascript 5
U [Javascript] Menu responsive non scompare col click sui link Javascript 0
A [Javascript] Problemi menu bootstrap Javascript 1
M [Javascript] far scomparire il menu al click Javascript 0
Daniele450 [Javascript] Linkare ogni sigola voce dello stesso menu ad un div diverso della stessa pagina Javascript 3
ANDREA20 [Javascript] funzione menu Javascript 1
P Creare javascript onmouseout per menu Javascript 9
F Problema con Menu Javascript HTML e CSS 1
F Menu Javascript Javascript 3
I problema con un menu javascript Javascript 4
I Menu Javascript con memoria. Javascript 5
S far convivere menu e galleria in javascript Javascript 7
D aiuto per modifica menu javascript Javascript 0
R OnChange e menu a tendina [Era: javascript] Javascript 2
M Problema Con Menu Javascript Javascript 1
S Menu css+xhtml+javascript Javascript 1
K Menu javascript integrato con php Javascript 1
S Menu Javascript e frame Javascript 2
M Aiuto per Modifica javascript prer menu ad albero Javascript 1
S Problema menu javascript Javascript 2
O menu a tendina javascript Javascript 3
G Colorare menu select attraverso ricerca php PHP 0
M Creazione menu a tendina Javascript 3
D menu con submenu orizzontale HTML e CSS 0
Cosina Menu fisso copre i titoli quando cliccati nel sommario jQuery Javascript 4
G creazione menu a tendina e invio a pagina php PHP 1
P Sub menu con Collapse. Javascript 0
R abilitare menu a tendina tramite relativa chekbox PHP 17
L Aiuto creazione menu mancante WordPress 0
S spostare il pulsante menu dropdown HTML e CSS 8
F Dropdown menu con tabella PHP 33
Spown [WordPress] Problemi visualizzazione su più browser + voci menu in movimento WordPress 1
A [WordPress] Menu bar WordPress 0
W [WordPress] Non si vedono le categorie da aggiungerle al Top Menu WordPress 3
M Inviare variabili da menu a tendina a pagina php con post PHP 6
M [PHP] Selezione da menu a discesa con 2 variabili PHP 0
F [WordPress] [HTML] Aggiungere una pagina solo allo sticky menu WordPress 4
M [PHP] Creare un menu a tendina con pdo PHP 18
W [HTML] Animazione menu mobile HTML e CSS 0
P [HTML] Eliminare doppio menu in wordpress WordPress 2
andreas88 [PHP] menu PHP 15
K [ASP.Net] Realizzazione menu a tendina dipendenti ASP.NET 1
M [HTML] problema spazio aggiuntivo tra elementi <li> di menu a tendina HTML e CSS 1
L [css e html] destra e sinistra (menu navigazione) HTML e CSS 3

Discussioni simili