Benjamin: Bildertausch unter altem NS macht Probleme.

Hallo Leute

Ich habe mich schon im Archiv umgesehen, kann aber leider keine passende Antwort finden, so dass ich das Thema ansprechen muss. Meinen Eintrag vor 1 1/2 Wochen (kurz vor Forumpause) finde ich irgendwie nicht wieder.

Ich habe hier ein Script, welches bei onMouseOver Bilder tauscht.
In Kürze:

------------------------schnipp-----------------------<

<td><img src="../images/Raum_S_02.gif" width="115" height="121" border="0" alt="S2" id="S2"></td>
....
<tr><td><p><nobr><a href="../list_xx.html" onMouseOver="document.S2.src='../images/Raum_S_02a.bmp'" onMouseOut="document.S2.src='../images/Raum_S_02.gif'">Nachname, Vorname</a></nobr></p></td></tr>

------------------------schnapp-----------------------<

Es wird ein css verwendet, jedoch nur für die Schrift.
Ich habe keinen <script>, <div>, oder sonstige Zusatz-Tags.

Unter Netscape 7.0 funktioniert das Script, jedoch nicht unter 4.78.
Ich habe schon in Erfahrung gebracht, dass es früher das Attribut "id" nicht gab, aber mit "name" funktioniert es auch nicht.
Ich möchte das Script möglichst klein halten.

