• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

JavaScript Funktion vorrübergehend ausführen

Status
Für weitere Antworten geschlossen.
HTMLooser

HTMLooser

Neues Mitglied
Hallo

wie kann ich dafür sorgen, dass eine js funktion beim herüberfahren (onmouseover) ausgelöst wird, und beim herunterfahren wieder beendet wird?

danke im voraus!
 
auslösen geht, in dem du sie aufrufst wenn der Event auftritt. Was du mit beenden meinst, müßtest du genauer beschreiben, direkt beenden geht nicht.
 
ich meine, dass ich etwas habe, dass wenn man über einen auslöser herüberfährt erscheint,dass aber wenn man nicht mehr mit der maus auf dem auslöser ist wieder verschwindet
 
Zuletzt bearbeitet:
Dazu brauchst du nicht mal JS, das geht auch mit CSS. Aber wobei können wir dir jetzt helfen?
 
also: ich hab eine funktion, die einen bereich per css ein- und ausblendet und durch onmouseover ausgelöst wird.
ich möchte aber, dass dieser bereich nur so lange zu sehen ist, wie man den mauszeiger auf dem auslöser hat (für aufklappmenüs)
 
Zuletzt bearbeitet:
onmouseover - wenn die Maus einen Bereich berührt
onmouseout - wenn die Maus einen Bereich verlässt
 
Natürlich. Wie oben gesagt reagiert der Browser immer nur jeweils auf eines bei einer bestimmten Aktion. Wenn Du mit der Maus drauf kommst, wird onmouseover ausgeführt. Wenn Du mit der Maus den Bereich verlässt, wird onmouseout ausgeführt.
 
nicht wundern, das ist meine codevorlage:
Code: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "[URL]http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd[/URL]">
<html xmlns="[URL="http://www.w3.org/1999/xhtml"]XHTML namespace[/URL]" xml:lang="de" lang="de">
 <head>
    <title>Titel</title>
       <script type="text/javascript">
         function outline(id)
         {
         document.getElementById(id).style.float = 'left';
         document.getElementById(id).style.display = 'none';
         }
         function inline(id)
         {
 
         document.getElementById(id).style.display = 'block';
         }
 
        </script>
        <style type="text/css">
          table
           {
          display:inline;
           }
        </style>
 </head>
 <body>
 
  <a href="#" onmouseover="outline('ID2'); return false;">
    ssssssss
  </a>
  <a href="#" onmouseout="outline('ID'); return false;">
   <a href="#" onmouseover="inline('ID'); return false;">
     ddddddddd
   </a>
   <br/>
   <span id="ID" style="display:none">
    <table border="1">
     <td>
      <tr>
        dddddddddddddd
      </tr>
      <tr>
        fffffffffff
      </tr>
     </td>
    </table>
   </span>
  </a>
  <span id="ID2" style="display:none">
   <table border="1">
    <td>
     <tr>
      dddddddddddddd
     </tr>
     <tr>
      fffffffffff
     </tr>
    </td>
   </table>
  </span>
 </body>
</html>

onmousover funktioniert, aber es verschwindet nicht wieder.
 
Zuletzt bearbeitet:
Was soll das denn?

Code: 
<a href="#" onmouseout="outline('ID'); return false;">
<a href="#" onmouseover="inline('ID'); return false;">

Das ist weder valide noch sinnvoll. Du meinst vermutlich so etwas:

Code: 
<a href="#" onmouseout="outline('ID');" onmouseover="inline('ID');">

Und return-Rückgaben sind bei diesen Attributen sinnfrei.
 
Status
Für weitere Antworten geschlossen.

Neueste Beiträge

Zurück
Oben