Guma: <a id=18> mit id ansprechen ...

Hallo und guten Tag, ich habe einen Link auf einem Bild:

<a onMouseOver="document.getElementById(link18").className =  "hover"; href="referenzen.php"><img> ...</img>

Ich will diesen Text-Link jetzt ansprechen (bei Bildberührung als underlined darstellen):

<a  id="link37" class="weiter" alt="Skiausflug" href="referenzen-details.php">

Geht nicht. was habe ich falsch definiert?
Grüße von Guma

  1. Hi,

    <a onMouseOver="document.getElementById(link18").className =  "hover"; href="referenzen.php"><img> ...</img>

    wie wäre es erstmal mit sinnvollem quoten? Schau die mal die Positionen der " an. Der onmouseover-Aufruf endet bei ...getElementById(link18". Das willst du ja nicht oder?

    Gruß,
    Thorsten F.

    1. Danke für die Info,
      <a onMouseOver="document.getElementById(link18).className = "hover""; href="referenzen.php"><img> ...</img>

      Ich will diesen Text-Link jetzt ansprechen (bei Bildberührung als underlined darstellen):

      <a  id="link37" class="weiter" alt="Skiausflug" href="referenzen-details.php">

      So gut? Funktionier nicht.

      Guma

      1. hi,

        <a onMouseOver="document.getElementById(link18).className = "hover""; href="referenzen.php"><img> ...</img>

        Ist link18 jetzt eine von dir definierte Variable?
        Und sinnvoll gequotet ist das immer noch nicht - der Wert deines onmouseover-Attributes endet bei "hover

        Ich will diesen Text-Link jetzt ansprechen (bei Bildberührung als underlined darstellen):

        Und warum willst du dafür mit Javascript rumhampeln?

        Dein Bild liegt im Link, also tritt a:hover ein.
        Formatiere entsprechend.

        gruß,
        wahsaga

        --
        /voodoo.css:
        #GeorgeWBush { position:absolute; bottom:-6ft; }
        1. Hallo wahsager,

          danke für die Hilfe. Mein Bild liegt nicht im <a> -Tag, da der Link zwei Tabellenreihen und Spalten weiter unten liegt.

          Deshalb der Versuch mit JS. Sonst hätte ich einfach das Bild im <a> gehabt.

          Grüße Guma

          1. hi,

            Mein Bild liegt nicht im <a> -Tag, da der Link zwei Tabellenreihen und Spalten weiter unten liegt.

            Deshalb der Versuch mit JS.

            OK, dann beseitige da jetzt mal die Fehler.

            gruß,
            wahsaga

            --
            /voodoo.css:
            #GeorgeWBush { position:absolute; bottom:-6ft; }
            1. Hallo Wahsager,

              <a onMouseOver="document.getElementById(link37).class =  'hover';" href="referenzen.php"><img ...

              ist soweit drin. geht aber nicht.

              ich will folgende definition im CSS asprechen:

              A.weiter:hover  {color: #ea3009; TEXT-DECORATION: underline}

              Wie kann ich das bewerkstelligen?

              Gruß Guma

              1. Hi,

                <a onMouseOver="document.getElementById(link37).class =  'hover';" href="referenzen.php"><img ...
                ist soweit drin. geht aber nicht.

                natürlich nicht. Ich unterstelle, dass Du weder die JavaScript-Variable(!) link37 erzeugt und befüllt hast, noch, dass Dein Wechsel von der className- zur class-Eigenschaft gewollt war.

                ich will folgende definition im CSS asprechen:
                A.weiter:hover  {color: #ea3009; TEXT-DECORATION: underline}

                Dazu muss sich die Maus über dem entsprechenden Link befinden. Eine Klasse ist keine Pseudoklasse.

                Wie kann ich das bewerkstelligen?

                Fange erst mal innen an und gehe dann Schritt für Schritt weiter.

                Cheatah

                --
                X-Self-Code: sh:( fo:} ch:~ rl:° br:> n4:& ie:% mo:) va:) de:] zu:) fl:{ ss:) ls:~ js:|
                X-Self-Code-Url: http://emmanuel.dammerer.at/selfcode.html
                X-Will-Answer-Email: No
                X-Please-Search-Archive-First: Absolutely Yes
                1. Hi Cheatah,

                  Ich unterstelle, dass Du weder die JavaScript-Variable(!) link37 erzeugt und befüllt hast, noch, dass Dein Wechsel von der className- zur class-Eigenschaft gewollt war.

                  Stimmt, soweit bin ich jetzt: (mit einer Klasse kann ich es schon umsetzen, nur wie schaffe ich das mit einem hover (underline!) ich will ja nur :hover vom Link ansprechen:

                  onMouseOver="document.getElementById('link37').className='Stil1';"

                  Grüße Guma

                  1. Hi,

                    ich will ja nur :hover vom Link ansprechen:

                    das geht nicht. Insbesondere kannst Du keine Pseudoklasse durch das Setzen einer Klasse triggern. Niemand hindert Dich aber, einen entsprechenden Selektor im CSS-Code vorzubereiten.

                    Cheatah

                    --
                    X-Self-Code: sh:( fo:} ch:~ rl:° br:> n4:& ie:% mo:) va:) de:] zu:) fl:{ ss:) ls:~ js:|
                    X-Self-Code-Url: http://emmanuel.dammerer.at/selfcode.html
                    X-Will-Answer-Email: No
                    X-Please-Search-Archive-First: Absolutely Yes
                    1. Hallo Cheatah
                      jetzt komme ich weiter, das werde ich jetzt packen. Dankre für Die Hilfe! melde mich sobald ich es habe.
                      Danke für Geduld und Ausdauer. Grüße Guma

            2. Hallo wahsager,

              <a onMouseOver="document.getElementById('link37').style.color='blue';"

              geht schon mal. Nur wie spreche ich den Link -im CSS definiert- an?

              A.weiter:hover  {color: #ea3009; TEXT-DECORATION: underline}

              oder soll ich einen style anlegen der die Fraben und Stiele hat wie Hover?

              Hab ichs denn mit einer Pseudoklasse zu tun?
              Grüße Guma

      2. Moin

        Eher so:

        <a onMouseOver="document.getElementById('link37').className = 'hover'" href="referenzen.php"><img> ...</img>

        Es gibt auch einfache Anführungszeichen!

        Ich nehme an die Zahl 18 war nicht absichtlich falsch? Und das ; war hier deplaziert.

        hover als Name für eine Klasse halte ich für denkbar ungeschickt, da es zur Verwechslung mit :hover führt.

        Gruß
        rfb

        --
        Man kann einen Menschen nichts lehren, man kann ihm nur helfen, es selbst zu entdecken.
        (Galileo Galilei)
        1. Hallo rfb,

          hover als Name für eine Klasse halte ich für denkbar ungeschickt, da es zur Verwechslung mit :hover führt.

          In diesem Fall nicht - .hover soll hier ja die gleiche Wirkung haben wie :hover.

          Viele Grüße aus Freiburg,
          Marian

          --
          Microsoft broke Volkswagen's world record: Volkswagen made only 22 million bugs!
          <!--[if IE]><meta http-equiv="refresh" content="0; URL=http://www.getfirefox.com"><[endif]-->
          1. Genau Marian
            ich will dass der Link unterstrichen wird. Habe schon fast aufgegeben.

            Guma

            1. Moin

              ich will dass der Link unterstrichen wird. Habe schon fast aufgegeben.

              das war gar nicht das hier diskutierte Problem.
              Hast du übrigens o.g. Änderungen mal ausprobiert?

              Gruß
              rfb

              --
              Man kann einen Menschen nichts lehren, man kann ihm nur helfen, es selbst zu entdecken.
              (Galileo Galilei)
              1. Yup habs probiert und hat geklappt. Guma