Når flere <tr> har samme ID

Omkrans tabellen af et div-tag og giv det id'et test - og slet dem du har på dine tr!

Ja det vidste jeg så godt. Men jeg skal bruge det på mine TR´s.

Så må du give dem et unikt navn hver og tilføje nogle linier i din show-funktion.

eks.

function Show() {
test.style.display = "block";
test2.style.display = "block";
}

Det kan ikke passe man ikke kan lave noget, så de kan hedde det samme..

Sæt en css-class på og lav ændringen på class'en ...

Det er lidt besværligt (og ikke den effektiveste måde) men kan sagtens lade sig gøre !-)

Lidt smartere ville jeg navngive mine elementer test0, test1 osv. og så:

<Script language="JavaScript">
numTest = 2;
function Hide() {
  for(i=0;numTest>i;i++){
    document.getElementById('test'+i).style.display = "none";
  }
}

function Show() {
  for(i=0;numTest>i;i++){
    document.getElementById('test'+i).style.display = "none";
  }
}
</Script>

hth
jes

roenving, dit eksempel virker fint, men som jeg skrev, så har jeg flere der SKAL have det samme ID..

Hvorfor ?

-- men jeg prøver lige at finde eksemplet med class

Kunne ikke lige finde det, men kom så til at tænke på, at vi kunne jo gå en anden vej:

<Script language="JavaScript">
function Hide() {
  var rows = document.getElementsByTagName("TR");
  for(i=0;rows.length>i;i++){
    if(rows[i].id=="test"){
      rows[i].style.display = "none";
    }
  }
}

function Show() {
  var rows = document.getElementsByTagName("TR");
  for(i=0;rows.length>i;i++){
    if(rows[i].id=="test"){
      rows[i].style.display = "block";
    }
  }
}
</Script>

Her er det dynamisk stylesheet eksempel:

<style id="dynamicStyle" type="text/css">
.ulige {
    display: block;
}
.lige {
    display: none;
}
</style>

<SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript">
<!--
function toggleRows(){
    var sheet = document.styleSheets['dynamicStyle'];
    if (sheet.rules[0].style['display'] == 'none'){
        sheet.rules[0].style['display'] = 'block';
        sheet.rules[1].style['display'] = 'none';
    } else {
        sheet.rules[1].style['display'] = 'block';
        sheet.rules[0].style['display'] = 'none';
    }

}
//-->
</SCRIPT>

<table border=1>
<tr class="ulige"><td>række 1 kolonne 1</td><td>række 1 kolonne 2</td></tr>
<tr class="lige"><td>række 2 kolonne 1</td><td>række 2 kolonne 2</td></tr>
<tr class="ulige"><td>række 3 kolonne 1</td><td>række 3 kolonne 2</td></tr>
<tr class="lige"><td>række 4 kolonne 1</td><td>række 4 kolonne 2</td></tr>
</tr>
</table>
<input type="button" onclick="toggleRows();" value="Skift Rækker">


Håber det hjælper dig

-DC

du kan sagtens give dine tr tags samme id. Så sker der det at "test" bliver til en collection med alle tr tags i et array.

Kald alle dine tr tags for test, og gør sådan her:

<Script language="JavaScript">
function Hide() {
  for (var i=0; i<test.length; i++) {
    test[i].style.display = "none";
  }
}

function Show() {
  for (var i=0; i<test.length; i++) {
    test[i].style.display = "block";
  }
}
</Script>

http://www.w3.org/TR/REC-html40/struct/global.html#h-7.5.2

"[The ID] attribute assigns a name to an element. This name must be unique in a document."

Om et par browsergenerationer vil din side forhåbentlig ikke kunne ses, hvis du ikke følger standarderne.

Virker sådan noget med ikke at angive en korrekt reference til elementet også i andre browsere end IE ?-)

-- jeg tænker på at nøjes med at referere til test ...

Jeg arbejder kun med IE, så jeg kan ikke svare på om det virker i andre browsere, men det virker upåklageligt i IE.

iver25>> Allerede dér går det galt. "Jeg arbejder kun med IE". Så er du forhåbentlig ikke webdesigner/programmør.

Jeg udvikler web applikationer som kun bliver afviklet på IE, så hva' er problemet?????

Hvis du er sådan en haj, hvorfor er du så ikke kommet med et brugbart svar på spørgsmålet??????

Problemet er, at IE igennem en årrække totalt har set bort fra W3C og ECMA's recommendations og dermed gør arbejdet langt sværere for både webdesignere, -programmører og i sidste ende også brugerne.
Til intranets o.l. kan det gå at fokusere udelukkende på én browser, så længe man er bevidst om problemerne.
En udvikler, der kun kender til IE, er som en kok, der ikke kan lave vegetarretter. Langt størstedelen af kunderne vil aldrig støde på nogle problemer, men for vegetarer (læs Netscape/Opera/etc. brugere) er hele oplevelsen ødelagt, og de vender ikke tilbage igen.

Og der er to grunde til, jeg ikke er kommet med en løsning:

1) jens_k stiller det krav, at man omgår standarderne, hvilket i 99% af tilfældende er selvdestruktivt.
2) roenving har allerede postet et ganske velfungerende svar, som bare kræver, at jens_k tilpasser sig løsningen en smule, frem for at forvente at løsningen tilpasser sig ham.

Jeg kan godt se behovet for at kende andre browsere når man udvikler til internettet. Men i mit nuværende job er det 100% sikkert at jeg kun skal udvikle til IE, så derfor bryder jeg ikke min hjerne med hvad Netscape mm kan og ikke kan. Så kan du måske sige at jeg ikke interesserer mig nok for stoffet, og det er måske rigtigt nok. Men som forholdsvis nyansat har man nok at gøre med at lære det der er relevant.

Jeg anklager dig ikke for noget som helst, så længe du kender dine begrænsninger. Men jeg vil stærkt anbefale dig at udvide dine horisonter; også selvom du langt ud i fremtiden kun skal udvikle til IE. Du vil opdage, at man lærer meget om en browser ved at studere en anden.

En lille diskution er altid en god ting :D

Jeg kan sige at jeg har lavet det sådan, at der IKKE er flere som har samme ID. Og har fået det til at virke ved at ændre lidt i roenvig´s kommentar.

Så vil du være så venlig at lave et svar roenvig :D

Og mange tak for dine kommentar phoenixv, det er altid rart at lave tingene ordenligt.

mvh

Jens K

Ja, det er rart at udvide sine horisonter -- og det plejer at være sjovest via en diskussion ,-)

Bueno '-)

-- og tak for points ;~}

Mig der takker :)

Jens K