ein / ausblenden von text durch klick

[joachim]

hallo, mein problem ist folgendes:

ich habe auf einer internetseite ( beispiel: http://www.die-medienagentur.biz/dev/ead5/haushdl.html ) viel text stehen und möchte es einblenden lassen wenn der user auf "weiterlesen" klickt, so dass die seite nicht gleich erschägt wenn man sie sieht!

sollte nach möglichkeit so aussehen:

dies ist der text der ... weiterlesen ... <- hierauf soll geklickt werden

dies ist der text der nach dem klicken steht! <- logischerweise nach dem mausklick

kann mir da jemand helfen ? habe etwas ähnliches gefunden ( unter
http://www.web-toolbox.net/webtoolbox/diverses/text-expand/text-expand.htm )
ist aber nicht das was ich mir vorstelle!

[Dense]

Servus Joachim,

was hälst du davon:

http://www.cssplay.co.uk/menu/more

[EKKi]

Mahlzeit,

Mal so als erste Idee:

<style type="text/css">

#weiterlesen {
  display: none;
}

</style>
<script type="text/javascript">

function weiterlesen()
{
  document.getElementById('weiterlesen').style.display = 'block';
}

</script>

dies ist der text der ... weiterlesen ... <- hierauf soll geklickt werden

<span onclick="weiterlesen()">weiterlesen</span>

dies ist der text der nach dem klicken steht! <- logischerweise nach dem mausklick

<div id="weiterlesen">dies ist der text der nach dem klicken steht!</div>

MfG,
EKKi

[joachim]

Mahlzeit,

hi

Mal so als erste Idee:

<div id="weiterlesen">dies ist der text der nach dem klicken steht!</div>

soweit so gut jedoch ist hier das problem das der alte text noch da steht und das weiterlesen ebenfalls...

MfG,
EKKi

gruss

[EKKi]

Mahlzeit,

soweit so gut jedoch ist hier das problem das der alte text noch da steht und das weiterlesen ebenfalls...

1. hast du von "ausblenden" nix gesagt,

2. hast du einen guten Hinweis erhalten, wie's prinzipiell geht und

3. heißt SELFHTML nicht umsonst SELFHTML - versuch doch einfach mal dein Glück. Wenn du Fragen hast, weil KONKRET etwas nicht geht, wird dir sicher gern weitergeholfen ...

MfG,
EKKi

[joachim]

Mahlzeit,

soweit so gut jedoch ist hier das problem das der alte text noch da steht und das weiterlesen ebenfalls...

1. hast du von "ausblenden" nix gesagt,´

dachte das hat sich durch die ursprüngliche problembeschreibung dargelegt !

2. hast du einen guten Hinweis erhalten, wie's prinzipiell geht und

natürlich habe ich hinweise erhalten, doch würde ich hier nicht fragen wie es geht wenn ich es wüsste...

3. heißt SELFHTML nicht umsonst SELFHTML - versuch doch einfach mal dein Glück. Wenn du Fragen hast, weil KONKRET etwas nicht geht, wird dir sicher gern weitergeholfen ...

auch ist mir der begriff selfhtml und die bedeutungsweise bekannt jedoch wenn ich nicht schon viel rumprobiert vgl. eine lösung hätte würde ich hier nicht fragen!!

MfG,
EKKi

[JürgenB]

Hallo joachim,

soweit so gut jedoch ist hier das problem das der alte text noch da steht und das weiterlesen ebenfalls...

dann mach sie doch document.getElement...style.display="none" unsichtbar.

Gruß, Jürgen

[JürgenB]

dann mach sie doch document.getElement...style.display="none" unsichtbar.

^
                    mit

Gruß, Jürgen

[joachim]

dann mach sie doch document.getElement...style.display="none" unsichtbar.
                     ^
                    mit

Gruß, Jürgen

hallo jürgen, hab leider von java script überhaupt keine ahnung. wäre es möglich mir die ganze zeile hier zu posten? hab keinen schimmer was da noch rein muss...

gruss joachim

[JürgenB]

Hallo joachim,

hier wird dir haarklein gezeigt, wie ein Element angezeigt wird:

document.getElementById('weiterlesen').style.display = 'block';

macht das Element mit der Id "weiterlesen" sichtbar. Genauso kann man ein anderes Element mit einer anderen Id unsichtbar machen (...display="none". Mehr, vor allem die Grundlagen zu javascript und css findest du hier.

Gruß, Jürgen

[joachim]

Hallo joachim,

hier wird dir haarklein gezeigt, wie ein Element angezeigt wird:

ok... soweit hab ich jetzt nicht gedacht !! ;) sorry

document.getElementById('weiterlesen').style.display = 'block';

macht das Element mit der Id "weiterlesen" sichtbar. Genauso kann man ein anderes Element mit einer anderen Id unsichtbar machen (...display="none". Mehr, vor allem die Grundlagen zu javascript und css findest du hier.

Gruß, Jürgen

danke für deine hilfe !!