menu a tendina, da duplicare

**cieli** · 24-08-2003, 21:46

Sto facendo un sitarello con una raccolta di smiley. Ho trovato questo menu in giro per la rete
--------------------
<body bgcolor="#ffffff" text="#008080" link="#008080" vlink="#009700">
<table border="1" bordercolor="#008080">
<tr>
<td bordercolor="#FFFFFF"rowspan="2" width="112">
<center>
<div style="border:0px outset white;background:white" onclick="intv_esp_bis= setInterval('espandi_bis()',1);quale_bis=due;i_bis =0;" onmousedown="this.style.border='0px inset white'" onmouseup="this.style.border='0px outset white'" onmouseover="this.style.cursor='hand'" onmouseout="this.style.cursor='default';this.style .border='0px outset white'">
musica & party
</div>
</center>
</td>
<td bordercolor="#FFFFFF" style="visibility:hidden" id="due">

</td>
</tr>
</table>
<script language="javascript">

var i_bis=0;
var m_bis=50;
var intv_esp_bis;
var quale_bis;
var direz_bis=false;

function espandi_bis()
{
/////////////Gestione espansione
if(direz_bis==false)
{
if(i_bis<101)
{
quale_bis.style.width=i_bis;
i_bis+=5;
}
if(i_bis>50)
{
clearInterval(intv_esp_bis);
direz_bis=true;
setup_testo_bis(quale_bis);
return;
}
}
///////////////

//////////////Gestione ritiro
if(direz_bis==true)
{

clear_text_bis(quale_bis);

if(m_bis>0)
{
quale_bis.style.width=m_bis;
m_bis-=5;
}
if(m_bis<=0)
{
clearInterval(intv_esp_bis);
direz_bis=false;
m_bis=50;
return;
}
}
/////////////
}
var uno_txt = "<a href\=\"music\/anima.html\" target\=\"_top\"\>animati\<br\>\<a href\=\"music\/statici.html\" target\=\"_top\"\>statici\<\/a\>\<br\>";

function setup_testo_bis(id_menu)
{
if(id_menu==due)
{
id_menu.innerHTML=uno_txt;
id_menu.style.visibility="visible";
}
}

function clear_text_bis(id_menu)
{
if(id_menu==due)
{
id_menu.style.visibility="hidden";
id_menu.innerHTML="";
}
}

</script>
------------------
l'ho modificato (a orecchio) e funziona benissimo, ma solo se lo metto una UNICA volta, altrimenti dà errore. Ma io vorrei metterlo più di una volta nella pagina (che è un frame), per aver qualcosa più o meno così:
MUSICA animati
.............statici

TRISTE animati
............statici
............da tastiera

e via discorrendo.

Qualcuno sa come fare?
Grazie

Cieli

**oronze** · 25-08-2003, 00:27

Vai su www.jsdir.it (com, net org, non ricordo) e ne trovi parecchi....facili da configurare

**cieli** · 25-08-2003, 21:17

Originariamente inviato da oronze
Vai su www.jsdir.it (com, net org, non ricordo) e ne trovi parecchi....facili da configurare

Ti ringrazio, avevo già guardato. Nessuno è come questo.
Il menu è una tabella, con (in apparenza) una sola cella che sembra allungarsi verso destra quando clikki.

**v2v2** · 26-08-2003, 16:32

ciao beccati queste modifiche

codice:

<html> 

<head> 
<script language="javascript"> 

var i_bis=0;
var m_bis=50; 
var intv_esp_bis; 
var quale_bis; 
var num=""; 
var direz_bis=false; 

var txt=new Array();
//Gestione Array
txt[0]= "<a href\=\"music\/anima.html\" target\=\"_top\"\>animati\<br\>\<a href\=\"music\/statici.html\" target\=\"_top\"\>statici\<\/a\>\<br\>";  
txt[1]= "<a href\=\"music\/anima.html\" target\=\"_top\"\>no animati\<br\>\<a href\=\"music\/statici.html\" target\=\"_top\"\>ipstatici\<\/a\>\<br\>";  
txt[2]= "<a href\=\"music\/anima.html\" target\=\"_top\"\>bo animati\<br\>\<a href\=\"music\/statici.html\" target\=\"_top\"\>cstatici\<\/a\>\<br\>";  


function dec(x,y){
quale_bis=x;
num=y;
i_bis=0;
intv_esp_bis=setInterval('espandi_bis()',1);
}
 
