Seite 1 von 3 123 LetzteLetzte
Ergebnis 1 bis 10 von 29

Thema: Dynamisches HTML - versteckte Absätze einblenden

  1. #1
    Azubi(ne)
    Registriert seit
    08.09.2009
    Beiträge
    56
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard Dynamisches HTML - versteckte Absätze einblenden

    Hallo!

    Ich bin gerade beim Programmieren meiner Homepage.
    Ich möchte nun auf einer Seite dynamisches HTML anwenden, um auf Mausklick in einem Text verschiedene "versteckte" Elemente einzublenden. Also, der Text besteht aus mehreren Absätzen, die von verschiedenen Leuten stammen, und auf Mausklick sollen (am besten rechts daneben in einer extra-Spalte) sämtliche Namen der Leute eingeblendet werdne, ohne dass die Seite neu geladen werden muss.
    Leider kenne ich mich mit Dynamischem HTML nicht aus. Kann mir jemand sagen, wie ich das bewerkstelligen kann?
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2
    Interessierte/r
    Registriert seit
    09.08.2009
    Beiträge
    121
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Dynamisches HTML - versteckte Absätze einblenden

    Würde ich mit Javascript machen, weiss nicht obs ne einfachere Möglichkeit gibt.

    Code:
    <script type="text/javascript">
    function anzeigen(das){
    
    if(document.getElementById(das).style.display=='none') 
    
    document.getElementById(das).style.display='block'; 
    
    else document.getElementById(das).style.display='none';}
    </script>
    HTML-Code:
    <a href="#" onclick="javascript: anzeigen('bezeichnung')">Anzeigen</a>
    <span id="bezeichnung" style="display: none;">
    HIER DER VERSTECKTE TEXT
    </span>

  3. #3
    Azubi(ne)
    Themenstarter

    Registriert seit
    08.09.2009
    Beiträge
    56
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Dynamisches HTML - versteckte Absätze einblenden

    Aber wie mache ich das dann, für jeden Absatz separat? Ich möchte ja auf einen Mausklick alle versteckten Absätze einblenden!

  4. #4
    Interessierte/r
    Registriert seit
    09.08.2009
    Beiträge
    121
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Dynamisches HTML - versteckte Absätze einblenden

    Einfach alles, was per Mausklick eingebunden wird, dort einfügen.
    Ob da Absätze drin sind, ist egal.

    EDIT: <span> musst du du dann zu <p> (oder einem anderen Blockelement) machen.
    Geändert von Dommix (22.09.2009 um 22:15 Uhr)

  5. #5
    Azubi(ne)
    Themenstarter

    Registriert seit
    08.09.2009
    Beiträge
    56
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Dynamisches HTML - versteckte Absätze einblenden

    Klar, versteh ich schon, aber die Absätze sollen dann ja nicht alle untereinander angezeigt werden, sondern im Text verteilt sein. Da mal ein (versteckter) Absatz, dann ein paar Zeilen drunter einer... Wie geht das?

  6. #6
    Unregistriert
    Gast

    Standard AW: Dynamisches HTML - versteckte Absätze einblenden

    ich hab sowas mal verwendet.
    die eizelnen bereiche hab ich in aber in nen div-container verpackt, und den per javascript auf/zumachen zu können


    if(document.getElementById(personID).style.display =="block")
    {
    document.getElementById(detailID).style.display="n one";
    document.getElementById(detailID).style.height=0;
    }
    else
    {
    document.getElementById(detailID).style.display="b lock";
    document.getElementById(detailID).style.height="au to";
    }

  7. #7
    Azubi(ne)
    Themenstarter

    Registriert seit
    08.09.2009
    Beiträge
    56
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Dynamisches HTML - versteckte Absätze einblenden

    Häh, tut mir Leid, das versteh ich nicht!

  8. #8
    Unregistriert
    Gast

    Standard AW: Dynamisches HTML - versteckte Absätze einblenden

    schreib anstelle des <span> mal ein <div>, dann sollte deine javascript-funktion richtig sein

  9. #9
    Interessierte/r
    Registriert seit
    09.08.2009
    Beiträge
    121
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Dynamisches HTML - versteckte Absätze einblenden

    Dazu wäre mir jetzt folgende Idee gekommen, die bei einem kurzen Test auch geklappt hat.

    JS Code bleibt gleich, aber:

    HTML-Code:
    <a href="#" onclick="javascript: anzeigen('bezeichnung'), anzeigen('bezeichnung2')">Anzeigen</a>
    
    <span id="bezeichnung" style="display: none;">
    HIER DER VERSTECKTE TEXT
    </span>
    
    <p>
    Hier ein Text, der immer erscheint.
    </p>
    
    <span id="bezeichnung2" style="display: none;">
    HIER DER VERSTECKTE TEXT 2
    </span>

  10. #10
    Azubi(ne)
    Themenstarter

    Registriert seit
    08.09.2009
    Beiträge
    56
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Dynamisches HTML - versteckte Absätze einblenden

    Lautet die Funktion dann korrekterweise:

    HTML-Code:
    <script type="text/javascript">
    function anzeigen(id){
    div = document.getElementById(id).style.display;
    if(div == "none"){
    document.getElementById(id).style.display = "";
    }else{
    document.getElementById(id).style.display ="none";
    }
    }
    </script>
    So funktioniert's nicht. Wenn ich die obigen beiden "div"s zu "span" ändere, geht's auch nicht. Es wird immer nur der erste Absatz eingeblendet, ne Fehlermeldung kommt aber auch nicht!!
    Ich hab das Ganze in einer Tabelle drin, aber ich glaub nicht, dass das einen Unterschied macht, oder?

Ähnliche Themen

  1. PLONE2PDF mit structured Text - übertriebene Absätze
    Von Moerz im Forum Zope & Plone - das deutsche Hilfeforum
    Antworten: 3
    Letzter Beitrag: 22.02.2008, 12:56
  2. PHP macht zuviele Absätze
    Von Telmata im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 11
    Letzter Beitrag: 21.11.2007, 19:31
  3. Absätze in XML-Datenbanken
    Von JG im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 2
    Letzter Beitrag: 07.05.2007, 15:23
  4. versteckte user ?
    Von driver im Forum Forum-Hilfe.de intern
    Antworten: 19
    Letzter Beitrag: 29.06.2006, 15:43
  5. Versteckte Benutzer??
    Von Pfeffi im Forum Forum-Hilfe.de intern
    Antworten: 12
    Letzter Beitrag: 21.05.2003, 09:54

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •