come si assegna un nome ad una tabella?

**Fen** · 16-05-2003, 09:42

In un post non tanto recente mi hanno consigliato questo script:

codice:

script language="javascript"> 
function sfondo0() { 
document.tua_tabella.style.background = "#000000";};

che dovrebbe far cambiare lo sfondo di una tabella (tua_tabella) con effetto on muose over, il problema è che non so come fare per assegnare il nome "tua_tabella" alla tabella. Ho provato inserendo l'attributo "name" nel tag "td" ma non ha funzionato...

Dev'essere una cavolata... chi mi aiuta?

**Nazareno** · 16-05-2003, 09:46

Perchè non assegni un ID alla tabella?

<table ID="tua_tabella">
...

e poi nello script cambi lo sfondo così:

function sfondo0() {
document.all.item("tua_tabella").style.backgroundC olor = "#000000";
}

**smal** · 16-05-2003, 09:47

Intanto elimina il ; finale dopo la parentesi graffa di chiusura. Poi prova a scrivere questo:
============
<table onmouseover="this.style.background='#000000'" onmouseout="this.style.background='#colore_origina le'">
===========
così dovrebbe funzionare.

**Fen** · 16-05-2003, 10:00

nono guarda... è una cosetta un po' più complicata... guarda qui:
http://www.photosob.com/viewtopic.php?t=152

clicca su una foto e passa il mouse sulla scala in fondo alla popup... io dovrei fare lo stesso però su una tabella invece che in tutta la pagina.

(a scanso di equivoci, non sto copiando, il forum è mio)

**Dr Mal** · 16-05-2003, 10:08

Originariamente inviato da Fen
nono guarda... è una cosetta un po' più complicata... guarda qui:
http://www.photosob.com/viewtopic.php?t=152

clicca su una foto e passa il mouse sulla scala in fondo alla popup... io dovrei fare lo stesso però su una tabella invece che in tutta la pagina.

(a scanso di equivoci, non sto copiando, il forum è mio)

eheheheh :gren: ...credo ke herrel abbia fatto una cosa del genere un po' di tempo fa.....mandagli un pvt! :gren:

**herrel** · 16-05-2003, 10:30

eccomi....

ho scritto un esempiello veloce veloce....

<html>
<head>
<title>Untitled</title>
<style>
#prova {
width:200px;
height:150px;
background:red;
border: 1px solid black;}
.prova2 {
width:100px;
height:80px;
background:blue;
border: 3px solid black;}
</style>

<script language="javascript">
function cambiaskin() {
document.body.style.background = "#98bbf4" ;
document.getElementById("prova").style.background = "#e1f581";
document.getElementById("prova").style.fontFamily = "verdana";
}
function cambiaskin2() {
document.body.style.background = "#f3a5da" ;
document.getElementById("prova").style.background = "#b6f498";
document.getElementById("prova").style.fontFamily = "verdana";
}
</script>
</head>

<body>

<table id="prova" onMouseOver="cambiaskin()" onMouseOut="cambiaskin2()">
<tr>
<td>celle 1</td>
<td></td>
</tr>
<tr>
<td>celle 2</td>
<td></td>
</tr>
</table>

</body>
</html>

spero sia facile da comprendere!!

**Dr Mal** · 16-05-2003, 10:38

Originariamente inviato da herrel
eccomi....

ho scritto un esempiello veloce veloce....

<html>
<head>
<title>Untitled</title>
<style>
#prova {
width:200px;
height:150px;
background:red;
border: 1px solid black;}
.prova2 {
width:100px;
height:80px;
background:blue;
border: 3px solid black;}
</style>

<script language="javascript">
function cambiaskin() {
document.body.style.background = "#98bbf4" ;
document.getElementById("prova").style.background = "#e1f581";
document.getElementById("prova").style.fontFamily = "verdana";
}
function cambiaskin2() {
document.body.style.background = "#f3a5da" ;
document.getElementById("prova").style.background = "#b6f498";
document.getElementById("prova").style.fontFamily = "verdana";
}
</script>
</head>

<body>

<table id="prova" onMouseOver="cambiaskin()" onMouseOut="cambiaskin2()">
<tr>
<td>celle 1</td>
<td></td>
</tr>
<tr>
<td>celle 2</td>
<td></td>
</tr>
</table>

</body>
</html>

spero sia facile da comprendere!!

**Fen** · 16-05-2003, 11:23

Funziona!
:gren:

Grazie a tutti!

**Dr Mal** · 16-05-2003, 11:23

Originariamente inviato da Fen
Funziona!
:gren:

Grazie a tutti!

...eh, il buon herrel.... :gren:

Discussione: come si assegna un nome ad una tabella?

Strumenti discussione

Ricerca discussione

Visualizza

come si assegna un nome ad una tabella?

Assegna un ID...

Permessi di invio