✔ Dynamische Ausgabe Dynamisch ersetzen

P

pchilfe

Erfahrenes Mitglied
Liebe Freunde,

Ich habe folgendes Problem:

In Tabelle.js wird eine Tabelle mit document.write() ausgegeben.

Wenn man auf die Tabelle klickt wird der Tabellen-Inhalt neu berechnet und ausgegeben.

Damit der neu berechnete Inhalt der Tabelle am gleichen Ort ausgegeben wird habe ich folgendes gemacht:
HTML: 
Function CreateTabelle(){
   document.getElementById('DisplayInhalt').innerHTML = Inhalt();
   }
Alles funktioniert perfekt außer, dass jedes Mal neue Tabelle erzeugt wird.

Ich möchte am gleichen Ort der vorherigen Tabelle, die neu berechnete Tabelle ausgeben. Oder die vorherige Tabelle mit der neu berechnete Tabelle ersetzen.

Im HTML Dokument steht:
HTML: 
...
<td><DIV id='DisplayInhalt' style='position:absolute; left: 0; top: 0; z-index:50; visibility: visible'> </DIV></td>
...

Kann jemand mir helfen.

Vielen Dank. im Vorraus
 
Anstatt das <div> in der Tabelle zu platzieren, solltest du die Tabelle in dem <div> platzieren.

ca so:
Code: 
<html>
<head>
<title>Test</title>
<script type="text/javascript">
<!--
function CreateTabelle()
{
   document.getElementById('DisplayInhalt').innerHTML = Inhalt();
}

function Inhalt()
{
  return(
          '<table border="1" style="cursor:pointer" onclick="CreateTabelle()">'+
          '<tr><td>'+new Date().toLocaleString()+'</td></tr></table>'
        );
}

//-->
</script>

</head>
<body>
<div id="DisplayInhalt">
<script type="text/javascript">
<!--
document.write(Inhalt());
//-->
</script>
</div>
</body>
</html>
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück