Willkommen auf dem Portal für Mediengestalter
|
|
Autor |
Nachricht |
Soooth
Threadersteller
Dabei seit: 17.09.2007
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Mo 17.09.2007 11:28
Titel button, content anzeigen, aber wie? |
|
|
Moin, Mädchengestalter!
Ich habe da mal ein kleines Problem, ich würde gerne eine News-section auf einer HP verwirklichen. Um die Länge der Seite zu reduzieren würde ich natürlich gerne Teaser anzeigen, die beim Klick auf den "weiterlesen"-Button den Text im gleichen Fenster erscheinen lassen. Der Text sollte schon vorgeladen sein.
Quasi ein Button, der die Grösse des Divs auf Inhaltgrösse vergrössert und bei nochmaligem Klicken auf die Ausgangsgrösse zurückstellt (z.Bsp. 5 Zeilen inkl. Headline).
Wie macht man das denn???
Danke schon jetzt für Eure Hilfe.
PS: Wer mir helfen kann, ich lebe auf La Gomera und habe immer Platz für Besuch...
[edit]
Keine Eyecatcher im Titel verwenden.
Zuletzt bearbeitet von tacker am Mo 17.09.2007 14:05, insgesamt 1-mal bearbeitet
|
|
|
|
|
Anti78
Dabei seit: 16.09.2003
Ort: Tbb/Mz/M
Alter: 46
Geschlecht:
|
Verfasst Mo 17.09.2007 12:03
Titel
|
|
|
So?
|
|
|
|
|
Anzeige
|
|
|
sahnemuh
Dabei seit: 19.06.2003
Ort: /dev/null
Alter: 42
Geschlecht:
|
Verfasst Mo 17.09.2007 12:59
Titel
|
|
|
mootools is da irgendwie mit kanonen auf spatzen?
wozu nen 40kb framework für sone simple funktion...
hier mal nen ansatz (ist ungetestet aber das prinzip sollte klappen, zudem ist es unobstrusive - die "klappfunktion" greift also nur bei aktiviertem javascript).
ich hab versucht das ganze halbwegs sinnvoll zu kommentieren. wenn was unverständlich ist: frag.
Code: | <script type="text/javascript">
// der gewünschte "mehr link" text
var linktext = 'Mehr lesen';
// more text bei eingeschaltetem Javascript ausblenden
window.onload = function() {
var n = 0;
// alle divs im dokument suchen
countDivs = getElementsByTagName('div');
// schleife um alle divs
for(i=0;i<countDivs.length;i++) {
// wenn ein div den text "more" in der id hat
if(countDivs[i].id.indexOf("more") != -1) {
n++;
// div ausblenden
countDivs[i].style.display = 'none';
// more link erzeugen
moreLink = document.createElement("a");
// href setzen
moreLink.setAttribute("href","javascript:showMore(news-" + n + "-more");
// mit "mehr link" text (s.o.) füllen
moreLink.appendChild.createTextNode(linktext);
// link vor dem mehr div einfügen
countDivs[i].insertBefore(moreLink);
}
}
}
// funktion zum ein/ausblenden der texte
function showMore(id) {
myMore = document.getElementById(id);
// wenn nicht angezeigt: zeig an.
if(myMore.style.display = 'none') {
myMore.style.display = block;
} else {
// sonst blende es wieder aus.
myMore.style.display = none;
}
}
</script>
<div id="news-1">
<p>Text Text</p>
<div id="news-1-more">
<p>
aslkjhasl
lsidlas
sdkj
</p>
</div>
</div>
<div id="news-2">
<p>Text Text</p>
<div id="news-2-more">
<p>
aslkjhasl
lsidlas
sdkj
</p>
</div>
</div>
|
|
|
|
|
|
|
|
|
Ähnliche Themen |
Content mittels CSS zentriert anzeigen
JQuery Slide: Button und Content unabhängig?
Lytebox: Close-Button oben anzeigen lassen?
PHP: bilder aus ordner einzeln anzeigen (weiter-button)
Content Editing, statt Content Management
Flash Button mit Animation wenn Cursor den Button Verlässt?
|
|
|
Du kannst keine Beiträge in dieses Forum schreiben. Du kannst auf Beiträge in diesem Forum nicht antworten. Du kannst an Umfragen in diesem Forum nicht mitmachen.
|
|