function espandi_bis(){
	//Gestione Espansione 
	if(direz_bis==false){ 
		if(i_bis<101){ 
			quale_bis.style.width=i_bis; 
			i_bis+=5; 
		} 
		if(i_bis>50){ 
			clearInterval(intv_esp_bis); 
			direz_bis=true; 
			setup_testo_bis(); 
			return; 
		} 
	} 


	//Gestione Ritiro 
	if(direz_bis==true){ 
		clear_text_bis(); 
		if(m_bis>0){ 
			quale_bis.style.width=m_bis; 
			m_bis-=5; 
		} 
		if(m_bis<=0){ 
			clearInterval(intv_esp_bis); 
			direz_bis=false; 
			m_bis=50; 
			return; 
		} 
	} 
} 


function setup_testo_bis(){
	id_menu=quale_bis;
	num=num.charAt(2);
	id_menu.innerHTML=txt[num]; 
	id_menu.style.visibility="visible";  
} 

function clear_text_bis(){ 
	id_menu=quale_bis;
	id_menu.style.visibility="hidden"; 
	id_menu.innerHTML=""; 
} 

</script>
<title></title> 

</head>
<body bgcolor="#ffffff" text="#008080" link="#008080" vlink="#009700">
 
<table border="1" bordercolor="#008080"> 
<tr> 
<td bordercolor="#FFFFFF" rowspan="2" width="112"> 
<center> 
<div onclick="dec(td0,'td0')" style="border:0px outset white;background:white;cursor:hand"> 
musica 
</div> 
</center> 
</td> 
<td bordercolor="#FFFFFF" style="visibility:hidden" id="td0"> 
</td> 
</tr> 
</table>




<table border="1" bordercolor="#008080"> 
<tr> 
<td bordercolor="#FFFFFF" rowspan="2" width="112"> 
<center> 
<div onclick="dec(td1,'td1')" style="border:0px outset white;background:white;cursor:hand"> 
musica 
</div> 
</center> 
</td> 
<td bordercolor="#FFFFFF" style="visibility:hidden" id="td1"> 
</td> 
</tr> 
</table>
 
</body>

</html>

ci sono ancora dei problemini ma ci sto lavorando...

**cieli** · 27-08-2003, 21:31

Grazie mille, v2v2. :metallica
Lo copio subito e poi lo provo.
Scusa il ritardo nella risposta, ma son un po' incasinata in 'sto periodo.
=^.^=

**v2v2** · 28-08-2003, 14:01

Ecco qui:

codice:

<html> 
<head> 
<style>
.div{
	border:0px outset white;
	background:white;
	cursor:hand;
}
</style>
<script>
<!-- inizio variabili da settare 

var max=50;				//aumento massimo della cella
var txt=new Array();	//contenuti delle celle da espandere
txt[0]= "<a href\=\"music\/anima.html\" target\=\"_top\"\>animati\<br\>\<a href\=\"music\/statici.html\" target\=\"_top\"\>statici\<\/a\>\<br\>";  
txt[1]= "<a href\=\"music\/anima.html\" target\=\"_top\"\>due\<br\>\<a href\=\"music\/statici.html\" target\=\"_top\"\>secondo\<\/a\>\<br\>";  

//fine variabili da settare -->

var aum=0;
var intv;
var mas=max+"px";
var num=0;
var TD="";

function dec(x){
	TD=x;
	aum=0;
	num=TD.charAt(2);
	max=parseInt(mas);
	z=document.getElementById(TD);
	if(z.style.width!=mas){
		intv=setInterval('espandi()',1);
	}
	else{
		intv=setInterval('ritrai()',1);
		togli();
	}
}
 
function espandi(){
	z.style.width=aum; 
	aum+=5; 
	if(aum>max){ 
		clearInterval(intv);
		inser();
		return; 
	} 
	 
} 

function ritrai(){
	z.style.width=max; 
	max-=5; 
	if(aum>max){ 
		clearInterval(intv); 
		return; 
	} 
}

function inser(){
	z.innerHTML=txt[num]; 
	z.style.visibility="visible";  
} 

function togli(){
	z.innerHTML="";
	z.style.visibility="hidden"; 
}
</script>
<title></title> 

</head>
<body bgcolor="#ffffff" text="#008080" link="#008080" vlink="#009700">
 
<table id="table0" border="1" bordercolor="#008080"> 
<tr> 
<td bordercolor="#FFFFFF" rowspan="2" width="100"> 
<center> 
<div class="div" onclick="dec('td0')"> 
Tabella1 
</div> 
</center> 
</td> 
<td bordercolor="#FFFFFF" style="visibility:hidden" id="td0"> 
</td> 
</tr> 
</table>




<table border="1" bordercolor="#008080"> 
<tr> 
<td bordercolor="#FFFFFF" rowspan="2" width="100"> 
<center> 
<div class="div" onclick="dec('td1')"> 
Seconda 
</div> 
</center> 
</td> 
<td bordercolor="#FFFFFF" style="visibility:hidden" id="td1"> 
</td> 
</tr> 
</table>
 
