Visualizzazione dei risultati da 1 a 3 su 3

Discussione: validazione accordion

  1. #1

    validazione accordion

    ho questo problema di validazione di un accordion in javascript...
    codice:
    Line 71, Column 50: value of attribute "ID" invalid: "0" cannot start a name <div class="nascosto"><div class="accordion" id="0-accordion"></div></div>  It is possible that you violated the naming convention for this attribute. For example, id and name attributes must begin with a letter, not a digit.
    ho capito che il problema sta nell' ID ma il tutto dipende dal file javascript che lo richiama....
    codice:
    var slider=function(){ 	var array=[]; var speed=4; var timer=5; 	return{ 		init:function(t,c){ 			var s,ds,l,i,y; 			s=document.getElementById(t); ds=s.getElementsByTagName('div'); l=ds.length; i=y=0; 			for(i=0;i<l;i++){ 				var d,did; d=ds[i]; did=d.id; 				if(did.indexOf("accordion")!=-1){ 					y++; d.onclick=new Function("slider.process(this)"); 				}else if(did.indexOf("move")!=-1){ 					array.push(did.replace('-move','')); d.maxh=d.offsetHeight; 					if(c!=y){d.style.height='0px'; d.style.display='none'} 					else{d.style.display='block'} 				}  			} 		}, 		process:function(d){ 			var cl,i; cl=array.length; i=0; 			for(i;i<cl;i++){ 				var s,h,c,cd; 				s=array[i]; h=document.getElementById(s+'-accordion'); 				c=s+'-move'; cd=document.getElementById(c); clearInterval(cd.timer); 				if(h==d&&cd.style.display=='none'){ 					cd.style.display='block'; this.islide(c,1); 				}else if(cd.style.display=='block'){this.islide(c,-1)} 			} 		}, 		islide:function(i,d){var c,m; c=document.getElementById(i); m=c.maxh; c.direction=d; c.timer=setInterval("slider.slide('"+i +"')",timer)}, 		slide:function(i){ 			var c,m,h,dist; c=document.getElementById(i); m=c.maxh; h=c.offsetHeight; 			dist=(c.direction==1)?Math.round((m-h)/speed):Math.round(h/speed); 			if(dist<=1){dist=1} 			c.style.height=h+(dist*c.direction)+'px'; c.style.opacity=h/c.maxh; c.style.filter='alpha(opacity='+(h*100/c.maxh)+')'; 			if(h<2&&c.direction!=1){ 				c.style.display='none'; clearInterval(c.timer); 			}else if(h>(m-2)&&c.direction==1){clearInterval(c.timer)} 		} };}();
    personalmente non saprei dove metter mano...
    qualcuno ha qualche idea?

    Grazie

  2. #2
    mi sa che servirebbe anche parte dell'html se non tutta la pagina

  3. #3
    codice:
    <h2>Appartamento Sa Murta</h2> <div id="slider"> <div class="nascosto"><div class="accordion" id="0-accordion"></div></div> <div class="accordion" id="1-accordion"><span class="frecciaverde">Appartamento trilocale 4/5 Persone o 4 Persone +1</span></div> <div class="move" id="1-move"> <div class="testo"> Appartamento pianoterra con giardino indipendente
     Piano terra, alloggio su un unico livello
     Vista su Giardino
     1 Camera matrimoniale
     1 Camera doppia
     1 Bagno ­ wc, bidet, doccia, lavabo
      1 Soggiorno
      1 Veranda arredata
      </div> </div> <div class="accordion" id="2-accordion"><span class="frecciaverde">Attrezzature</span></div> <div class="move" id="2-move"> <div class="testo"> Lavatrice, aria condizionata, tv color, doccia esterna, stoviglie, divano letto </div> </div> <div class="accordion" id="3-accordion"><span class="frecciaverde">Contesto geografico ideale</span></div> <div class="move" id="3-move"> <div class="testo"> Spiaggia: 200 mt
     Tortolì centro: 1 km
     Fermata dell'autobus: 200 mt
     Ristorante: meno di 100 mt
      Supermercato: 300 mt
      Porto di Arbatax: 1 km
      Punto Informazioni: 1 km
     </div> </div> <div class="accordion" id="4-accordion"><span class="frecciaverde">Attività nei dintorni</span></div> <div class="move" id="4-move"> <div class="testo"> Equitazione, Tennis, Vela, Piscina comunale, Gite in battello, Immersioni, Jet ski, Escursioni, Sport nautici, Immersioni, Passeggiate a cavallo, Pesca </div> </div> <div class="accordion" id="5-accordion"><span class="frecciaverde">Servizi aggiuntivi</span></div> <div class="move" id="5-move"> <div class="testo"> Noleggio biancheria facoltativo € 10,00 a persona letto e bagno con cambio settimanale. </div> </div> <div class="accordion" id="6-accordion"><span class="frecciaverde">Avvisi</span></div> <div class="move" id="6-move"> <div class="testo"> Non si accettano animali domestici
      Fumatori non accettati
      Proprietario residente in prossimità dell'alloggio </div> </div> </div>
    è una pagina che includo tramite php

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.