Op deze website gebruiken we cookies om content en advertenties te personaliseren, om functies voor social media te bieden en om ons websiteverkeer te analyseren. Ook delen we informatie over uw gebruik van onze site met onze partners voor social media, adverteren en analyse. Deze partners kunnen deze gegevens combineren met andere informatie die u aan ze heeft verstrekt of die ze hebben verzameld op basis van uw gebruik van hun services. Meer informatie.

Akkoord

Vraag & Antwoord

Webdesign (HTML, CSS, Flash)

[Javascript] Uitklapmechanisme

Nemesi$
6 antwoorden
  • Weet iemand hoe ik kan maken dat als iemand op een link klikt, er een nieuw stukje tekst op dezelfde pagina wordt geladen? Bijvoorbeeld zoals in het linkermenu van http://www.alternate.nl (is me niet gelukt daarvan de bron te vinden). Heb ook al gezocht op Dynamic Drive maar ik heb geen flauw idee hoe het zou kunnen heten.
  • Hallo Nemesi!

    Wat je wilt is aan een link een actie koppelen die een bepaalde tekst weergeeft. Ik heb dit laatst nog gebruikt, op een site die overigens nog niet officieel is:

    http://www.razenberg.nl/dev/columns.php?column_no=28.
    Als het goed is staan daar onderin de titels van twee reacties. Als je daarop klikt worden deze zichtbaar. Ik heb geen tijd om je een uitgebreide beschrijving te geven, maar het principe moet volgens mij makkelijk uit de code te halen zijn.

    Ik hoor het wel als je er niet uit komt!

    Grtz.
    Jasper
  • ja tnx! dat is precies wat ik bedoel. Maar ik snap het script niet echt :roll: , ben niet zo'n Javascript man. Heb je dit script zelf gemaakt of van een of andere site gehaald?

    oja je site doet een beetje vreemd in Firefox…

    EDIT: hmm het lijkt nu toch wel te lukken, bedankt voor de code in ieder geval!
  • Wat je moet doen is het volgende:

    je maakt divje die normaal niet zichtbaar is:
    <div style="display:none;" id="tekst1">Tekst die in eerste instantie onzichtbaar is</div>

    Aan een link ga je nu een javascript functie koppelen die deze div weer gaat geven:

    <a href="javascript:weergeven()">weergeven!!<?a>

    En de functie:
    <script>
    function weergeven (){
    document.getElementById('tekst1').style.display="block";
    }

    </script>

    als t goed is werkt dit.. Heb t snel ff opgeschreven en verder niet getest!

    Groeten!
    Jasper
  • ok het is gelukt. Ik heb wel ff dit in de head gebruikt ipv dat wat jij gaf. Nu kan hij namelijk ook weer weggeklikt worden:

    [code:1:daab82b65a]<script language="javascript">
    function weergeven ()
    {
    if(document.getElementById('tekst1').style.display=="block") {
    document.getElementById('tekst1').style.display="none";
    expanded[n]=0;

    }
    else {

    document.getElementById('tekst1').style.display="block";
    expanded[n]=1;
    }
    }

    </script>[/code:1:daab82b65a]

    Bedankt voor je hulp!
  • Dit:
    expanded[n]=0;

    Gebruik ik om later te kunnen controleren of een bepaalde div weergegeven is of niet. Dit in verband met de kleuring bij een mouse-over van de link! (De kleur moet bij mij niet veranderen bij een mouse-over als een stuk tekst reeds weergegeven wordt!)

    Groeten
    Jasper

Beantwoord deze vraag

Dit is een gearchiveerde pagina. Antwoorden is niet meer mogelijk.