Non funziona javascript

joestorm212 · 23 Mar 2010

Salve a tutti, premetto che in questo preciso istante mi stò affacciando a un forum di discussione per la prima volta, quindi perdonatemi qualche errore, volevo chiedervi per quale motivo nn riesco a far "girare" i miei script in Javascript, malgrado la configurazione del web server sia ok, ho provato a far girare gli sript anche su diversi browser e su diverse macchine, vi allego qui di seguito il file. Vi ringrazio in anticipo per la collaborazione.
//cambiamo lo stile della tabella

function setStyle1()
{
//prendiamo gli elementi html
Table=document.GetElemnetById("table");
TableHead=document.GetElementiById("tableHead");
TableFirstLine=document.GetElementById("tableFirstLine");
TableSecondLine=document.GetElementById("tableSecondLine");
//impostiamo il css
Table.className="Table1";
TableHead.className="TableHead1";
TableFirstLine.className="TableContent1";
TableSecondLine.className="TableContent1";
}
function setStyle2()
{
//prendiamo gli elementi html
Table=document.GetElemnetById("table");
TableHead=document.GetElementiById("tableHead");
TableFirstLine=document.GetElementById("tableFirstLine");
TableSecondLine=document.GetElementById("tableSecondLine");
//impostiamo il css
Table.className="Table2";
TableHead.className="TableHead2";
TableFirstLine.className="TableContent2";
TableSecondLine.className="TableContent2";
}
P.S. Sono un neofita di ajax

alessandro1997 · 23 Mar 2010

Intanto io non leggo neanche una riga di AJAX nel tuo script. E poi document.getElemnetById non esiste, casomai è document.getElementById.

joestorm212 · 24 Mar 2010

allego tutti i file

Il GetElementById l'ho scritto, ieri nn ho avuto tempo di allegare tutti e tre i listati, adesso li elenco qui sotto:
1) file csstest.html
<!DOCTYPE html PUBLIC="-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html>
<head>
<title>Le basi di ajax:CSS</title>
<script type="text/javascript" src="csstest.js"></script>
<link href="styles.css" type="text/css" rel="stylesheet"/>
</head>
<body>
<table id="table">
<tr>
<th id="tableHead">
PRODOTTO
</th>
</tr>
<tr>
<td id="tableFirstLine">
Aereo
</td>
</tr>
<tr>
<td id="tableSecondLine">
Macchina
</td>
</tr>
</table>
<br />
<input type="button" value="Imposta stile 1" onclick="setStyle1() ;" />
<input type="button" value="Imposta stile 2" onclick="setStyle2() ;" />
</body>
</html>
Questo file permette di cambiare le varie impostazioni graficeh della tabella.
2) file csstest.js
//cambiamo lo stile della tabella

function setStyle1()
{
//prendiamo gli elementi html
Table=document.GetElemenetById("table");
TableHead=document.GetElementiById("tableHead");
TableFirstLine=document.GetElementById("tableFirstLine");
TableSecondLine=document.GetElementById("tableSecondLine");
//impostiamo il css
Table.className="Table1";
TableHead.className="TableHead1";
TableFirstLine.className="TableContent1";
TableSecondLine.className="TableContent1";
}
function setStyle2()
{
//prendiamo gli elementi html
Table=document.GetElemnetById("table");
TableHead=document.GetElementiById("tableHead");
TableFirstLine=document.GetElementById("tableFirstLine");
TableSecondLine=document.GetElementById("tableSecondLine");
//impostiamo il css
Table.className="Table2";
TableHead.className="TableHead2";
TableFirstLine.className="TableContent2";
TableSecondLine.className="TableContent2";
}
questo file dovrebbe essere il motore di tutta l'esercitazione
3) file styles.css
.table1
{
border: DarkGreen 1px solid;
background-color: LightGreen;
}
.tableHead1
{
font-family: Verdana, Arial;
font-weight: bold;
font-size: 10pt;
}
.tableContent1
{
font-family: Verdana, Arial;
font-size: 10pt;
}
.table2
{
border

arkBlue 1px solid;
background-color: LightBlue;
}
.tableHead2
{
font-family: Verdana, Arial;
font-weight: bold;
font-size: 10pt;
}
.tableContent2
{
font-family: Verdana, Arial;
font-size: 10pt;
}
Il foglio di stile.
Ma tutto ciò nn funziona :crying::crying::crying:

