✔ Weiterlesen

[Campl3r]

Heyho,

ich bräuchte ein script für einen weiterlesen button. Sprich ich drücke auf einen Button /Link /whatever und es öffnet sich KEIN neues Fenster sondern nur ein kleiner Text wird eingeschoben.
Bei Google und Co. findet man nur JS die einmal pro Page funktionieren ich bräuchte dies aber mehrmals

MFG Campl3r

 

[tombe]

Meinst du so etwas:

<script type="text/javascript">
function anzeigen() {
     if (document.getElementById("mehr_text").style.visibility == "hidden") {
        document.getElementById("mehr_text").style.visibility = "visible";
    } else {
        document.getElementById("mehr_text").style.visibility = "hidden";
    }
}
</script>

<div>
Dieser Text ist von Anfang an sichtbar.
<br />
<a href="javascript:anzeigen()">Text einblenden</a>
</div>
<div id="mehr_text">
Und dieser Text wird ein- oder ausgeblendet.
</div>

 

[Campl3r]

So ähnlich.

Und zwar
1. Das der Raum den der einzublende Text braucht erst erscheint wenn auf weiterlesen/Texteinblenden gedrückt wird.
2. (Hab ich nicht getestet)Das es für mehere Texte auf der gleichen Seite funktioniert
3. Dein Script ist falschrum aber das kann man ja ändern
also alles in einem ein guter Ansatz

MFG Campl3r

 

[tombe]

Gut dann machen wir es halt so:

<script type="text/javascript">
function anzeigen(textblock) {
     ausblenden();
     if (document.getElementById(textblock).style.visibility == "hidden") {
        document.getElementById(textblock).style.visibility = "visible";
        document.getElementById(textblock).style.display = "block";
    } else {
        document.getElementById(textblock).style.visibility = "hidden";
        document.getElementById(textblock).style.display = "none";
    }
}

function ausblenden() {
    for (a = 1; a <= 3; a++) {
        text = "text" + a;
        document.getElementById(text).style.visibility = "hidden";
        document.getElementById(text).style.display = "none";
    }
}
</script>

<div>
Dieser Text ist von Anfang an sichtbar.
<br />
<a href="javascript:anzeigen('text1')">Text 1 einblenden</a>
<br />
<a href="javascript:anzeigen('text2')">Text 2 einblenden</a>
<br />
<a href="javascript:anzeigen('text3')">Text 3 einblenden</a>
<br />
<a href="javascript:ausblenden()">Alles ausblenden</a>
</div>
<div id="text1" style="visibility:hidden; display:none;">
Das hier ist der Text1.
</div>
<div id="text2" style="visibility:hidden; display:none;">
Das hier ist der Text2.
</div>
<div id="text3" style="visibility:hidden; display:none;">
Das hier ist der Text3.
</div>
<div>Und dieser Text steht auch immer da.</div>

 

[Campl3r]

Meine Korrektur Punkte haben sich gerade erledigt ich bedanke mich sehr bei dir du hast mir gut weitergeholfen.

Achja...Ich werde mein Projekt in den nächsten Tagen auch mal vorstellen.

 

[Campl3r]

http://www.tutorials.de/homepage-re...ihre-indivduellen-usb-sticks.html#post1914774