Seite 1 von 1

Dinge beim anklicken schließen bzw. öffnen

Verfasst: 15.02.2007 15:01
von localhost
ich habe mal auf einer website gesehen, dass unten ein link war namens impressum einblenden. klickte man auf den link öffnete sich (OHNE das die seite neu geladen wurde!!!) unten in der seite selbst eine kleine box, also die seite wurde sozusagen um diese box erweitert und der linktext änderte sich in impressum ausblenden. wenn man nun darauf geklickt hat verschwand die box wieder.

ich finde das voll cool und weiß, dass das irgendwie mit java script gehen muss, aber ich weiß nicht wie

kann vllt. mal jemand ein kleines beispiel machen?

z.b. eine weißte seite auf der ein link namens "öffnen" steht, klickt man darauf, so steht dann unten plötzlich "dies wurde geöffnet" und der link ändert sich in "schließen" usw.

oder kann mir jemand einen link geben, wo erklärt wird wie das geht? ich habs nicht gefunden

Verfasst: 15.02.2007 15:23
von nickvergessen

Verfasst: 15.02.2007 15:28
von S2B
Ich hab da gerade mal was zusammengetippt:

Code: Alles auswählen

<script type="text/javascript">
<!--
  function impressum()
  {
    var impressum_box = document.getElementById('impressum');
    var impressum_link = document.getElementById('impressum_link');

    if (impressum_box.style.display == 'none')
    {
      impressum_box.style.display = 'block';
      impressum_link.innerHTML = 'Impressum ausblenden';
    }
    else
    {
      impressum_box.style.display = 'none';
      impressum_link.innerHTML = 'Impressum anzeigen';
    }
  }
//-->
</script>

<div id="impressum" style="display: none">
  Das Impressum
</div>

<a href="javascript:impressum()" id="impressum_link">Impressum anzeigen</a>
Das ganze hättest du aber auch ohne weiteres aus dem Quellcode der Seite raussuchen können (oder mit SelfHTML, wie ich es gerade gemacht habe).