<a id=18> mit id ansprechen ...
Guma
- https
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
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.
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
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
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
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
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
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
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
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
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
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
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
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
Genau Marian
ich will dass der Link unterstrichen wird. Habe schon fast aufgegeben.
Guma
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
Yup habs probiert und hat geklappt. Guma