Validazione pagina con javascript

**[mo:cha]** · 29-11-2005, 01:58

Ciao a tutti,
ho creato questa pagina web che senza l'inserimento del javascript risulta essere validata con xhtml1.0 transitional.
Questo non accade(purtroppo)dopo aver inserito lo scrpt in java.
Come risolvere il problema?
Grazie.
posto il codice(di quello senza script)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Media Sport</title>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<link href="design2.css" rel="stylesheet" type="text/css" />

</head>

<body>

[img]header_2.png[/img]
<div id="wrapper">
<div style="font-weight: bold;" id="mainphoto">

<a href="Soluzione2/index2.html">

</a></div>

<div style="font-weight: bold;" id="nav"><span>
<span></span>
<span style="color: rgb(51, 51, 51);"></span><span style="color: rgb(51, 51, 51);"> Home
Chi siamo Dove siamo

Contatti I
nostri prodotti Galleria fotografica Faq</span></span></div>

<div id="shadow">

</div>

<div id="col1">
<div id="col1content"><span></span><span></span>

<font size="-1"><span style="font-weight: bold;">Chi
siamo</span></font>

<font size="-1">
per la comunicazione.</font>

<span style="font-weight: bold;"></span></div>

</div>

<div id="col2">
<div id="col2content">

Scegli la tua interfaccia

</p>

<div style="text-align: left;"><font size="-1">

[img]images/bottone%20scelta%20uno.gif[/img]

[img]images/bottone%20scelta%20due.gif[/img]
[img]images/bottone%20scelta%20tre.gif[/img]</font></div>

</p>

<font size="-1">News che scorrono</font></p>

</div>

<font size="-1">

</font>
<div style="text-align: center;"><font size="-1">

Loghi clienti

</font></div>

</div>

<div id="footer">

<font size="-1">xhtml | css |</font> </p>

</div>

</div>

</body>
</html>
e quello con lo script.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Media Sport</title>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<link href="design1.css" rel="stylesheet" type="text/css" />

</head>

<body>

[img]header.png[/img]
<div id="wrapper">

<div style="font-weight: bold;" id="mainphoto">
<script language="JavaScript1.2">

var slideshow_width='700px'
var slideshow_height='248px'
var pause=3000
var slidebgcolor="#ffffff"

var dropimages=new Array()
dropimages[0]="img/img1.jpg"
dropimages[1]="img/img2.jpg"
dropimages[2]="img/img3.jpg"

var droplinks=new Array()
droplinks[0]="http://www.html.it"
droplinks[1]="http://flash-mx.it"
droplinks[2]=""

var preloadedimages=new Array()
for (p=0;p<dropimages.length;p++){
preloadedimages[p]=new Image()
preloadedimages[p].src=dropimages[p]
}

var ie4=document.all
var dom=document.getElementById

if (ie4||dom)
document.write('<div style="position:relative;width:'+slideshow_width+' ;height:'+slideshow_height+';overflow:hidden"><div id="canvas0" style="position:absolute;width:'+slideshow_width+' ;height:'+slideshow_height+';background-color:'+slidebgcolor+';left:-'+slideshow_width+'"></div><div id="canvas1" style="position:absolute;width:'+slideshow_width+' ;height:'+slideshow_height+';background-color:'+slidebgcolor+';left:-'+slideshow_width+'"></div></div>')
else
document.write('[img]'+dropimages[0]+'[/img]')

var curpos=parseInt(slideshow_width)*(-1)
var degree=10
var curcanvas="canvas0"
var curimageindex=linkindex=0
var nextimageindex=1

function movepic(){
if (curpos<0){
curpos=Math.min(curpos+degree,0)
tempobj.style.left=curpos+"px"
}
else{

clearInterval(dropslide)
nextcanvas=(curcanvas=="canvas0")? "canvas0" : "canvas1"
tempobj=ie4? eval("document.all."+nextcanvas) : document.getElementById(nextcanvas)
var slideimage='[img]'+dropimages[curimageindex]+'[/img]'
tempobj.innerHTML=(droplinks[curimageindex]!="")? ''+slideimage+'' : slideimage
nextimageindex=(nextimageindex<dropimages.length-1)? nextimageindex+1 : 0
setTimeout("rotateimage()",pause)
}
}

function rotateimage(){
if (ie4||dom){
resetit(curcanvas)
var crossobj=tempobj=ie4? eval("document.all."+curcanvas) : document.getElementById(curcanvas)
crossobj.style.zIndex++
var temp='setInterval("movepic()",50)'
dropslide=eval(temp)
curcanvas=(curcanvas=="canvas0")? "canvas1" : "canvas0"
}
else
document.images.defaultslide.src=dropimages[curimageindex]
linkindex=curimageindex
curimageindex=(curimageindex<dropimages.length-1)? curimageindex+1 : 0
}

function rotatelink(){
if (droplinks[linkindex]!="")
window.location=droplinks[linkindex]
}

function resetit(what){
curpos=parseInt(slideshow_width)*(-1)
var crossobj=ie4? eval("document.all."+what) : document.getElementById(what)
crossobj.style.left=curpos+"px"
}

function startit(){
var crossobj=ie4? eval("document.all."+curcanvas) : document.getElementById(curcanvas)
crossobj.innerHTML='[img]'+dropimages[curimageindex]+'[/img]'
rotateimage()
}

