1. Dashboard
  2. Artikel
  3. Mitglieder
    1. Letzte Aktivitäten
    2. Benutzer online
    3. Team
    4. Mitgliedersuche
  4. Forum
    1. Unerledigte Themen
  • Anmelden
  • Registrieren
  • Suche
Dieses Thema
  1. HTML - Webmaster Forum
  2. HTML / Webmaster Forum
  3. HTML & CSS Forum

E-Learing in HTML

  • Spacekiss80
  • 18. November 2005 um 12:50
  • Spacekiss80
    Anfänger
    Beiträge
    2
    • 18. November 2005 um 12:50
    • #1

    Hallo,

    ich soll ein Projekt schreiben und habe auch Ahnung von HTML, es handelt sich um ein Projekt bezüglich E-Learning. Aus diesem Grund benötige ich eine Art Befehl, womit ich Text in HTML verstecken kann und auch wieder durch Mausklick anzeigen kann... Denke mal das es auf Javascript oder so hinauslaufen wird :cry: Wie kann ich so etwas implementieren? Hab zum besseren ein Beispiel mit aufgeführt

    [Blockierte Grafik: http://www.outtaspace.de/showhide.jpg]

    So sollte es nachher in etwa aussehen... Vielen Dank im voraus...

  • pindakaas
    Profi
    Beiträge
    591
    • 18. November 2005 um 14:51
    • #2

    benutz doch einfach frames !
    das was du beschrieben hast wär doch viel zu kompliziert wenn ich dich richtig verstanden habe

    lieber mal hier http://de.selfhtml.org nachgucken

  • Ronald
    Forum Guru
    Beiträge
    5.439
    • 18. November 2005 um 15:30
    • #3

    Moin!

    Abgesehen davon, daß ich aus der Zeichnung nicht so ganz schlau werde, ist es mit Javascript kein Problem Text anzuzeigen oder zu verbergen.
    Probiere mal dieses, ich gehe davon aus, daß du es selbst deinen Anforderungen anpassen kannst?

    HTML
    <!doctype html public "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html>
    <head>
    <title></title>
    <script type="text/javascript" language="JavaScript">
    <!--
    function change()
      {
      if(document.getElementById('t1').style.display == 'none')
        {
        document.getElementById('t1').style.display = 'block';
        document.getElementById('t2').style.display = 'none';
        document.getElementById('L1').firstChild.data = 'Viel Text anzeigen';
        }
      else
        {
        document.getElementById('t1').style.display = 'none';
        document.getElementById('t2').style.display = 'block';
        document.getElementById('L1').firstChild.data = 'Wenig Text anzeigen';
    
    
        }
      }
    
    
    //-->
    </script>
    </head>
    <body>
    
    
    [url='javascript:void[0]']Viel Text anzeigen[/url]
    
    
    </p>
    
    
    <table id="t1"  style="display:block" border="0" cellspacing="0" cellpadding="5">
      <tr><td>1.</td><td>Hier steht jetzt nur wenig Text</td></tr>
    </table>
    
    
    <table id="t2"  style="display:none" border="0" cellspacing="0" cellpadding="5">
      <tr><td>1.</td><td>Hier steht jetzt ganz viel Text</td></tr>
      <tr><td>2.</td><td>Hier steht jetzt ganz viel Text</td></tr>
      <tr><td>3.</td><td>Hier steht jetzt ganz viel Text</td></tr>
      <tr><td>4.</td><td>Hier steht jetzt ganz viel Text</td></tr>
      <tr><td>5.</td><td>Hier steht jetzt ganz viel Text</td></tr>
      <tr><td>6.</td><td>Hier steht jetzt ganz viel Text</td></tr>
      <tr><td>7.</td><td>Hier steht jetzt ganz viel Text</td></tr>
      <tr><td>8.</td><td>Hier steht jetzt ganz viel Text</td></tr>
      <tr><td>9.</td><td>Hier steht jetzt ganz viel Text</td></tr>
      <tr><td>10.</td><td>Hier steht jetzt ganz viel Text</td></tr>
      <tr><td>11.</td><td>Hier steht jetzt ganz viel Text</td></tr>
      <tr><td>12.</td><td>Hier steht jetzt ganz viel Text</td></tr>
      <tr><td>13.</td><td>Hier steht jetzt ganz viel Text</td></tr>
      <tr><td>14.</td><td>Hier steht jetzt ganz viel Text</td></tr>
      <tr><td>15.</td><td>Hier steht jetzt ganz viel Text</td></tr>
      <tr><td>16.</td><td>Hier steht jetzt ganz viel Text</td></tr>
      <tr><td>17.</td><td>Hier steht jetzt ganz viel Text</td></tr>
      <tr><td>18.</td><td>Hier steht jetzt ganz viel Text</td></tr>
      <tr><td>19.</td><td>Hier steht jetzt ganz viel Text</td></tr>
      <tr><td>20.</td><td>Hier steht jetzt ganz viel Text</td></tr>
    </table>
    </body>
    </html>
    Alles anzeigen

    G.a.d.M.

    Ronald

    annunci per coppie

  • Spacekiss80
    Anfänger
    Beiträge
    2
    • 18. November 2005 um 15:39
    • #4

    Danke Roland, du hast auch wenn du nicht wusstest um was es geht, die richtige Antwort gehabt :D genau das hab ich gesucht... big THX

    close Topic...

  • Ronald
    Forum Guru
    Beiträge
    5.439
    • 18. November 2005 um 15:47
    • #5

    Na das freut den alten Mann doch ;)

    annunci per coppie

Tags

  • www
  • html
  • tex
  • http
  • style
  • body
  • jpg
  • text
  • anzeige
  • problem
  • frames
  • code
  • javascript
  • doc
  • border
  • projekt
  • table
  • display
  • head
  • w3c
  • data
  • public
  1. Datenschutzerklärung
  2. Impressum
Community-Software: WoltLab Suite™
  • Alles
  • Dieses Thema
  • Dieses Forum
  • Artikel
  • Seiten
  • Forum
  • Erweiterte Suche
Zitat speichern