Non funziona javascript

joestorm212

Nuovo Utente
23 Mar 2010
6
0
0
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
 

joestorm212

Nuovo Utente
23 Mar 2010
6
0
0
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:DarkBlue 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

Utente Attivo
6 Ott 2009
5.302
1
0
26
Roma
alessandro1997.netsons.org
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.
 
Ultima modifica:

joestorm212

Nuovo Utente
23 Mar 2010
6
0
0
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:DarkBlue 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!!!!:confused:

Help me son 2 giorni che nn ne vengo a capo
 
Discussioni simili
Autore Titolo Forum Risposte Data
F [Javascript] comando innerHTML non funziona Javascript 5
max1974 [Javascript] Grafico ajax non funziona Javascript 0
Koboshi [Javascript] Carico sul server e non funziona più. Javascript 4
paloppa [Javascript] Mindate non funziona Javascript 0
ken_korn [Javascript][Risolto] browser.tab.Tabs.favIconUrl non funziona Javascript 5
simona71 Javascript non funziona più Javascript 1
gandalf1959 [Javascript] document.getElementById non funziona come mi aspetto Javascript 4
F Javascript che funziona solo nella home page e non nelle altre pagine Javascript 1
A Javascript non funziona correttamente su smartphone Javascript 2
gandalf1959 Richiamare un javascript da php. Non funziona? PHP 2
C Problema form javascript che non funziona Javascript 4
S javascript confirm NON funziona Javascript 1
F comando di inclusione file audio in I-Pad non funziona HTML e CSS 1
R jquery che cambia css di un elemento non mi funziona sulla pagina caricata da ajax Ajax 5
zorro CREATE TABLE non funziona PHP 6
P jquery refresh div non funziona Javascript 0
zorro modulo di registrazione: funziona ma non sempre PHP 2
T IP INFO NON FUNZIONA PHP 0
P Data scraping in PHP non funziona PHP 4
P Pagina modifica record che non funziona PHP 0
Shyson Codice wp-login non funziona PHP 2
R INSERT INTO tabella non funziona Classic ASP 2
F Script java elenco alfabetico non funziona Javascript 3
R Select concatenata che non funziona la seconda volta Ajax 3
A funzione iconv () non mi funziona PHP 4
D Alias AS non funziona più con DATE_FORMAT? MySQL 2
Alex_70 Button non funziona nella form PHP 2
Tommy03 Order by non funziona MySQL 6
D FPDF non funziona PHP 3
M Guestbook - non funziona dopo upgrade di PHP PHP 5
T script jquery non funziona più dopo il passaggio a MVC jQuery 5
Max 1 [PHP] Script che funziona in locale e non online PHP 16
P [Joomla] Il mio iframe non funziona più Joomla 0
gandalf1959 [PHP] Inserimento di più righe non funziona come mi aspetto... PHP 2
felino [Windows 8.1] Windows Update non funziona correttamente Windows e Software 3
M [HTML] Picture Tag non funziona in header-Element HTML e CSS 0
A Libero mail non funziona Posta Elettronica 3
mferri Collegamento con xampp non funziona più da cambio di operatore. Web Server 2
L [HTML] Caricato sito sul server, ma non funziona con tutti i browser HTML e CSS 2
L Caricato sito sul server, ma non funziona con tutti i browser Presentati al Forum 1
I PHPMailer non funziona PHP 13
H [Photoshop] Filtro Nik Dfine non funziona. Photoshop 1
K Ipcam 4g e smartphone 4g non funziona IP Cam e Videosorveglianza 4
M [RISOLTO]Windows media player non mi funziona più su win 10 pro 64 bit Windows e Software 2
F [MS Access] VBA non funziona più MS Access 2
A [Photoshop] Tavoletta grafica Huion non funziona con PS CS6 Photoshop 2
V Creare tabella mysql con php non funziona PHP 1
Koboshi [HTML] Line-height non funziona ç_ç HTML e CSS 3
V [PHP] Perché non funziona ? PHP 1
I [CSS] Galleria immagini non funziona HTML e CSS 12

Discussioni simili