nicht angemeldet
Tabelle dynamisch füllen
0 0 
JürgenB
Tabelle dynamisch füllen
Hallo zusammen,
ich habe auf einer HTML-Seite verschiedene "Länder-Buttons".
Ich benötige Hilfe für folgende Lösung:
Wenn ich ein MOUSEOVER über einen "Länder-Button" mache soll eine Tabelle dynamisch mit Daten des Landes gefüllt werden und beim "MOUSEOUT" sollen diese Daten wieder verschwinden.
Dies war mal ein Ansatz bei dem eine Tabelle komplett neu erschein, was eigentlich nicht so optimal ist.
<head
<script language="JavaScript">
function showtable_2(){
document.write("<center><table border='2' width='50%'>");
document.write("<tr>");
document.write("<td>" + "Australien" + "</td>");
document.write("</tr>");
document.write("</table></center>"); }
</script>
</head>
<body>
<img src="menuimages/australien.gif" onMouseOver="showtable_2()">
</body>
</html>
Danke schonmal für die Hilfe
Frank
-
<table>
<tr>
<td colspan="2" id="ueberschrift"></td>
</tr>
<tr>
<td id="Feld_1"></td>
<td id="Feld_2"></td>
</tr>
</table>
<script language="JavaScript">
<!--
function chng(x,u,F_1,F_2)
{
if(x==1)
{
document.getElementById("ueberschrift").innerHTML = u;
document.getElementById("Feld_1").innerHTML = F_1
document.getElementById("Feld_2").innerHTML = F_2
}
else
{
document.getElementById("ueberschrift").innerHTML = " ";
document.getElementById("Feld_1").innerHTML = " ";
document.getElementById("Feld_2").innerHTML = " ";
}
}
-->
</script>
<input type="button" onMouseOver="chng(true,'Button 1','Hier handelt es sich um Button 1','Das ist Text 2 von Button 1')" onMouseOut="chng(false)"><br>
<input type="button" onMouseOver="chng(true,'Button 2','Hier handelt es sich um Button 1','Das ist Text 2 von Button 2')" onMouseOut="chng(false)">Das ist doch 'ne Idee, oder?
MFG
Griever-
Vielen Dank, genau das habe ich gemeint. Spitze.
Frank-
Mahlzeit.
Nix zu danken.
MFG
Griever
-
-
-
Hallo Frank,
hier http://www.j-berkemeier.de/TableSort.html
und hier http://www.j-berkemeier.de/Ritzelrechner.html
siehst du, wie Tabellen dynamisch gefüllt und erzeugt werden.Gruß, Jürgen