validare attributo "value"

WpStyle

WpStyle

Utente Attivo
25 Gen 2004
611
0
16
Pistoia
www.animalfestival.net
sto cercando di validare XHTML 1.0 Strict un mio sito ma mi da questo unico errore:
<li name="1"><a href="index.php">Home</a></li>

si tratta di un menu orizzontale che usa javascript, questa stringa di codice è inserita nel body...
l'effetto è quello di visualizzare sotto al link attivo una linea

potete vederlo online quì:
http://www.saperda.it
 
V

Vale_Barbato

Utente Attivo
15 Set 2005
465
0
0
kodemondo ha scritto:
sto cercando di validare XHTML 1.0 Strict un mio sito ma mi da questo unico errore:
<li name="1"><a href="index.php">Home</a></li>

si tratta di un menu orizzontale che usa javascript, questa stringa di codice è inserita nel body...
l'effetto è quello di visualizzare sotto al link attivo una linea

potete vederlo online quì:
http://www.saperda.it
Clicca per allargare...

Ciao,
al tag <li> puoi aggiungere un id es. <li id="qualcosa">

Poi il tuo codice lo fare in questo modo:
<li id="1"><a href="/index.php">Home</a></li>

Ciao :)
 
WpStyle

WpStyle

Utente Attivo
25 Gen 2004
611
0
16
Pistoia
www.animalfestival.net
scusatemi....
ho sbagliato a postare il codice, l'attributo non è "name" ma "value"
Codice: 
<li value="1"><a href="index.php">Home</a></li>
il codice javascript è:
Codice: 
var menuSlider=function(){

	var m,e,g,s,q,i; e=[ ]; q=8; i=8;

	return{

		init:function(j,k){

			m=document.getElementById(j); e=m.getElementsByTagName('li');

			var i,l,w,p; i=0; l=e.length;

			for(i;i<l;i++){

				var c,v; c=e[i]; v=c.value; if(v==1){s=c; w=c.offsetWidth; p=c.offsetLeft}

				c.onmouseover=function(){menuSlider.mo(this)}; c.onmouseout=function(){menuSlider.mo(s)};

			}

			g=document.getElementById(k); g.style.width=w+'px'; g.style.left=p+'px';

		},

		mo:function(d){

			clearInterval(m.tm);

			var el,ew; el=parseInt(d.offsetLeft); ew=parseInt(d.offsetWidth);

			m.tm=setInterval(function(){menuSlider.mv(el,ew)},i);

		},

		mv:function(el,ew){

			var l,w; l=parseInt(g.offsetLeft); w=parseInt(g.offsetWidth);

			if(l!=el||w!=ew){

				if(l!=el){var ld,lr,li; ld=(l>el)?-1:1; lr=Math.abs(el-l); li=(lr<q)?ld*lr:ld*q; g.style.left=(l+li)+'px'}

				if(w!=ew){var wd,wr,wi; wd=(w>ew)?-1:1; wr=Math.abs(ew-w); wi=(wr<q)?wd*wr:wd*q; g.style.width=(w+wi)+'px'}

			}else{clearInterval(m.tm)}

}};}();
il css è questo:
Codice: 
.menu{

position:relative;  

width:500px;

float: left;	

margin-top: 12px;

}

.menu ul{

list-style:none; 

z-index:10; 

position:absolute; 

padding:7px 15px;

right: 0px; 

}

.menu li{

float:left;
}

.menu a, .menu a:active, .menu a:visited{

text-decoration:none; 

font-weight: bold;

color:#ffffff; 

padding:10px;
}

.menu a:hover{

color:#ebf0e6;
}

#slide{

position:absolute; 

bottom:0; 

border-bottom:2px solid #ffffff; 

}
e questo l'html:
Codice: 
<div class="menu">    
<ul id="menu">

<li value="1"><a href="index.php">Home</a></li>

<li><a href="appartamenti.php?foto=intro&amp;testo=introdesc">Appartamenti</a></li>

<li><a href="prenotazioni.php">Prenotazioni</a></li>

<li><a href="localita.php">Località&amp;</a></li>
<li><a href="info.php">Info</a></li>

<li><a href="contatti.php">Contatti</a></li>
<li id="slide"></li>

</ul>

</div>

praticamente "value" fa in modo che nella barra di navigazione venga evidenziato il link della pagina in cui ci si trova...
è più semplice vederlo in azione quì:
http://webkode.netsons.org/30/

il menu funziona benisimo, l'unico problema che ho è la validazione XHTML 1.0 Strict poichè "value" è deprecato e quindi vorrei trovare un'altra soluzione ma sono bloccato...
 
V

Vale_Barbato

