JavaScript: onmouseout udalosť nefunguje po onmouseover - javascript

Snažím sa napísať kód pre Popis, kde keď myš prejde, text sa zobrazí, a keď sa vzdiali, zmizne. Snažím sa to robiť zmenou tried (tipHide v css má display:none, a tipShow má display: block), ale onmouseout udalosť nezmení triedu späť (čo viem z videnia generovaného zdroja po).

Ako to môžem opraviť onmouseout udalosť sa spustí, ak onmouseover udalosť už zmenila triedu.

Môj HTML:

<div id="zha" class="cfield">
<p id="qmark"></p>
<p id="toolTip" class="tipHide">Text Shown</p>
</div>

a JavaScript:

function toolTip() {
document.getElementById("qmark").onmouseover = function() {
var toolTip = document.getElementById("toolTip");
toolTip.className = "tipShow";
}
document.getElementById("qmark").onmouseout = function() {
var toolTip = document.getElementById("toolTip");
toolTip.classname = "tipHide";
}
}

Tiež by som to rád urobil bez použitia JQuery

odpovede:

Možno preklep na internete className nehnuteľnosť? Vo vašom onmouseout máš toto:

toolTip.classname = "tipHide";

Ktoré by mali byť (to isté, čo ste robili onmouseover):

toolTip.className = "tipHide";
^