1. Nachrichten
  2. Forum
    1. Unerledigte Themen
    2. Forenregeln
  3. Spenden
  • Anmelden
  • Registrieren
  • Suche
Alles
  • Alles
  • Artikel
  • Seiten
  • Forum
  • Erweiterte Suche
  1. camp-firefox.de
  2. psytec

Beiträge von psytec

  • Mousover Effekte mit Javascript und CSS

    • psytec
    • 10. Dezember 2004 um 15:53

    :oops: Soll ja vorkommen das man den Wald vor lauter Bäumen nicht mehr sieht!

    Kleines Problem große Wirkung, hatte vergessen das jscript nur von microsoft implementiert wird.

    Dumme Sache das - nu funzt es wieder prima...

    THX

  • Mousover Effekte mit Javascript und CSS

    • psytec
    • 10. Dezember 2004 um 14:39

    Hallo hab folgendes Problem. Für meine HP versuche ich folgendes Menü zu programmieren:

    Zitat

    <!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">

    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

    <script language="JavaScript1.2" type="text/jscript">
    function over_effect(e,state){
    if (document.all)
    source4=event.srcElement;
    else if (document.getElementById)
    source4=e.target;
    if (source4.className=="menulines")
    source4.style.borderStyle=state;
    else{
    while(source4.tagName!="TABLE"){
    source4=document.getElementById ? source4.parentNode : source4.parentElement;
    if (source4.className=="menulines")
    source4.style.borderStyle=state;}}}
    </script>

    <style type="text/css">
    <!--
    body {font-family:tahoma,serif;}
    .menulines {border:2.5px solid #F0F0F0;}
    .menulines a {text-decoration:none;
    color:black;
    font-family:tahoma, times, serif;
    font-size:10pt;}
    -->
    </style>
    </head>

    <body>
    <table border="0" width="140" cellspacing="5" cellpadding="5" onmouseover="over_effect(event,'outset')" onmouseout="over_effect(event,'solid')" onmousedown="over_effect(event,'inset')" onmouseup="over_effect(event,'outset')" style="background-color:#F0F0F0" align="center">
    <tr><td width="100%" bgcolor="#E6E6E6" align="center"><strong>Main Menu</strong></td></tr>
    <tr><td width="100%" class="menulines" align="center"><a href="#" target="_self">Link 1</a></td></tr>
    <tr><td width="100%" class="menulines" align="center"><a href="#" target="_self">Link 2</a></td></tr>
    <tr><td width="100%" class="menulines" align="center"><a href="#" target="_self">Link 3</a></td></tr>
    <tr><td width="100%" class="menulines" align="center"><a href="#" target="_self">Link 4</a></td></tr>
    <tr><td width="100%" class="menulines" align="center"><a href="#" target="_self">Link 5</a></td></tr>
    <tr><td width="100%" class="menulines" align="center"><a href="#" target="_self">Link 6</a></td></tr>
    <tr><td width="100%" class="menulines" align="center"><a href="#" target="_self">Link 7</a></td></tr>
    </table>
    </body>

    </html>

    Alles anzeigen

    Beim IE werden auch alle funktional bedingten Mouseover -out -up -down Effekte wie gewünscht dargestellt. Soll heißen Rahmen werden dargestellt wie über die CSS Formatierung gewünscht.

    FF 1.0 tut sich hier schwer soll heißen er nimmt die CSSFormatierungen erst gar nicht vor. ich vermute das mein Fehler im Script liegt (irgendwas in der Notation) komm aber nicht so richtig weiter.

    Wer kann helfen und Tipps geben?

Unterstütze uns!

Jährlich (2025)

104,5 %

104,5% (679,10 von 650 EUR)

Jetzt spenden
  1. Kontakt
  2. Datenschutz
  3. Impressum
Community-Software: WoltLab Suite™
Mastodon