JavaScript uitvoeren afhankelijk van de gevraagde referentie

[Onbekend]

Ik heb het volgende stuk code en de irrelevante stukken code heb ik verwijderd:

HTML:

<style type="text/css">
  Table {
    display: none;
     }
</style>

<script type='text/javascript'>
    function ShowTable(ObjectId) 
    {
        ObjectStyle = document.getElementById(ObjectId).style;
        if ( ObjectStyle.display == "table" )
            ObjectStyle.display = "none";
        else
            ObjectStyle.display= "table";
    }           
</script>

Verder in de code:

<a href="#" onclick="ShowTable('Ronde3');">Overzicht ronde 3</a>
<table id="Ronde3" class="Table">
<knip>
</table>

<a href="#" onclick="ShowTable('Ronde2');">Overzicht ronde 2</a>
<table id="Ronde2" class="Table">
<knip>
</table>

<a href="#" onclick="ShowTable('Ronde1');">Overzicht ronde 1</a>
<table id="Ronde1" class="Table">
<knip>
</table>

Wat er dus gebeurt is eigenlijk vrij eenvoudig: Bij het weergeven van de pagina zijn alle tabellen verborgen om ruimte te besparen. Zodra er op "Overzicht ronde X" wordt geklikt, wordt de esbetreffende tabel getoond of juist weer verborgen. Dit werkt goed, maar nu kwam ik op een vervelend punt uit wat ik tot nu toe niet heb kunnen oplossen.

Vanaf andere pagina's wordt er een met een referentie naar deze pagina verwezen:

HTML:

<a href="Uitslagen#Ronde2">Uitslag</a>

Dit werkt goed en er wordt ook netjes gepositioneerd op "Ronde2". (Ja, vroeger moest je anchors maken, maar tegenwoordig werkt dit ook met id's. ) Helaas ziet de gebruiker nog niet de informatie omdat de tabel is dichtgeklapt. De gebruiker zou nu zelf nog moeten klikken om de tabel open te klappen, maar ik wil dat graag automatisch laten gaan.

Zelf krijg ik dat met geen mogelijkheid voor elkaar dat de opgevraagde tabel automatisch wordt opengeklapt.
Ik heb verschillende JavaScript-events geprobeerd maar niets heeft geleid tot het automatisch uitklappen van zo'n tabel. Na lang zoeken lijkt het er op dat ik de enige ben die dit probleem heb, want ik nergens iets gevonden waarbij dit probleem wordt beschreven.

Heeft iemand een idee of mogelijke tips om uit te proberen?

[kaesve]

het idee is dat je de data, dus welke tabel uitgeklapt moet worden, uit de url ziet te halen. eerlijk gezegt heb ik zelf geen idee hoe dat moet, al zou het kunnen dat het gewoon vrij makkelijk te benaderen is via de DOM.. nuja, dat kan je verder vast zelf uit zoeken toch?

[ Voor 6% gewijzigd door kaesve op 01-10-2009 22:33 ]

[B0rf]

Je kunt in de onload methode van je document kijken naar de location.href , controleren of er een # inzit, en op basis hiervan het juiste element openen.

JavaScript:

<script>
onload = function()
{
  if(location.href.indexOf("#") != -1)
  {
    document.getElementById(location.href.substr(location.href.indexOf("#")+1)).style.display = 'table';
  }
}
</script>

ongeveer (niet getest)

[HuHu]

Je kunt een JavaScript functie maken die op het onload event van je body het fragment uit de URL haalt en de juiste tabel uitklapt.

[Onbekend]

Ik ben dagen met dat probleem bezig geweest ik heb nooit aan de location.href gedacht. Nu ik eenmaal de location.href heb filter ik de referentie er inderdaad zo uit.
Bedankt.

[NMe]

B0rf schreef op donderdag 01 oktober 2009 @ 22:39:
Je kunt in de onload methode van je document kijken naar de location.href , controleren of er een # inzit, en op basis hiervan het juiste element openen.

JavaScript:

<script>
onload = function()
{
  if(location.href.indexOf("#") != -1)
  {
    document.getElementById(location.href.substr(location.href.indexOf("#")+1)).style.display = 'table';
  }
}
</script>

ongeveer (niet getest)

Ehm.... window.location.hash?

Meer dan dit hoef je niet te doen (on DOM-ready):

JavaScript:

if (window.location.hash)
  ShowTable(window.location.hash);

Eventueel met nog een check op de waarde van die hash, maar dat zal ook niet per se nodig zijn.

[B0rf]

window.location.hash begint bij mij met een #, dus dan moet je nog steeds een substring doen voor je 'm in de ShowTable functie gooit...maar die .hash kende ik nog niet, thanks, 't is inderdaad wel een betere oplossing

[ Voor 10% gewijzigd door B0rf op 01-10-2009 23:01 ]

[Onbekend]

Die hash kende ik ook nog niet. Weer wat geleerd.

Ik heb hem uiteindelijk zo geschreven:

JavaScript:

function BodyLoad() {
    if (window.location.hash) 
        ShowTable(window.location.hash.replace("#",""));
}

[ Voor 3% gewijzigd door Onbekend op 01-10-2009 23:21 ]