E-Learing in HTML

Spacekiss80

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 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

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

Ronald

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

Spacekiss80

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

close Topic...

Ronald

Na das freut den alten Mann doch

Tags