So zeigen Sie eine Warnung bei MouseOver-Ereignissen an

Derzeit verfügen Sie über eine Funktion, bei der mouseover das div beim Bewegen der Maus in rot ändert. Ich möchte das ändern, um stattdessen eine Warnung zu erhalten, die den Text anzeigt, der innerhalb des Divs gehalten wird.So zeigen Sie eine Warnung bei MouseOver-Ereignissen an

Ich habe versucht, eine Funktion aufrufen, die Alarm

<img onmouseover='getAlert(this)' class='calPicSmile' src= 'img/" + calImg + ".png' height= '20' width= '20'>

sowie

document.getElementsByClassName("calPicSmile").onmouseover = function() {getAlert()}; 
function getAlert(){ 
    alert('test'); 
}

if (counter == day && month == curMonth && year == curYear) { 
 

 
    htmlContent += "<td class='dayNow alert' id='" + counter + monthIDName + "' onMouseOver='this.style.background=\"#FF0000\"; this.style.color=\"#FFFFFF\"' " + "onMouseOut='this.style.background=\"#FFFFFF\"; this.style.color=\"#FF0000\"'>" + counter + "<img class='calPicSmile' src= 'img/" + calImg + ".png' height= '20' width= '20'>" + "</td>"; 
 

 
} else { 
 

 
    htmlContent += "<td class='monthNow alert' id='" + counter + monthIDName + "' onMouseOver='this.style.background=\"#FF0000\"'" + " onMouseOut='this.style.background=\"#FFFFFF\"'>" + counter + "<img class='calPicSmile' src= 'img/" + calImg + ".png' height= '20' width= '20'>" + "</td>"; 
 

 
}

Quelle

2017-08-22 Hugh O Dwyer

Es gibt einen Fehler im Code. Es funktioniert überhaupt nicht. Sie sollten es beheben, dann können wir Ihnen bei Ihrer Frage helfen. "" Uncaught ReferenceError: Zähler ist nicht definiert "' – tommyO

es funktioniert, aber ich wollte nicht den gesamten Code liefern. Will jetzt updaten –

warum aktualisieren Sie nicht Ihren Code bei Jsbin –

Ohne dass Sie den ganzen Code posten müssen, versuchen Sie, so etwas zu erreichen?

function getAlert(image) { 
 
    alert('Here\'s an alert!') 
 
}

<img onmouseover='getAlert(this)' class='calPicSmile' src='https://images-production.global.ssl.fastly.net/uploads/photos/file/117262/michae-scott-quotes-5.jpg?auto=compress&crop=top&fit=clip&h=500&q=55&w=698' height='100' width='140'>

Quelle

2017-08-22 16:45:36 tommyO

Dies ist, was ich will, aber es scheint ein Problem mit Framework7 zu sein (Was ist, was ich verwende, um meine App zu erstellen). Möglicherweise ist mouseover die falsche Anwendung, obwohl es funktioniert, wenn divs rot gemacht wird –

<html> 
 
<body> 
 
<script> 
 
function Alert(e){ 
 
alert(e.target.innerText); 
 
}; 
 

 
</script> 
 

 
<div onmouseover="Alert(event)">Hover Me</div> 
 

 
</body> 
 
</html>

zu nennen

Wollen Sie das?

Quelle

2017-08-22 16:45:00 Rajez

So zeigen Sie eine Warnung bei MouseOver-Ereignissen an

Antwort

Verwandte Themen