nicht angemeldet
Hallo Leute,
ich habe ein Problem, welches sich wie folgt schildert:
Ich habe einen Kalendar aus einer Tabelle erstellt, was noch kein Hinderniss darstellt.
Im folgenden möchte ich nun, dass wenn der Benutzer auf einen Tag geht, sich ein kleines div öffnet, was ich per Javascript in die Zelle schreibe und welches solange geöffnet bleiben soll, solange sich jemand im div oder halt auf der Zelle befindet.
Codetechnisch habe ich das bisher wie folgt gelöst:
HTML:
Tabellenaufbau normal, aber bei einzer Zelle als Beispiel:
<td style="color : blue" onmouseover="show(this)" onmouseout="hide(this)">30</td>
Javascript:
function show(element){
element.innerHTML = "<div class="test">Nachricht</div>"+element.innerHTML;
element.firstChild.style.visibility = "visible";
element.firstChild.style.display = "block";
element.firstChild.style.top = (element.offsetTop+element.offsetHeight)+"px";
element.firstChild.style.left = element.offsetLeft+"px";
}
function hide(element){
element.firstChild.style.visibility = "hidden";
element.firstChild.style.display = "none";
}
Also ich möchte das div nur temporär in diese Zelle schreiben, und beim Herausgehen wieder aus der Zelle löschen.
Der derzeitige Code erzeugt mir das div an der stelle, wo ich es haben möchte, allerdings wenn ich auf das div-gehe wird es anschließend nicht mehr abgeblendet.
Hat hier vielleicht jemand Erfahrung mit so einem Problem?
Über Antworten wäre ich dankbar
PS: Ich benötige dieses als JS-Variante, wie es mit CSS ginge kann ich für mein Problem nicht gebrauchen.