Suche im Forum:
Suchen


Autor Nachricht
Beitrag30.12.2009 um 19:47 (UTC)    
Titel: HTML: Text auf- und zuklappen?

Hey liebe Leute!
wir haben auf unserer Seite, gleich auf der Startseite eine 'News'-Sektion. diese News sind immer sehr lang, und das ist teils sehr nervig zum runterscrollen.
Schaut mal, dann seht ihr, was ich meine.
Das hätte ich gerne kürzer, das heißt: Ich würde den Artikel gerne 'verstecken', sodass der sich erst nach unten aufklappt, wenn man auf 'alles lesen' oder so klickt.
Als Beispiel:
Ein Youtube-video. die beschreibung ist sehr lang. dann kommt sowas (als Beispiel mal ein Song, die Lyrics sind in der Beschreibung):
___________________________________
(Weitere Informationen)

Lyrics: I have come to unfold your mind in my veins runs the poison wild in the streams of mountains I flow I have opened the doors for unleashed and endless hate it will burn like the raging green...
___________________________________

Klar? Wenn man auf 'Weitere Infos' klickt, kommt dann der gesamte Text.
Und genau sowas möchte ich mit den Artikel in den News haben. Und dass man dann natürlich 'weniger Infos' klicken kann, damit das wieder verschwindet. Und, genau, wie bei Ytube, würde ich gerne die ersten paar Wörter/Sätze da stehen haben, damit der LEser weiß, worum es geht.

Puh, ich hoffe, dass das reicht Wink

Beste Grüße und vielen Dank im voraus!!!
______________
Es gibt nur zwei Arten von Musik:HEAVY und METAL!


Zuletzt bearbeitet von powermetal4ever am 05.01.2010, 19:08, insgesamt einmal bearbeitet
Beitrag05.01.2010 um 16:56 (UTC)    
Titel:

so etwas wäre echt nicht schlecht, könnte ich auch gut gebrauchen.
Beitrag05.01.2010 um 18:07 (UTC)    
Titel:

Hallo,
ich habe mal einen kleinen Code erstellt:
Zitat:
<a onclick="text1.style.display='block';an.style.display='none';zu.style.display='block'" id="an" style="display: block" href="#neu">aufklappen</a>
<a onclick="text1.style.display='none';an.style.display='block';zu.style.display='none'" id="zu" style="display: none" href="#neu">zuklappen</a>
<a name="neu"></a><DIV id="text1" style="display: none">Der Text</div>
mfg Dominik
______________
Besucht die offizielle Hilfeseite vom Homepage-Baukasten:

Iceblue Generator | Red Generator | Butterfly Generator
Beitrag05.01.2010 um 19:06 (UTC)    
Titel:

Hallo bielefeld-club,
der code funktioniert, Danke Very Happy
Beitrag05.01.2010 um 21:15 (UTC)    
Titel:

Bei mir geht der nicht!
schaut mal hier:

http://powermetal4ever.de.tl/Titel-der-neuen-Seite.htm
______________
Es gibt nur zwei Arten von Musik:HEAVY und METAL!
Beitrag05.01.2010 um 22:17 (UTC)    
Titel:

So,
Code wurde nochmal verbessert:
Zitat:
<span style="cursor:pointer;" onclick="document.getElementById('text').style.display='block';document.getElementById('an').style.display='none';document.getElementById('zu').style.display='block'" id="an" style="display: block">aufklappen</span>
<span onclick="document.getElementById('text').style.display='none';document.getElementById('an').style.display='block';document.getElementById('zu').style.display='none'" id="zu" style="display: none;cursor:pointer">zuklappen</span>
<div id="text" style="display: none">Der Text</div>
Nun sollte das ganze klappen Wink
______________
Besucht die offizielle Hilfeseite vom Homepage-Baukasten:

Iceblue Generator | Red Generator | Butterfly Generator
Beitrag05.01.2010 um 22:21 (UTC)    
Titel:

Juhu, ich danke dir recht herzlich!!!
______________
Es gibt nur zwei Arten von Musik:HEAVY und METAL!
Beitrag05.01.2010 um 22:23 (UTC)    
Titel:

Kein Problem Wink
Vielen Dank für die Rückmeldung!

mfg Dominik
______________
Besucht die offizielle Hilfeseite vom Homepage-Baukasten:

Iceblue Generator | Red Generator | Butterfly Generator
Beiträge der letzten Zeit anzeigen:   


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de