[JavaScript] Object nodig?

[m33p]

Als eerst is het belangrijk om te weten dat ik zo goed als geen ervaring met JavaScript heb. Wat mijn doel is leg ik uit na de 2 stukken code, maar ik denk dat het uit de code wel duidelijk wordt

JavaScript:

<script language="javascript" type="text/javascript">
function viewdiv(id)
{
    if (document.getElementById(' + id + ').style.visibility == "visible")
    {
        document.getElementById(' + id + ').style.visibility = "hidden";
    }
    else
    {
        document.getElementById(' + id + ').style.visibility = "visible";
    }
}
</script>

HTML:

    <table border="0" cellpadding="0" cellspacing="0">
        <tr>
            <td class="header">CPU Usage ( % )</td>
        </tr>
        <tr>
            <td class="content"><a href="#" onClick="viewdiv(cpu);">[img]"http://usage.3d-gamers.nl/graphs/cpu-util-day.png"[/img]</a></td>
        </tr>
    </table>

    <div id="cpu" style="position: absolute; visibility: hidden">
        <table border="0" cellpadding="0" cellspacing="0">
            <tr>
                <td class="content">[img]"http://usage.3d-gamers.nl/graphs/cpu-util-week.png"[/img]</td>
            </tr>
            <tr>
                <td class="content">[img]"http://usage.3d-gamers.nl/graphs/cpu-util-month.png"[/img]</td>
            </tr>
        </table>
    </div>

Mijn doel is dus het volgende:
- Er wordt op het plaatje geklikt.
- Onder dat plaatje verschijnen de 2 andere plaatjes.
- Wordt er nog een keer op het plaatje geklikt dan verdwijnen de andere 2 plaatjes weer.

Ik heb al rond lopen vragen op IRC, maar of niemand is bereid om te helpen, en de paar personen die wel reageerden wisten hier geen duidelijk antwoord op (maar toch bedankt natuurlijk). Ook kon ik in de search niet duidelijk wat vinden, en volgens mij zie ik gewoon iets heel simpels over het hoofd.

De betreffende pagina waar het over gaat is:
http://3d-gamers.nl/servadmin/server/status.html

Mijn vraag is nu, waar zit het probleem, en is er ook een andere manier waarop ik dit doel mischien kan bereiken (zonder PHP o.i.d, puur JS)?

Alvast bedankt

[ Voor 20% gewijzigd door m33p op 13-04-2004 19:32 ]

[faabman]

doe eerst dit eens

JavaScript:

document.getElementById(id)

[Verwijderd]

viewdiv(cpu); is iets anders dan viewdiv('cpu');

En zie ook de reactie hierboven (zover was ik nog niet eens gekomen...)

[ Voor 50% gewijzigd door Verwijderd op 13-04-2004 19:35 ]

[m33p]

Ik krijg nog steeds "Oject expected" op line 79

[ Voor 14% gewijzigd door m33p op 13-04-2004 19:37 ]

[m33p]

Het is opgelost.... alleen weet ik niet wat ik nu veranderd heb maar dit ga ik zo nakijken. Waarschijnlijk heb ik gewoon iets "simpels" over het hoofd gezien. In ieder geval bedankt

[Johnny]

Object expected... Je gebruikt zeker internet explorer, die geeft voor 99% van de fouten die melding.

Voor het debuggen van javascript kun je veel beter Mozilla/FireFox februiken, via de javascript console krijg je precies te zien wat er fout is, waar het zit en hoe je het op moet lossen.

[Pelle]

Ok.