validare name="" in XHTML Strict

[scudobravo]

Salve a tutti,

ho un attributo --> name="" <-- di un immagine, che XHTML Strict non mi valida, come posso fare?



Grazie a tutti

[Mich_]

Togli l'attributo name.
Se serve puoi sostituirlo con l'attributo id (ma la eventuale sintassi JS poi e` leggermente diversa).

Ricorda che gli id devono essere univoci (nel documento lato client).

[scudobravo]

Grazie mille, id funziona perfettamente e non ho dovuto cambiare la sintassi JS.

[Mich_]

Evidentemente usi IE;
ma negli altri browser o non funzionava prima o non funziona ora.

[scudobravo]

ma lo sai che hai ragionissima..... dunque?
il mio JS funziona solo su iE, brutta storia, come posso fare a farlo funzionare anche sugli altri?

questo è lo script:

boardNum = 0;
boardSpeed = 2000; // in millisecondi

immagini = new Array(); // un array di oggetti immagine
immagini[0] = new Image();
immagini[0].src = "img/varani.gif";
immagini[1] = new Image();
immagini[1].src = "img/varani1.gif";
immagini[2] = new Image();
immagini[2].src = "img/varani2.gif";
immagini[3] = new Image();
immagini[3].src = "img/varani3.gif";
immagini[4] = new Image();
immagini[4].src = "img/varani4.gif";


function rotateBoard() {
document.foto.src = immagini[boardNum].src;
if (boardNum < immagini.length - 1) boardNum++;
else boardNum = 0;
setTimeout('rotateBoard()', boardSpeed);
}


grazie!

[Mich_]

Il problema e` questa istruzione:
document.foto.src = ...
(non e una valida istruzione JS, ma da IE viene riconsociuta)

Cosa e` "foto"? Come e` stata definita?

[scudobravo]

È un attributo di immagine:

<img
src = "foto1.gif"

name="foto" // <--- adesso ho messo id="foto" //

width="400"
height="309"
/>

[scudobravo]

È un attributo di immagine:

<img
src = "foto1.gif"

name="foto" // <--- adesso ho messo id="foto" //

width="400"
height="309"
/>

[Mich_]

Allora la soluzione e`:
document.getElementById('foto').src ...

Vedi questa modifica a tutto lo script:

var boardNum = 0;
var boardSpeed = 2000; // in millisecondi

var immagini = new Array(); // un array di oggetti immagine
for(var i=0; i<5; i++) {
  immagini[i] = new Image();
  immagini[i].src = "img/varani"+i+".gif"; 
} // occhio che la prima immagine si deve chiamare varani0.gif

function rotateBoard() {
  document.getElementById('foto').src = immagini[boardNum].src;
  boardNum++;
  if (boardNum < immagini.length) boardNum=0;
  setTimeout('rotateBoard()', boardSpeed);
}

La modifica del loop iniziale e` naturalmente opzionale, ma alleggerisce lo script

[scudobravo]

Grazie mille, troppo gentile!