Utente Attivo
15 Set 2005
465
0
0
kodemondo ha scritto:
scusatemi....
ho sbagliato a postare il codice, l'attributo non è "name" ma "value"
Codice: 
<li value="1"><a href="index.php">Home</a></li>
il codice javascript è:
Codice: 
var menuSlider=function(){

	var m,e,g,s,q,i; e=[ ]; q=8; i=8;

	return{

		init:function(j,k){

			m=document.getElementById(j); e=m.getElementsByTagName('li');

			var i,l,w,p; i=0; l=e.length;

			for(i;i<l;i++){

				var c,v; c=e[i]; v=c.value; if(v==1){s=c; w=c.offsetWidth; p=c.offsetLeft}

				c.onmouseover=function(){menuSlider.mo(this)}; c.onmouseout=function(){menuSlider.mo(s)};

			}

			g=document.getElementById(k); g.style.width=w+'px'; g.style.left=p+'px';

		},

		mo:function(d){

			clearInterval(m.tm);

			var el,ew; el=parseInt(d.offsetLeft); ew=parseInt(d.offsetWidth);

			m.tm=setInterval(function(){menuSlider.mv(el,ew)},i);

		},

		mv:function(el,ew){

			var l,w; l=parseInt(g.offsetLeft); w=parseInt(g.offsetWidth);

			if(l!=el||w!=ew){

				if(l!=el){var ld,lr,li; ld=(l>el)?-1:1; lr=Math.abs(el-l); li=(lr<q)?ld*lr:ld*q; g.style.left=(l+li)+'px'}

				if(w!=ew){var wd,wr,wi; wd=(w>ew)?-1:1; wr=Math.abs(ew-w); wi=(wr<q)?wd*wr:wd*q; g.style.width=(w+wi)+'px'}

			}else{clearInterval(m.tm)}

}};}();
il css è questo:
Codice: 
.menu{

position:relative;  

width:500px;

float: left;	

margin-top: 12px;

}

.menu ul{

list-style:none; 

z-index:10; 

position:absolute; 

padding:7px 15px;

right: 0px; 

}

.menu li{

float:left;
}

.menu a, .menu a:active, .menu a:visited{

text-decoration:none; 

font-weight: bold;

color:#ffffff; 

padding:10px;
}

.menu a:hover{

color:#ebf0e6;
}

#slide{

position:absolute; 

bottom:0; 

border-bottom:2px solid #ffffff; 

}
e questo l'html:
Codice: 
<div class="menu">    
<ul id="menu">

<li value="1"><a href="index.php">Home</a></li>

<li><a href="appartamenti.php?foto=intro&amp;testo=introdesc">Appartamenti</a></li>

<li><a href="prenotazioni.php">Prenotazioni</a></li>

<li><a href="localita.php">Località&amp;</a></li>
<li><a href="info.php">Info</a></li>

<li><a href="contatti.php">Contatti</a></li>
<li id="slide"></li>

</ul>

</div>

praticamente "value" fa in modo che nella barra di navigazione venga evidenziato il link della pagina in cui ci si trova...
è più semplice vederlo in azione quì:
http://webkode.netsons.org/30/

il menu funziona benisimo, l'unico problema che ho è la validazione XHTML 1.0 Strict poichè "value" è deprecato e quindi vorrei trovare un'altra soluzione ma sono bloccato...
Clicca per allargare...

Non capisco perchè non fai così:

<div class="menu">
<ul id="menu">
<li ><a href="index.php">Home</a></li>
<li><a href="appartamenti.php?foto=intro&amp;testo=introdesc">Appartamenti</a></li>
<li><a href="prenotazioni.php">Prenotazioni</a></li>
<li><a href="localita.php">Località&amp;</a></li>
<li><a href="info.php">Info</a></li>
<li><a href="contatti.php">Contatti</a></li>
<li id="slide"></li>
</ul>
</div>

Il value="1" e solo per index.php o dev'essere per tutti i tag li ??
 
WpStyle

WpStyle

Utente Attivo
25 Gen 2004
611
0
16
Pistoia
www.animalfestival.net
come vedi dal sito nel menu orizzontale scorre tramite javascript una barra sotto ai vari link...
se noti nella Home questa barra si pone sotto al link Home per poi muoversi al passaggio del mouse, se poi vai alla pagina Appartamenti la barra sarà posizionata sotto al link Appartamenti e così via per tutte le pagine...
praticamente è un modo per evidenziare in che pagina ti trovi....

