-
Caccia all'errore?
Ragaaaaaazziiiiii!! Hanno cambiato il forum xD
E' da tanto che non c'entravo xD
Comunque, passiamo al problema: ho un codice di Javascript all'interno dell'head della pagina, ma quando lo richiamo all'interno della pagina, nel punto che mi serve, non funziona.. Premetto che non sono esperto in Javascript.. Però nell'evento onclick ho molte funzioni, le funzioni che vengono prima di nascondi() funzionano benissimo, quelle dopo invece non partono proprio.. :(
Codice HTML:
<head>
<title>Sito mio xD</title>
<link rel="stylesheet" href="css.css" type="text/css" />
<script type="text/javascript">
function nascondi()
{
document.getElementById('01').style.border='0px';
document.getElementById('02').style.border='0px';
document.getElementById('03').style.border='0px';
document.getElementById('04').style.border='0px';
document.getElementById('05').style.border='0px';
document.getElementById('06').style.border='0px';
document.getElementById('07').style.border='0px';
document.getElementById('08').style.border='0px';
document.getElementById('09').style.border='0px';
document.getElementById('10').style.border='0px';
document.getElementById('11').style.border='0px';
document.getElementById('12').style.border='0px';
document.getElementById('13').style.border='0px';
document.getElementById('14').style.border='0px';
document.getElementById('15').style.border='0px';
document.getElementById('16').style.border='0px';
document.getElementById('17').style.border='0px';
document.getElementById('18').style.border='0px';
document.getElementById('19').style.border='0px';
document.getElementById('20').style.border='0px';
}
</script>
</head>
...CODICI PAGINA...
<table>
<tr>
<td style="width: 100px; height: 60px; background: url(img/Sfondi/02.png) top center repeat; cursor: pointer; curosor: hand;" id="02" onclick="nascondi(); document.getElementById('back').value='02'; document.getElementById('02').style.border='3px solid lime';"></td>
<td style="width: 100px; height: 60px; background: url(img/Sfondi/03.png) top center repeat; cursor: pointer; curosor: hand;" id="03" onclick="document.getElementById('back').value='03'; nascondi(); document.getElementById('03').style.border='3px solid lime';"></td>
<td style="width: 100px; height: 60px; background: url(img/Sfondi/08.png) top center repeat; cursor: pointer; curosor: hand;" id="08" onclick="document.getElementById('back').value='08'; nascondi(); document.getElementById('08').style.border='3px solid lime';"></td>
<td style="width: 100px; height: 60px; background: url(img/Sfondi/09.png) top center repeat; cursor: pointer; curosor: hand;" id="09" onclick="document.getElementById('back').value='09'; nascondi(); document.getElementById('09').style.border='3px solid lime';"></td>
</tr>
</table>
-
Puoi scrivere l'intero codice della pagina? O meglio ancora, puoi scrivere l'indirizzo della pagina?
-
Un id non può essere soltanto un numero, deve cominciare con una lettera
Citazione:
Naming rules:
- Must begin with a letter A-Z or a-z
- Can be followed by: letters (A-Za-z), digits (0-9), hyphens ("-"), underscores ("_"), colons (":"), and periods (".")
- Values are case-sensitive
-
Sì, ma non è quello il problema. Anche se un elemento non ha un id conforme viene ugualmente restituito dalla funzione getElementById (almeno su firefox).
-
L'errore credo che sia che:
Con la funzione nascondi() imposti il bordo a 0px, ma credo che la proprietà accetta solamente tre parametri ( stile bordo, colore bordo, dimensione bordo in pixel ) e none quando il bordo non ci deve essere.
Presumo che te vuoi far sparire i bordi, prova a mettere none al posto di 0px
Cmq, nel tuo codice non ho capito come mai, vuoi nascondere dei bordi a delle celle che non hanno bordi e come mai, dopo aver eseguito la funzione nascondi rimetti un bordo di 3px alla cella.
P.S.: Scusate per aver scritto dopo tanto, ho letto male la data dell'ultimo post.