Auch wenn es Netscape "nicht mehr gibt" (http://www.heute.t-online.de/ZDFheute/artikel/26/0,1367,COMP-0-2055802,00.html), ist das Problem für mich noch interessant.

Hoffe mir kann jemand helfen.

MfG, Benjamin

  1. hi,

    <img src="../images/Raum_S_02.gif" width="115" height="121" border="0" alt="S2" id="S2">

    NC 4.x braucht zusaetzlich das name-Attribut:
    id="S2" name="S2"

    Gruss Jo

    1. Hi Jo,

      ich hatte in meiner Anfrage doch geschrieben, dass es damit auch nicht funktioniert.
      Es findet kein Bildwechsel statt. Zustätzlich sieht es so aus, als können nicht einmal die Links (<a>) ausgeführt werden. In Wirklichkeit scheint der Link nurnoch 1 Pixel hoch zu sein, die Schrift ist jedoch ca. 10-12 Pixel hoch.

      Die Console meldet dann zwar keinen Fehler mehr (vorher "Name of Object not found" (oder so)), aber es funktioniert leider nicht.

      MfG, Benjamin

      <img src="../images/Raum_S_02.gif" width="115" height="121" border="0" alt="S2" id="S2">

      NC 4.x braucht zusaetzlich das name-Attribut:
      id="S2" name="S2"

  2. Ich habe hier ein Script, welches bei onMouseOver Bilder tauscht.
    In Kürze:

    ------------------------schnipp-----------------------<
    <td><img src="../images/Raum_S_02.gif" width="115" height="121" border="0" alt="S2" id="S2"></td>
    ....
    <tr><td><p><nobr><a href="../list_xx.html" onMouseOver="document.S2.src='../images/Raum_S_02a.bmp'" onMouseOut="document.S2.src='../images/Raum_S_02.gif'">Nachname, Vorname</a></nobr></p></td></tr>

    Kan Netscape 4 bmp anzeigen?

    Ansonsten funktioniert sowas bei mir zumindest einwandfrei, wenn du dem Bild noch ein name Attribut spendierst.

    Struppi.

    P.S. wozu dient eigentlich das <nobr>? ist das ein gültiges HTML Element? Ich benutzte eher <td nowrap> oder statt Leerzeichen

    1. Kan Netscape 4 bmp anzeigen?

      Ansonsten funktioniert sowas bei mir zumindest einwandfrei, wenn du dem Bild noch ein name Attribut spendierst.

      Struppi.

      P.S. wozu dient eigentlich das <nobr>? ist das ein gültiges HTML Element? Ich benutzte eher <td nowrap> oder statt Leerzeichen

      Das <nobr>-Tag hat die selbe Funktion, wie dein <td/tr noweap>. Allerdings ist deine Version erst ab Netscape 6.x verfügbar.
      Das <nobr> ist einfach älter und unabhängig von der Tabelle (textgebunden).

      Die Anmerkung mit dem BMP ist eine Überlegung wert. Werde ich mal ausprobieren. Schonmal Danke im Vorraus.
      Das name-Attribut hat die Grafik bereits.

      Ganz klar ist mir dennoch nicht, warum der auszuführende Link nur 1 Pixel hoch ist, die Schriftart jedoch normal mit 10-12 Pixeln angezeigt wird.

      benutze ich nur, wenn ich mehrere Leerzeichen nacheiander brauche, oder wenn eine leere Zelle/Tabelle auf jeden Fall einen Rahmen bzw. "Wert" haben soll.

      MfG, Benjamin

      1. Hallo,

        Die Anmerkung mit dem BMP ist eine Überlegung wert. Werde ich mal ausprobieren.

        ( )

        Ganz klar ist mir dennoch nicht, warum der auszuführende Link nur 1 Pixel hoch ist, die Schriftart jedoch normal mit 10-12 Pixeln angezeigt wird.

        "Es wird ein css verwendet, jedoch nur für die Schrift."

        URI, Code posten usw....

        Grüsse

        Cyx23

        1. Hallo Cyx23

          Die Anmerkung mit dem BMP ist eine Überlegung wert. Werde ich mal ausprobieren.

          Ist übrigens so, dass NS 4 kein BMP anzeigen kann. Das kann natürlich auch ein Grund für den fehlenden Bildwechsel sein. Ob es funktioniert, wenn ich es in jpg umwandel kann ich morgen berichten.

          Ganz klar ist mir dennoch nicht, warum der auszuführende Link nur 1 Pixel hoch ist, die Schriftart jedoch normal mit 10-12 Pixeln angezeigt wird.
          "Es wird ein css verwendet, jedoch nur für die Schrift."
          URI, Code posten usw....

          HIER NOCH EINMAL DER LINK IN DER HTML-DATEI:

          ---------------------------------schnipp-----------------------------<

          <tr><td><p><nobr><a href="../ma/list_xx.html"
                     onMouseOver="document.S12.src='../images/Raum_S_12b.bmp'" onMouseOut="document.S12.src='../images/Raum_S_12.gif'">Nachname, Vorname</a></nobr></p></td></tr>

          ---------------------------------schnapp-----------------------------<

          UND HIER DAS SCRIPT: (etwas gekürzt)

          ---------------------------------schnipp-----------------------------<

          H2, H3, p, td, ul, ol { font-family: Verdana, Arial, sans-serif; }
          H2 { font-size: 15px; font-weight: bold; } /*.headline*/
          H3 { font-size: 12px; font-weight: bold; } /*.subline*/
          p { font-size: 11px; line-height: 14px;  font-weight: normal; margin-bottom: 0px; margin-top:8px } /* copytext */
          a:link   {text-decoration:none; color:#00319C;}
          a:visited {text-decoration:none; color:#00319C; }
          a:active  {text-decoration:none; color:#00319C;}

          /*HTML Navigation, Frame: navigation*/
          #navibg {background-color:#7f92b2;} /*Hintergrundfarbe Seite*/
          .levelone {font-family: Arial; font-size: 12px; font-weight: bold; line-height: 14px }
          a.levelone { text-decoration:none; color: #333333 }
          a.levelone:visited { text-decoration:none; color: #333333 }
          a.levelone:hover { text-decoration:none; color: #99A8C1 }
          a.levelone:active { text-decoration:none; color: #99A8C1 }

          p.unterpunktFrst { line-height: 15px; padding-left: 15px; margin-top: 6px; }  /* 1. Untermenü */
          p.unterpunkt { line-height: 15px; padding-left: 15px; margin-top: 0px; } /* Untermenü */
          p.unterpunktLst { line-height: 15px; padding-left: 15px; margin-top: 0px; margin-bottom: 6px; }  /* letzter Eintrag Untermenü */
          p.unterpunktSingle { line-height: 15px; padding-left: 15px; margin-top: 6px; margin-bottom: 6px; }  /* einzelner Eintrag Untermenü */

          /*Navigation, Frame: topnavi*/
          td.topnavibg { background-image:url(images/tpn_menucellback.gif); background-color: #0066B4; }
          td.topnavirubrik {font-size: 18px; font-weight: bold; text-align: left; vertical-align:middle; background-color: #0066B4; } //_background-image:url(images/tpn_menucellback.gif); }
          td.topnavistreifen { background-image:url(images/tpn_streifen.gif); background-color: #FFFF00; width:63px; }
          td.topnaviglinks { font-size: 10px; font-weight: bold; color: #99A8C1; background-image:url(images/tpn_menucellback.gif); background-color: #99A8C1;}
          td.topnaviborder { background-image:url(images/tpn_menucellborder.gif); background-color: #99A8C1; }

          /*Bottomframe*/
          td.btm {font-size: 11px; font-weight: normal; vertical-align:middle; text-align: right; background-image:url(images/01/btm_menucellback.gif);  }

          /*Seitennavigation, Frame: content*/
          td.pgnaviglinks { font-size: 11px; font-weight: normal; text-align:center; }
          td.pgavibg {background-color: #99A8C1; } /*#00319C*/

          /*Tabellen  u. Formulare, allgemein*/
          .headline {font-family: Verdana, Arial, sans-serif; font-size: 15px; font-weight: bold }
          .subline {font-family: Verdana, Arial, sans-serif;  font-size: 12px; font-weight: bold }
          td.tablebold { font-size: 12px; font-weight: bold; color:white; background-color: #99A8C1; }
          td.tablenormal { font-size: 11px; font-weight: normal; background-color: #CCD3E0; }
          td.tableklein { font-size: 10px; font-weight: normal; background-color: #CCD3E0; }
          td.lstmail { font-size:11px; font-weight: normal; text-align:left; background-color: #F5F5F5;} /*gerade Zeilen Mailliste*/
          td.ctlCell { background-color: #CCD3E0;  vertical-align:middle; }
          .ctlFont { font-family: Verdana, Arial, sans-serif; font-size: 11px; font-weight: normal } /* Fontformatierung Eingabeelemente*/
          #cursor { cursor:default;}

          ---------------------------------schnapp-----------------------------<

          MfG, Benjamin

          1. Hallo Benjamin,

            "Es wird ein css verwendet, jedoch nur für die Schrift."

            auch hier sollte es eigentlich naheliegend sein, Teile des CSS auszukommentieren bis der Übeltäter gefunden ist.

            Und "Es wird ein css verwendet, jedoch nur für die Schrift." ist sowieso ein unstimmiger Ansatz, dein Problem hat auch nur mit "Schrift" als Link zu tun, und line-height oder hier margin sind ziemlich wirkungsvoll.

            Grüsse

            Cyx23

            p.s.

            um vor Netscape 4 zu verstecken kannst du z.B. eine einfache CSS-Weiche innerhalb des Stylesheets per * verwenden.

      2. Kan Netscape 4 bmp anzeigen?

        Ansonsten funktioniert sowas bei mir zumindest einwandfrei, wenn du dem Bild noch ein name Attribut spendierst.

        Struppi.

        P.S. wozu dient eigentlich das <nobr>? ist das ein gültiges HTML Element? Ich benutzte eher <td nowrap> oder statt Leerzeichen

        Das <nobr>-Tag hat die selbe Funktion, wie dein <td/tr noweap>. Allerdings ist deine Version erst ab Netscape 6.x verfügbar.

        Das stimmt nicht, sogar mein Netscape 3 macht <td nowrap>.

        Das <nobr> ist einfach älter und unabhängig von der Tabelle (textgebunden).

        Naja wenn du einen Text hast, der nicht umgebrochen werden soll, ist   die erste Wahl.

        <nobr> hab ich noch nie benutzt, deshalb hab ich gefragt.

        Struppi.

        1. Hallo Stuppi

          Das stimmt nicht, sogar mein Netscape 3 macht <td nowrap>.

          Du hast recht. Ich habe im Syntaxverzeichnis von SelfHTML nachgesehen und dort den NS-Hinweis gefunden. Wenn ich genauer gelesen hätte, wäre mir aufgefallen, dass das nur für das angesprochene CSS galt.

          Naja wenn du einen Text hast, der nicht umgebrochen werden soll, ist   die erste Wahl.

          Nette Idee. Ist mir jedoch zu aufwendig, jedes Mal   einzubauen und macht den Text auch schwer lesbar.
          Wußte gar nicht, dass der Text nicht umgebrochen wird, wenn ich das Leerzeichen über einen Sonderbegriff einfüge.
          Das ermöglicht natürlich ganz neue Möglichkeiten. Damit könnte ich ja dann verhindern, dass Namen wie VW Golf durch einen Umbruch in 2 gerissen werden! Danke!!

          <nobr> hab ich noch nie benutzt, deshalb hab ich gefragt.

          Haben wir beide was vom anderen gelernt. Ist doch suppi! :-)

          MfG, Benjamin

          1. Wußte gar nicht, dass der Text nicht umgebrochen wird, wenn ich das Leerzeichen über einen Sonderbegriff einfüge.
            Das ermöglicht natürlich ganz neue Möglichkeiten. Damit könnte ich ja dann verhindern, dass Namen wie VW Golf durch einen Umbruch in 2 gerissen werden!

            genau dafür ist es gedacht (auch zum Beispiel bei sowas 100 cm)

            nbsp heißt 'non breaking space' ;-)

            Struppi.

  3. Hallo Leute!

    Die Probleme sind behoben!!!

    Die ERGEBNISSE zum nachschlagen:

    1. Der Netscape 4.x kann keine BMP-Dateien anzeigen. Daher funktionierte der Bildwechsel auch dann nicht, wenn man das "id"-Tag um das alte "name"-Tag erweitert hat.
    Mit GIF, bzw. JPG-Bildern funktioniert der Wechsel jetzt.

    2. Meine Links waren unter Netscape 4.x nur 1 Pixel hoch.
    Die Ursache dafür lag im CSS und anscheinend bei der Definition des Tags:
    p { font-size: 11px; line-height: 14px;  font-weight: normal; margin-bottom: 0px; margin-top:8px }
    Warum genau, kann ich nicht sagen, aber das wäre rausfindbar, wenn man die Attribute einzeln rausnehmen würde.

    Es funktioniert mit folgender Definition:
    p {font-size: 11px; line-height: 14px;  font-weight: normal; text-align:justify; margin-top:0px}

    3. Das Bildtauschscript funktionierte also problemlos.

    Vielen Dank an Struppi und Cyx23 für Ihre Ideen und Hilfestellungen!

    MfG, Benjamin

    Ich habe hier ein Script, welches bei onMouseOver Bilder tauscht.
    In Kürze:

    ------------------------schnipp-----------------------<
    <td><img src="../images/Raum_S_02.gif" width="115" height="121" border="0" alt="S2" id="S2" name="S2"></td>
    ....
    <tr><td><p><nobr><a href="../list_xx.html" onMouseOver="document.S2.src='../images/Raum_S_02a.bmp'" onMouseOut="document.S2.src='../images/Raum_S_02.gif'">Nachname, Vorname</a></nobr></p></td></tr>
    ------------------------schnapp-----------------------<
    Es wird ein css verwendet. Siehe: http://forum.de.selfhtml.org/?t=55609&m=310721 .
    Ich habe keinen <script>, <div>, <span>, oder sonstige Zusatz-Tags.