<table> udfoldning RELEASE No PIS

Glemte lige spørgsmålet - hvilket er hvordan refererer jeg til en class istedet for id ala...

document.getElementById(\'ib\').style.display=\'block\'

<ole>
Du skal nok anvende \'addRule\' og \'removeRule\':
http://msdn.microsoft.com/library/default.asp?url=/workshop/author/dhtml/reference/methods/addRule.asp
...og:
http://msdn.microsoft.com/library/default.asp?url=/workshop/author/dhtml/reference/methods/removeRule.asp

Her er et eksempel:
http://msdn.microsoft.com/workshop/samples/author/dhtml/refs/removeRule.htm
/mvh
</bole>

<html>
<head>
<style type=\"text/css\">
tr.ib    {display:none}
</style>
<script language=\"javascript\">
function test(){document.styleSheets[0].addRule(\'ib\', \"display:block\", 0);}
</script>
</head>
<body>
<table border=\"1\">
<tr style=\"display:block\" onclick=\"test();\"><td>september</td></tr>
<tr class=\"ib\" style=\"display:none\"><td>linie 1</td></tr>
<tr class=\"ib\" style=\"display:none\"><td>linie 2</td></tr>
</table>
</body>
</html>

det virker ikke ARGH - jeg fatter minus i javascript

document.styleSheets[0].addRule(ib, \"display:block\", 0);

\"OLEEEE!!! - GIV MIG DIT HOVEDE... DU SKAL NOK FÅ DET TILBAGE EFTER WEEKENDEN!!!!!!\"

(jeg vil så smide det i en kopimaskine og fotokopiere ALT omkring programmering)

Kan du ikke nøjes med dette eksempel:


<html>
<head>
<style type=\"text/css\">
.bo {
    cursor:            hand;
}
.ib {
    display:        block;
}
.gudrun {
    display:        none;
}
</style>

<script language=\"JavaScript\">
var vis = false;
var iSheets = document.styleSheets.length;
var iRules = document.styleSheets[iSheets-1].rules.length;
function skift() {
    if (iSheets>0 && !vis) {       
          document.styleSheets[iSheets-1].addRule(\".gudrun\", \"display:block\");
        vis = true;
    }
    else if (iRules>1 && vis) {
        document.styleSheets[iSheets-1].removeRule(3);
        vis = false;
    }
}
</script>
</head>
<body>

<table cellspacing=\"0\" cellpadding=\"0\" border=\"1\">
<tr class=\"bo\">
    <td onclick=\"skift();\">Klik her</td>
</tr>
<tr class=\"ib\">
    <td>fgfgbh</td>
</tr>
<tr class=\"gudrun\">
    <td>vbnvxn vb n</td>
</tr>
<tr class=\"ib\">
    <td>cfgh chjxfh fhg</td>
</tr>
</table>

</body>
</html>

Læg mærke til, vi starter med tre \'rules\': \'bo\', \'ib\' og \'gudrun\'. Hertil føjer vi én.
Når vi derfor skal fjerne den, fjerner vi den fjerde....\'removeRule(3)\'.
/mvh

Dette script finder selv den rule, vi tilføjede - når den igen skal fjernes:

<script language=\"JavaScript\">
var vis = false;
var iSheets = document.styleSheets.length;
function skift() {
    var iRules = document.styleSheets[iSheets-1].rules.length;
    if (iSheets>0 && !vis) {       
          document.styleSheets[iSheets-1].addRule(\".gudrun\", \"display:block\");
        vis = true;
    }
    else if (iRules>1 && vis) {
        document.styleSheets[iSheets-1].removeRule(iRules-1);
        vis = false;
    }
}
</script>

...nok lidt mere \'sexy\'  =o)

ole du er og bliver helten nr. 1 *stort smil og tak fordi du reddede min dag*

Jeg opretter som lovet lige et spm der hedder ekstra points til olebole


tak for hjælpen endnu engang

<mvh>Onkel HorsMark</mvh>

Ehhhhh...... jamen...... \'som lovet\'......?!?!? Jeg skrev det jo bare fordi, jeg bliver så frygtelig sulten, når ikke jeg har hovedet hele weekenden  =o)

*GGG*