mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Fr 29.03.2024 11:29 Benutzername: Passwort: Auto-Login

Thema: button, content anzeigen, aber wie? vom 17.09.2007


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Programmierung -> button, content anzeigen, aber wie?
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?

Antworten mit Zitat Zum Seitenanfang

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... Lächel

[edit]
Keine Eyecatcher im Titel verwenden.


Zuletzt bearbeitet von tacker am Mo 17.09.2007 14:05, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden
Anti78

Dabei seit: 16.09.2003
Ort: Tbb/Mz/M
Alter: 46
Geschlecht: Männlich
Verfasst Mo 17.09.2007 12:03
Titel

Antworten mit Zitat Zum Seitenanfang

So?
  View user's profile Private Nachricht senden
Anzeige
Anzeige
sahnemuh

Dabei seit: 19.06.2003
Ort: /dev/null
Alter: 42
Geschlecht: Männlich
Verfasst Mo 17.09.2007 12:59
Titel

Antworten mit Zitat Zum Seitenanfang

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>      
  View user's profile Private Nachricht senden
 
Ä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?
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Programmierung


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.