1. Liebe Forumsgemeinde,

    aufgrund der Bestimmungen, die sich aus der DSGVO ergeben, müssten umfangreiche Anpassungen am Forum vorgenommen werden, die sich für uns nicht wirtschaftlich abbilden lassen. Daher haben wir uns entschlossen, das Forum in seiner aktuellen Form zu archivieren und online bereit zu stellen, jedoch keine Neuanmeldungen oder neuen Kommentare mehr zuzulassen. So ist sichergestellt, dass das gesammelte Wissen nicht verloren geht, und wir die Seite dennoch DSGVO-konform zur Verfügung stellen können.
    Dies wird in den nächsten Tagen umgesetzt.

    Ich danke allen, die sich in den letzten Jahren für Hilfesuchende und auch für das Forum selbst engagiert haben. Ich bin weiterhin für euch erreichbar unter tti(bei)pcwelt.de.
    Dismiss Notice

onmouseover--wie geht das?

Discussion in 'Web-Know-how für die Homepage' started by Falke 2000, Oct 1, 2007.

Thread Status:
Not open for further replies.
  1. Falke 2000

    Falke 2000 Kbyte

    hi, kenne mich mit javascript bzw. css gar nicht aus. suche nun eine möglichkeit, um ein kleines fenster(kasten mit text drin, oder so was ähnliches wie hier der pfeil bei "Mein System") anzeigen zu lassen, wenn man mit der maus auf einen bestimmten text geht.

    geht das mit onmouseover, wenn ja, wie?
     
  2. dummerl

    dummerl Kbyte

  3. Falke 2000

    Falke 2000 Kbyte

    danke für die schnelle hilfe, werde mal schauen


    ok habe onmouseover jetzt verstanden, aber wie mache ich das mit dem kasten, der dann erschreinen soll?
     
  4. Falke 2000

    Falke 2000 Kbyte

    ok habe onmouseover jetzt verstanden, aber wie mache ich das mit dem kasten, der dann erschreinen soll?


    statt "Ein Tag" soll ein Kasten mit einem Text erscheinen. Z.B. "Der Montag ist kein schoner Tag<br><br>Denn da ist das Wochenende vorbei"

    Der Kasten sollte die obere linke Ecke am Mauszeiger haben



    ThX im Voraus
     
  5. dummerl

    dummerl Kbyte

    so z.B.:

    Code:
    <html>
    <head>
    <title>onmouseover_kasten</title>
    <meta name="author" content="Holger">
    <script type="text/javascript">
    function istda ()
             {
             document.getElementById(0).innerHTML ='Kasten ist da';
             derkasten = document.getElementById(1).style;
             derkasten.visibility = "visible";
             }
    
    function istweg ()
             {
             document.getElementById(0).innerHTML ='Kasten ist weg';
             derkasten.visibility = "hidden";
             }
    </script>
    <style type="text/css">
    td    	{font:bold 12pt Arial;
             color:#213E87;
             border: solid 3px;
             border-color:#759AF9;
    	}
    .kasten {
    	position: absolute; left:150px; top:200px;
             padding: 8px;
             font:bold 12pt Arial;
             background-color:#C3B5B5;
             visibility:hidden;
             }
    </style>
    
    
    </head>
    <body text="#000000" bgcolor="white" link="#FF0000" alink="#FF0000" vlink="#FF0000">
    
    <table>
           <tr>
      	<td id="0" onmouseover="istda ()" onmouseout="istweg ()" >Kasten</td>
           </tr>
    </table>
    <p class="kasten" id="1">Der Montag ist... <br>Wochenend rum</p>
    </body>
    </html>
    gruß
    dummerl
     
  6. Falke 2000

    Falke 2000 Kbyte

    danke, das ist es doch, wie das mit der position an der maus geht, finde ich schon noch raus. :danke:
     
Thread Status:
Not open for further replies.

Share This Page