cambiare tutti gli id

**albertogianotti** · 02-11-2004, 10:32

Ciao,

ho fattto questo questo piccolo script che onclik cambia lo stile di una <td>.

function cambia(classe)
{
document.all[classe].className = "normal02";
}

<td id="primo">link</td>

<td id="secondo">link</td>

funziona a metà pero; nel senso che se cambio lo stile della td "primo" e poi volgio cambiare lo stile della td "secondo", la td "primo" rimane con il nuovo stile...
Come faccio ,dato che avrò diciamo 20 o 30 td da cambiare, a "resettare" lo stile di tutte le td prima di assegnare il nuovo stile?

in pratica dovrei fare una cosa simile....

function cambia(classe)
{
document.all.primo.className = "normal";
document.all.secondo.className = "normal";
document.all[classe].className = "normal02";
}
ciao!

**Dennis** · 02-11-2004, 10:54

ciao, doc.all funziona solo su Internet Explorer.

function cambia(num){
for(i=0;i<30;i++){
if(i!=num)classe="normal"
else classe="normale2";
document.getElementById("num"+i).className=classe;
}
}

e devi settare a tutti e trenta gli elementi un ID cosi:

num0
num1
...
num30

e richiami la funzione con cambia(20);

l elemento 20 dovrebbe avere ora classe normale2

**albertogianotti** · 02-11-2004, 10:58

ah cavolo ... non ci avevo pensato!!

Grazie 1000!

**albertogianotti** · 06-11-2004, 15:14

Ciao, uppo un attimo questa discussione per chiedervi se non c'è un'alrtra soluzione perche vorrei usare lo stesso script per un'altra cosa però questa volta non so quante voci saranno...

quindi il for() non saprei per quanti record... potrebbero essere 3 come potrebbero essere 50...

ciao grazie!...

**badaze** · 06-11-2004, 15:21

quante celle vuoi che ci siano con l'una o l'altra class ?

**albertogianotti** · 06-11-2004, 15:29

1 sola cella con normal2 e tutte le altre con normal.

Praticamente devo simulare una selezione di una riga alla volta.

sono tutte a normal se clicco su una riga diventa normal2 se clocco su un'altra quella di prima ritorna a normal e questa nuova diventa normal2.

Ciao!

**badaze** · 06-11-2004, 15:32

Prova questo ....

codice:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
<title>Untitled</title>
<style type="text/css">
<!--
.stile1 {background-color:#ffffcc}
.stile2 {background-color:black;color:#ffffcc}
-->
</style>
<script language="JavaScript" type="text/javascript">
<!--
function cambia(aTD) {
 aTD.className = aTD.className == "stile1" ? "stile2" : "stile1";
} // function cambia(aTd)

var previous = null;
function cambia2(aTD) {
 if (previous != null) {
  previous.className = "stile1";
 } // 
 aTD.className = "stile2";
 previous      = aTD;
} // function cambia2(aTd)
//-->
</script>

</head>
<body>
<table summary="">
<tr>
<td class="stile1" onclick="cambia(this)">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</td>
<td class="stile1" onclick="cambia(this)">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</td>
<td class="stile1" onclick="cambia(this)">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</td>
</tr>
<tr>
<td class="stile1" onclick="cambia(this)">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</td>
<td class="stile1" onclick="cambia(this)">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</td>
<td class="stile1" onclick="cambia(this)">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</td>
</tr>
<tr>
<td class="stile1" onclick="cambia(this)">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</td>
<td class="stile1" onclick="cambia(this)">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</td>
<td class="stile1" onclick="cambia(this)">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</td>
</tr>
<tr>
<td class="stile1" onclick="cambia(this)">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</td>
<td class="stile1" onclick="cambia(this)">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</td>
<td class="stile1" onclick="cambia(this)">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</td>
</tr>
</table>
<hr>
<table summary="">
<tr>
<td class="stile1" onclick="cambia2(this)">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</td>
<td class="stile1" onclick="cambia2(this)">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</td>
<td class="stile1" onclick="cambia2(this)">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</td>
</tr>
<tr>
<td class="stile1" onclick="cambia2(this)">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</td>
<td class="stile1" onclick="cambia2(this)">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</td>
<td class="stile1" onclick="cambia2(this)">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</td>
</tr>
<tr>
<td class="stile1" onclick="cambia2(this)">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</td>
<td class="stile1" onclick="cambia2(this)">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</td>
<td class="stile1" onclick="cambia2(this)">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</td>
</tr>
<tr>
<td class="stile1" onclick="cambia2(this)">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</td>
<td class="stile1" onclick="cambia2(this)">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</td>
<td class="stile1" onclick="cambia2(this)">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</td>
</tr>
</table>
</body>
</html>

**albertogianotti** · 06-11-2004, 15:52

Proprio quello che cercavo!!!
Grazie 1000 ora faccio un po' di prove perche mi servirà per delle tr non per delle td ma non credo ci siano problemi!...

ciao

**badaze** · 06-11-2004, 15:57

Cosi

codice:

<table summary="">
<tr class="stile1" onclick="cambia2(this)">
<td >aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</td>
<td >aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</td>
<td >aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</td>
</tr>
<tr class="stile1" onclick="cambia2(this)">
<td >aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</td>
<td >aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</td>
<td >aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</td>
</tr>
<tr class="stile1" onclick="cambia2(this)">
<td >aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</td>
<td >aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</td>
<td >aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</td>
</tr>
<tr class="stile1" onclick="cambia2(this)">
<td >aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</td>
<td >aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</td>
<td >aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</td>
</tr>
</table>

**albertogianotti** · 07-11-2004, 21:16

okey fatto, funziona perfettamente... grazie 1000.

Ora però devo fare una cosa piu difficile sempre sfruttando quella funzione.

inizio con 2 funzioni, la cambia() è quellche che mio hai dato tu un po' modificata....

codice:

function link(id){
window.location = "pagina2.php?id="+id;
}

function cambia(tr) {
if (previous != null) {
  previous.className = "trstyle2";
}
 document.getElementById(tr).className = "trstyle1";
 previous      = document.getElementById(tr); 
}

poi ho un'immagine che con unn onclik richiama l'altra funzione.

[img]bottone.gif[/img]

quell'id però vorrei che fosse il tr della funzione cambia().

Il problema è che l'immagine è 1 sola all'inizio della pagina non ce nè una per ogni riga.

non so se mi spiego....

Praticamente ogni volta che seleziono una riga il link deve avere un valore differente...

E non trovo soluzioni!

Discussione: cambiare tutti gli id

Strumenti discussione

Ricerca discussione

Visualizza

cambiare tutti gli id

ora piu difficile :)

Permessi di invio