zurück zur Startseite
  


Zurück XHTMLforum > Webentwicklung (außer XHTML und CSS) > Javascript & Ajax
Seite neu laden Mehrere Texte aufklappen

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 27.03.2009, 13:46
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 26.03.2009
Beiträge: 24
vik.alive befindet sich auf einem aufstrebenden Ast
Standard Mehrere Texte aufklappen

Hallo,
ich habe folgendes Problem:
In einer Newsseite habe ich die Texte mit substr abgeschnitten, damit die Seite nicht zu lang wird.

Nun möchte ich, dass der Rest des Textes mit einem Link aufgeklappt werden kann. Wie kann ich das realisieren?

Ich habe in einem Tutorial folgendes gefunden:
PHP-Code:
<style type="text/css">
#hiddendiv {
  
displaynone;
}
</
style>
<
script type="text/javascript">
function 
toggledisplay (id){
  if (
document.getElementById) {
    var 
mydiv document.getElementById(id);
    
mydiv.style.display = (mydiv.style.display=='block'?'none':'block');
  }
}
</script>
<a href="#" onClick="javascript:toggledisplay('hiddendiv'); return false" title="Versteckten Absatz anzeigen/verstecken">Versteckten Text anzeigen...</a>
<div id="hiddendiv">Versteckter Text</div> 
Das funktioniert zwar, allerdings nur für einen Text. Auf meiner Newsseite sind allerdings 7 Einträge.

Hoffe mir kann wer helfen.
Danke!
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 27.03.2009, 16:18
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 01.06.2006
Beiträge: 622
Rico wird schon bald berühmt werden
Standard

wenn ich dich richtig verstanden habe, dann kannst du ein sog. Accordion-Menu verwenden. Davon gibt es im web jede Menge Beispiele.

Gruss
Erich
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 27.03.2009, 16:45
Benutzerbild von uspri
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 04.07.2005
Beiträge: 900
uspri sorgt für eine eindrucksvolle Atmosphäreuspri sorgt für eine eindrucksvolle Atmosphäre
Standard

Zitat:
Zitat von vik.alive Beitrag anzeigen
Hallo,
Das funktioniert zwar, allerdings nur für einen Text. Auf meiner Newsseite sind allerdings 7 Einträge.

Wieso nur für ein Div? Wenn Du sieben Einträge hast und jeder Eintrag muss ja zwangsläufig eine andere ID haben (da diese einmalig pro Seite sein müssen), dann geht das wunderbar.
Mit Zitat antworten
  #4 (permalink)  
Alt 29.03.2009, 16:31
Neuer Benutzer
neuer user
 
Registriert seit: 10.03.2009
Beiträge: 22
nordstrom befindet sich auf einem aufstrebenden Ast
Standard

versuche es mal mit jquery!
ich habe es aber nur auf die schnelle geschrieben, also keine garantie auf die funktionalität

hier der javascirpt-teil:
Code:
 $(document).ready(function() {
 
   $('#news').find('headline').click(function() {
     $(this).next().slideToggle();
   });
 
 });
und hier der html-teil:
HTML-Code:
	<div id="news">
		<div class="headline">Akutelles 1</div>
		<div class="content">weiterer Text zu Akutelles 1</dd>

		<div class="headline">Akutelles 2</div>
		<div class="content">weiterer Text zu Akutelles 2</dd>
		
		<div class="headline">Akutelles 3</div>
		<div class="content">weiterer Text zu Akutelles 3</dd>
		
		<div class="headline">Akutelles 4</div>
		<div class="content">weiterer Text zu Akutelles 4</dd>
	</div>

natürlich musst du jquery noch einbinden:
HTML-Code:
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js" type="text/javascript"></script>
__________________
Das deutsche jQuery Forum
jQuery-Board.de
Mit Zitat antworten
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
IE zeigt gewisse Texte nicht an zitronenbaum CSS 2 16.01.2008 16:25
Texte überlagern sich nach Zeilenumbruch Mites CSS 7 06.07.2007 17:49
Lesbarkeit der Texte verbessern. Crizzo Site- und Layoutcheck 17 01.06.2007 19:16
drei Texte nebeneinander positionieren Gifmik CSS 2 18.01.2006 11:44


Alle Zeitangaben in WEZ +2. Es ist jetzt 18:50 Uhr.