alessandro1997 · 24 Mar 2010

Ripeto: io nel tuo codice Javascript leggo:

Codice:

Table=document.GetElemenetById("table");
TableHead=document.GetElementiById("tableHead");

Mentre è corretto:

Codice:

Table=document.getElementById("table");
TableHead=document.getElementById("tableHead");

Ovviamente modifica anche le altre occorrenze.

joestorm212 · 24 Mar 2010

Correzioni agli script

Ho effettuato tutte le correzioni del caso ma nn funziona:dipser::dipser::dipser:
Riallego tutti e tre i file corretti
1) il file csstest.html
<!DOCTYPE html PUBLIC="-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html>
<head>
<title>Le basi di ajax:CSS</title>
<script type="text/javascript" src="csstest.js"></script>
<link href="styles.css" type="text/css" rel="stylesheet"/>
</head>
<body>
<table id="table">
<tr>
<th id="tableHead">
PRODOTTO
</th>
</tr>
<tr>
<td id="tableFirstLine">
Aereo
</td>
</tr>
<tr>
<td id="tableSecondLine">
Macchina
</td>
</tr>
</table>
<br />
<input type="button" value="Imposta stile 1" onclick="setStyle1() ;" />
<input type="button" value="Imposta stile 2" onclick="setStyle2() ;" />
</body>
</html>
2) il file csstest.js
//cambiamo lo stile della tabella

function setStyle1()
{
//prendiamo gli elementi html
Table=document.GetElementById("table");
TableHead=document.GetElementById("tableHead");
TableFirstLine=document.GetElementById("tableFirstLine");
TableSecondLine=document.GetElementById("tableSecondLine");
//impostiamo il css
Table.className="Table1";
TableHead.className="TableHead1";
TableFirstLine.className="TableContent1";
TableSecondLine.className="TableContent1";
}
function setStyle2()
{
//prendiamo gli elementi html
Table=document.GetElementById("table");
TableHead=document.GetElementById("tableHead");
TableFirstLine=document.GetElementById("tableFirstLine");
TableSecondLine=document.GetElementById("tableSecondLine");
//impostiamo il css
Table.className="Table2";
TableHead.className="TableHead2";
TableFirstLine.className="TableContent2";
TableSecondLine.className="TableContent2";
}

3)il file styles.css
.Table1
{
border: DarkGreen 1px solid;
background-color: LightGreen;
}
.TableHead1
{
font-family: Verdana, Arial;
font-weight: bold;
font-size: 10pt;
}
.TableContent1
{
font-family: Verdana, Arial;
font-size: 10pt;
}
.Table2
{
border

arkBlue 1px solid;
background-color: LightBlue;
}
.TableHead2
{
font-family: Verdana, Arial;
font-weight: bold;
font-size: 10pt;
}
.TableContent2
{
font-family: Verdana, Arial;
font-size: 10pt;
}
i browser su cui ho testato i file son firefox internet explorer, opera e google chrome ma niente!!!!

Help me son 2 giorni che nn ne vengo a capo

alessandro1997 · 25 Mar 2010

Prova ad usare getElementById() con la lettera iniziale minuscola.

joestorm212 · 26 Mar 2010

Missione compiuta!!!!

Funziona!!!!!!!!!!!!!:jolly::elvis::fonzie:
Grazie!!!!!!!

Cerca

Cerca

Non funziona javascript

joestorm212

Nuovo Utente

alessandro1997

Utente Attivo

joestorm212

Nuovo Utente

alessandro1997

Utente Attivo

joestorm212

Nuovo Utente

alessandro1997

Utente Attivo

joestorm212

Nuovo Utente

Discussioni simili