tutto questo è possibile tramite all'attributo "value"...se vedi l'html che ho postato
Codice: 
<div class="menu">    
<ul id="menu">
<li value="1"><a href="index.php">Home</a></li>
<li><a href="appartamenti.php?foto=intro&amp;testo=introdesc">Appartamenti</a></li>
<li><a href="prenotazioni.php">Prenotazioni</a></li>
<li><a href="localita.php">Località&amp;</a></li>
<li><a href="info.php">Info</a></li>
<li><a href="contatti.php">Contatti</a></li>
<li id="slide"></li>
</ul>
</div>
evidenzia che sei in home page mentre gli altri tag <li> sono normali, se ti trovi in Appartamenti sarà solo quel link a contenere value=1 e così via per tutti i menu di tutte le pagine...
Codice: 
<div class="menu">    
<ul id="menu">
<li><a href="index.php">Home</a></li>
<li value="1"><a href="appartamenti.php?foto=intro&amp;testo=introdesc">Appartamenti</a></li>
<li><a href="prenotazioni.php">Prenotazioni</a></li>
<li><a href="localita.php">Località&amp;</a></li>
<li><a href="info.php">Info</a></li>
<li><a href="contatti.php">Contatti</a></li>
<li id="slide"></li>
</ul>
</div>
 
WpStyle

WpStyle

Utente Attivo
25 Gen 2004
611
0
16
Pistoia
www.animalfestival.net
grazie per l'aiuto...
comunque il problema secondo me sta nel javascript, forse in questa riga:
Codice: 
var c,v; c=e[i]; v=c.[COLOR="DarkRed"]value[/COLOR]; if(v==1){s=c; w=c.offsetWidth; p=c.offsetLeft}
 
Devi accedere o registrarti per poter rispondere.
Discussioni simili
Autore Titolo Forum Risposte Data
M Come validare textarea con jquery jQuery 0
MarcoGrazia [PHP] [regex] Validare un url PHP 2
MarcoGrazia jquery validate, necessità di validare almeno un elemento select su due jQuery 1
D [Javascript] Validare dati in un form prima di spedirlo Javascript 1
O [HTML] Validare Form CMS (Content Management System) 3
napuleone [Javascript] validare lo spazio con js Javascript 7
F [PHP] Validare form prenotazione appuntamento tattoo con upload image PHP 0
M Validare alcuni campi di un form PHP 6
MarcoGrazia [regex] validare un textbox con solo caratteri alfabetici. Javascript 6
borgo italia validare un indirizzo email Snippet PHP 0
M Domande su validare i dati inseriti dagli utenti con jQuery e PHP Javascript 1
Shyson Validare mail in varie parti Javascript 2
Athene Validare un indirizzo email PHP 2
borgo italia validare url PHP 4
W Validare Form PHP 1
C aiuto per validare form Javascript 3
jan267 Validare un form Javascript 2
S validare select da iframe a altri iframe Javascript 0
G Come validare in w3c il carrello di paypal? E-Commerce 14
M Validare Codice con W3C Xhtml 1.0 Strict HTML e CSS 8
B Validare Forms Javascript 0
G Validare e-mail Posta Elettronica 2
F validare una stringa... PHP 1
E non riesco a validare la pagina HTML e CSS 1
M Validare un input text di una form Classic ASP 15
A attributo "min" per input gestione date PHP 8
S Impostare attributo "onclick" Javascript 5
Daniele_Carrara [HTML] Problema attributo min HTML e CSS 0
Eugene Lunghezza attributo alt per le immagini SEO e Posizionamento 2
D Come salvare scelta della select "dinamica" ajax-php? Come dato php o attributo value tag option? Ajax 5
B [Javascript] Richiamare un attributo DATA Javascript 0
P attributo dinamico append con body o id jQuery 4
A metodo css("attributo", "valore") con ajax jQuery 1
I attributo con IF aiuto PHP 3
P attributo target dinamico in JS Javascript 0
M Attributo "order" shortcode wordpresa WordPress 0
C E' possibile assegnare all' attributo name di un form html il nome di una variabile php? PHP 6
Devil-94 Recuperare il valore di un attributo del div tramite ajax. Ajax 3
otto9due Funzione cambia attributo input value non funziona.. Un aiutino :D Javascript 14
P trasformazione di una tabella ->i valori di un attributo diventano gli attributi della nuova tabella MySQL 1
M Attributo placeholder con immagine HTML e CSS 2
V Attributo align nel tag colgroup HTML e CSS 2
O Modificare attributo float di un immagine tramite checkbox o select Javascript 3
F rimuovere un attributo jQuery 1
Monital attributo iframe per porzione di pagina HTML e CSS 0
L inviare a database sia valore di value che valore di altro attributo PHP 5
voldemort Verificare se un attributo esiste con jQuery jQuery 4
max_400 fopen - l'attributo 'r+' si comporta uguale a 'w+' perchè? PHP 4
borgo italia option ed attributo onmouseout/over HTML e CSS 0
J Attributo Location non funzionante su windows.open Javascript 1

Discussioni simili

Alto Basso