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

Probleme und Fragen zu JavaScript und HTML

Discussion in 'Web-Know-how für die Homepage' started by killerbees19, Apr 6, 2006.

Thread Status:
Not open for further replies.
  1. killerbees19

    killerbees19 Kbyte

    Ich hätte da noch einige Fragen gehabt:
    Bei manchen Websiten wird in Browser wie Opera ein kleines eigenes Icon zur Seite angezeigt, wie kann man das machen?

    Ich wollte einen Rollover-Effekt erzeugen, habe das JavaScript aus einem Buch abgeschrieben, jedoch funktioniert es nicht! Weiß einer vielleicht bitte eine Lösung? Das JavaScript sieht so aus, das steht im Head-Bereich
    und das im Body-Bereich wo das Bild angezeigt werden soll

    :bitte: um Hilfe.

    MfG Christian
     
    killerbees19, Apr 6, 2006
    #1
  2. Michi0815

    Michi0815 Guest

    Michi0815, Apr 6, 2006
    #2
  3. killerbees19

    killerbees19 Kbyte

    Erstens, danke für den Link.
    Zweitens, die Bilddateien sind vorhanden. Als Fehlermeldung kommt:
     
    killerbees19, Apr 6, 2006
    #3
  4. kalweit

    kalweit Hüter der Glaskugel

    Och, wer arbeitet denn noch mit so einer alten Syntax. Ich versuchs mal:

    document.images[imageName].src = ...
     
    kalweit, Apr 6, 2006
    #4
  5. killerbees19

    killerbees19 Kbyte

    Bitte Hilfe, weiß keiner eine Antwort?
     
    killerbees19, Apr 6, 2006
    #5
  6. killerbees19

    killerbees19 Kbyte

    killerbees19, Apr 6, 2006
    #6
  7. cyberwarrior

    cyberwarrior Kbyte

    Rollovers solltest Du mit CSS machen. Ist eleganter und barrierefreier. Außerdem ziemlich easy zu lösen.

    <head>
    <title>Mouse Over</title>
    <style>
    .button {width: 150px; height: 30px;}
    .button a {width: 150px; height: 30px; background: #fff url(bild1.gif);}
    .button a:hover {background: #fff url(bild2.gif);}
    </style>
    </head>

    <body>
    <div class="button">
    <a href="#"> </a>
    </div>
    </body>
     
    cyberwarrior, Apr 6, 2006
    #7
  8. kalweit

    kalweit Hüter der Glaskugel

    @cyberwarrior

    Das hilft nur halb, da die Geckos <a> konsequenter Weise als Inlineelement deklarieren, d.h. div. Rahmen- und Größenformatierungen nicht funktionieren.

    Code:
    <head>
<title>Mouse Over</title>
<style>
a.button {
display:block;
width: 150px;
height: 30px;
background: #fff url(bild1.gif);
}
a.button:hover {
background: #fff url(bild2.gif);
}
</style>
</head>

<body>

<a href="#" class="button">test</a>

</body>
     
    kalweit, Apr 6, 2006
    #8
  9. cyberwarrior

    cyberwarrior Kbyte

    tut mir leid, kann ich nicht nachvollziehen. Die erwähnte Methode funktioniert in IE, FF, Netscape & Opera und auch die Größenangaben stimmen exakt.

    P.S. okay, man sollte die Klasse .button a noch um {display: block;} ergänzen...
     
    cyberwarrior, Apr 6, 2006
    #9
  10. kalweit

    kalweit Hüter der Glaskugel

    Hab nochmal getestet: Weder FF 1.0.x noch Seamonkey wollen bei mir die Größen für <a> übernehmen (beide in der Standardinstallation ohne Erweiterungen oder Plugins unter w2k)

    [​IMG]
     
    kalweit, Apr 6, 2006
    #10
  11. kalweit

    kalweit Hüter der Glaskugel

    Aha :) und damit kann man den div-Container gleich weg lassen ;)
     
    kalweit, Apr 6, 2006
    #11
  12. cyberwarrior

    cyberwarrior Kbyte

    funktioniert einwandfrei auf folgenden Browsern:

    ie 5.0
    ie 5.5
    ie 6.0
    Firefox 1.5
    Opera 6
    Opera 8
    Netscape 6
    Netscape 7
    Mozilla 1.4
    K-Meleon

    mehr hab ich nicht installiert, aber das reicht ja auch, denke ich... :rolleyes:
     
    cyberwarrior, Apr 6, 2006
    #12
Thread Status:
Not open for further replies.

Share This Page