if (ie4||dom)
window.onload=startit
else
setInterval("rotateimage()",pause)

</script>

<a href="Soluzione2/index2.html">

</a></div>

<div style="font-weight: bold;" id="nav"><span>
<span></span>
<span style="color: rgb(51, 51, 51);"></span><span style="color: rgb(51, 51, 51);"> Home

Chi siamo Dove siamo
Contatti I
nostri prodotti Galleria fotografica Faq</span></span></div>

<div id="shadow">

</div>

<div id="col1">
<div id="col1content"><span></span><span></span>

<font size="-1"><span style="font-weight: bold;">Chi
siamo</span></font>

<font size="-1">
Media Sport é una dinamica società che
dal 1997
opera con successo nel settore del marketing e della comunicazione.

.</font>

<span style="font-weight: bold;"></span></div>

</div>

<div id="col2">
<div id="col2content">

Scegli la tua interfaccia

</p>

<div style="text-align: left;"><font size="-1">

[img]images/bottone%20scelta%20uno.gif[/img]
[img]images/bottone%20scelta%20due.gif[/img]
[img]images/bottone%20scelta%20tre.gif[/img]</font></div>

</p>

<font size="-1">News che scorrono</font></p>

</div>

<font size="-1">

</font>
<div style="text-align: center;"><font size="-1">

Loghi clienti

</font></div>

</div>

<div id="footer">

<font size="-1">xhtml | css |</font> </p>

</div>

</div>

</div>

</body>
</html>
So che ai fini dlel'accessibilità lo javascript non sia il massimo pero' mi tocca..e volevo comuqnue avere la pagina Validata..

**Federix** · 29-11-2005, 09:23

Devi mettere anche il tipo di javascript nel tag <script>

codice:

<script language="javascript" type="text/javascript">

**pierofix** · 29-11-2005, 09:46

Originariamente inviato da Federix
Devi mettere anche il tipo di javascript nel tag <script>

codice:

<script language="javascript" type="text/javascript">

Giusto, ci va l'attributo type, però in XHTML l'attributo language è deprecato, quindi non va inserito.

Oltretutto, anche il marcatore <font> è deprecato dalle ultime specifiche e, a pensarci bene, è un tag superfluo quanto addirittura dannoso visto che oggi abbiamo a disposizione i CSS per gestire la presentazione delle informazioni.

Già è parecchio complicato costruire una struttura HTML che sia sensata, leggera, essenziale e soprattutto accessibile anche alle persone disabili, figuriamoci poi se la inquiniamo con elementi che nemmeno le competono.

**[mo:cha]** · 29-11-2005, 10:49

inserendo il tipo di javascript sarà validata?
l'elemento font lo eliminerò.

**Federix** · 29-11-2005, 10:56

Originariamente inviato da [mo:cha]
inserendo il tipo di javascript sarà validata?
l'elemento font lo eliminerò.

Ma perché chiederlo?? Provarlo e guardare se va bene non ti costa niente. :rollo:

**[mo:cha]** · 29-11-2005, 11:38

http://validator.w3.org/check?uri=ht...ndexprova1.htm
Questa é la validazione del w3c.continuano ad esserci gli errori..

**Federix** · 29-11-2005, 11:57

Gli errori sono all'interno del codice javascript. Cerca di capire dove sta l'errore e correggerlo a modo.
Se lo script non l'hai scritto tu e l'hai copiato da qualche parte cerca di vedere se hai tralasciato qualcosa.
Se lo script serve per muovere le immagini centrali (quello della goccia nell'acqua) di consiglio di sostituirlo perché ci mette una vita a caricarlo e s'impalla anche.

**pierofix** · 29-11-2005, 11:57

Originariamente inviato da [mo:cha]
http://validator.w3.org/check?uri=ht...ndexprova1.htm
Questa é la validazione del w3c.continuano ad esserci gli errori..

Ehi, ehi, niente paura!

Pian piano gli errori si risolvono: facciamo un passo per volta.

Innanzitutto, si nota dal report come alcuni caratteri contenuti nel javascript entrino in conflitto con la sintassi di HTML. Suggerirei di compiere un'operazione, che è comunque consigliabile nella maggior parte dei casi, ovvero separare lo script dal mark-up. Per fare ciò occorrono due passaggi:

crea un file di testo vuoto e copia all'interno di esso tutto il contenuto del marcatore script ed eliminando lo stesso contenuto dalla pagina; salva il nuovo file con estensione js;
a questo punto avrai questo nella HEAD del tuo documento:
codice:
```
<script type="text/javascript"></script>
```
Bene, ti basterà aggiungere un attributo per dire al browser quale percorso abbia il file esterno che contiene gli script:
codice:
```
<script type="text/javascript" src="script.js"></script>
```
Inserisci ovviamente il percorso in base alla posizione ed al nome che hai attribuito al file js.

Fatto questo avremo ancora qualche passaggio da eseguire, ma intanto apporta queste modifiche.

**[mo:cha]** · 29-11-2005, 12:04

e per richiamare lo script nel body delo documento?

**[mo:cha]** · 29-11-2005, 13:02

timido uppino

Discussione: Validazione pagina con javascript

Strumenti discussione

Ricerca discussione

Visualizza

Validazione pagina con javascript

Permessi di invio