</body>
</html>

Con qualche migliaio di modifiche... ora funziona abbastanza bene!

ciao

**cieli** · 28-08-2003, 21:29

wowwwwwwwwwwww :metallica
v2v2, sei un mito!
: icona di gatto moltoooo riconoscente :
Sei stato davvero gentilissimo.
Grasssieeeeeeee!!!

**cieli** · 16-09-2003, 21:37

Confesso: mi vergogno come DUE ladre a chieder ancora aiuto, ma sono nelle canne

, tanto per cambiare...
Grazie al tuo script (questo qui) , ho messo un MAGNIFICO MENU nel sito di smiley che sto facendo (e mi piacerebbe dartene credito, o nel sito stesso o all'interno dello script, dimmi tu). On-line, per il momento, ci son solo le pagine da 0 a 8.
Il problema nasce dal fatto che, nella //Gestione Array , dopo il decimo txt (0-9) se tento di metterne un altro mi legge solo il primo carattere, quindi per lui txt[10]= vuol dire ancora txt[1]= e chiama il link relativo a txt[1]=
Mi rincresce rompere le orekkie per l'ennesima volta, ma non so che fare... a parte rinunciare al menu (ma è bellissimo!

)

**cieli** · 17-09-2003, 21:20

ARGHHHH... ci devo proprio rinunciare?

**v2v2** · 17-09-2003, 22:18

Originariamente inviato da cieli
ARGHHHH... ci devo proprio rinunciare?

mai rinunciare!

codice:

<html> 
<head> 
<style>
.div{
	border:0px outset white;
	background:white;
	cursor:hand;
}
</style>
<script>
<!-- inizio variabili da settare 

var max=50;				//aumento massimo della cella
var txt=new Array();	//contenuti delle celle da espandere
txt[0]= "<a href\=\"amici.html\" target\=\"_top\"\>animati&nbsp\<a href\=\"amicis.html\" target\=\"_top\"\>&nbspstatici\<\/a\>";  
txt[1]= "<a href\=\"ammicca.html\" target\=\"_top\"\>animati&nbsp\<a href\=\"ammiccas.html\" target\=\"_top\"\>&nbspstatici\<\/a\>";  

//fine variabili da settare -->

var aum=0;
var intv;
var mas=max+"px";
var num=0;
var pq="";
var TD="";

function dec(x){
	TD=x;
	aum=0;
	pq="";
	for(i=2;i<TD.length;i++)pq=pq+TD.charAt(i);
	num=parseInt(pq);
	max=parseInt(mas);
	z=document.getElementById(TD);
	if(z.style.width!=mas){
		intv=setInterval('espandi()',1);
	}
	else{
		intv=setInterval('ritrai()',1);
		togli();
	}
}
 
function espandi(){
	z.style.width=aum; 
	aum+=5; 
	if(aum>max){ 
		clearInterval(intv);
		inser();
		return; 
	} 
	 
} 

function ritrai(){
	z.style.width=max; 
	max-=5; 
	if(aum>max){ 
		clearInterval(intv); 
		return; 
	} 
}

function inser(){
	z.innerHTML=txt[num]; 
	z.style.visibility="visible";  
} 

function togli(){
	z.innerHTML="";
	z.style.visibility="hidden"; 
}
</script>
<title></title> 

</head>
<BODY BGCOLOR="#ffffff" TEXT="#008080" LINK="#008080" VLINK="#009700">
 
<TABLE BORDER="1" bordercolor="#008080" CELLSPACING="2" CELLPADDING="0">
<TR>
<TD bordercolor="#FFFFFF" ROWSPAN="2" WIDTH="112">

<CENTER>
<div onclick="dec('td0')" style="border:0px outset white;background:white;cursor:hand"> 
Amici
</div> 
</center> 
</td> 
<td bordercolor="#FFFFFF" style="visibility:hidden" id="td0"> 
</td> 
</tr> 
</table>




<TABLE BORDER="1" bordercolor="#008080" CELLSPACING="2" CELLPADDING="0">
<TR>
<TD bordercolor="#FFFFFF" ROWSPAN="2" WIDTH="112">

<CENTER>
<div onclick="dec('td1')" style="border:0px outset white;background:white;cursor:hand"> 
Ammicca
</div> 
</center> 
</td> 
<td bordercolor="#FFFFFF" style="visibility:hidden" id="td1"> 
</td> 
</tr> 
</table>
 
</body>
</html>

Ciao

Discussione: menu a tendina, da duplicare

Strumenti discussione

Ricerca discussione

Visualizza

menu a tendina, da duplicare

v2v2, help! (sempre quel menu a tendina)

Permessi di invio