Alert unter Mauspfeil

Cujo

Hallo,

kann man mit JS einen Alert einblenden und den Mauspfeil so positionieren, dass er auf dem OK-Button des Alerts ist?

Gruß,

Cujo

synaptic

also gemäß den ersten gefundenen ergebnissen :
http://www.google.de/search?hl=de&c…A4ndern&spell=1

kann man mit javascript nicht die position des mauszeigers ändern, lediglich abfragen wo sie ist.

wieso willst du auch die position des mauszeigers auf den ok-button des alerts schieben? abgesehen von der fragwürdigen aktion is damit doch der sinn eines alerts sinnfrei, denn der will ja eine interkation des benutzers erzwingen.
deine user können doch ganz einfach die enter-taste drücken, denn den fokus hat der alert eh schon sobald er aufpoppt...

lukasn

muss mich da Synaptic anschliessen, so eine Aktion würde ich unterlassen. Der User erwartet vom Mauszeiger, dass er sich an die Bewegung der Maus hält, nicht irgendwie über den Bildschirm hüpft. Mich persönlich würde das auf jeden fall ziemlich irritieren.

Cujo

Zitat von synaptic

wieso willst du auch die position des mauszeigers auf den ok-button des alerts schieben? abgesehen von der fragwürdigen aktion is damit doch der sinn eines alerts sinnfrei, denn der will ja eine interkation des benutzers erzwingen.

Weil ich den Alert für meine Zwecke "mißbrauche"

Guck mal hier:

http://www.raetselstunde.de/scherzfrage-des-tages.html

Bei der Zufalls-Scherzfrage (das untere der beiden iframes) erscheint nach dem Klick auf "Lösung" der Alert und wenn du auf "Okay" drückst, kommt die nächste Frage. Wenn man sich mehrere Scherzfragen hintereinander sehen will, muss man dauernd zwischen "Lösung" und "Okay" wechseln. Deshalb habe ich gedacht, es wäre einfacher, wenn die Maus gleich richtig positioniert wäre.

Zitat

deine user können doch ganz einfach die enter-taste drücken, denn den fokus hat der alert eh schon sobald er aufpoppt...

Das ist natürlich eine Möglichkeit, ich bin mir aber nicht sicher, ob das alle User wissen.

synaptic

ja dann nimm nich den alert sondern mach nen div was du entsprechend porsitionierst und das bei der lösung erscheint...
is wohl sinnvoller als nen alert zu mißbrauchen
das kannste ja dann auch so wie einen alert aussehen lassen (besser sogar )

Cujo

Hmmm, du meinst, ich kann sowas wie Ähnliches wie einen Alert nur mit HTML machen? Das wäre mir natürlich lieber, weil ich dafür kein JS bräuchte. Aber ich habe keine Ahnung, wie ich das machen soll.

synaptic

nee nee js wirste schon brauchen... nur machste dir nen eigenen alert.

ich hab hier mal nen spartanisches beispiel..
natürlich musste da noch den style pimpen

HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
    <title>eigener js-alert</title>
    <style type="text/css">
    #alert-wrap{
    width:200px;
    display:block;
    background:#eeeeee;
    }

    #alert-title{
    with:100%;
    height:29px;
    background:#0055e5;
    }

    #alert-close{
    background:#FF0000;
    height:26px;
    width:26px;
    margin-right:2px;
    margin-left:auto;
    margin-top:1px;
    }

    #alert-content{

    }

    #alert-content #okbtn{
    width:60px;
    margin-left:65px;
    margin-top:20px;
    margin-bottom:10px;
    }

    </style>

    <script type="text/javascript">
    function writeAlert(text){
    document.getElementById("alert-text").innerHTML = text;
    document.getElementById("alert-wrap").style.display ="block";

    }

    function closeAlert(){
    document.getElementById("alert-wrap").style.display="none";
    }

    function getEingabe(){
    return document.getElementById("test-eingabe").value;
    }
    </script>
</head>


<body>


<div id="alert-wrap">
     <div id="alert-title">
           <span id="alert-title-text">
          </span>
           <div id="alert-close" onclick="closeAlert();">

           </div>
     </div>
     <div id="alert-content">
           <span id="alert-text">
                  hier würde dann der text stehen, der als antwort kommt.hier würde dann der text stehen, der als antwort kommt.hier würde dann der text stehen, der als antwort kommt.
          </span><br />
           <input type="button" id="okbtn" value="Ok" onclick="closeAlert();" />
     </div>
</div>
<input type="text" id="test-eingabe" value="hier text reinschreiben" /><input type="button" id="writebtn" value="text schreiben" onclick="writeAlert(getEingabe());" />


</body>
</html>

Alles anzeigen

Tags