Webstatt.org - Community seit 2006 - 2012 (2024?)

Problem mit Link innerhalb einer JS Variable

user-307
23.07.2006 17:18
Hi!

Ich habe in einer JS Variable einen Link gesetzt.
m1_1 = '<a href="test.php">test</a>';

Siese Variable wird beim MouseOver eines DIVs in das DIV Element hineingeladen.
<div id="testbox" onMouseOver="loadContent(this.id)"></div>

function loadContent(div) {

  document.getElementById(div).innerHTML = m1_1;

}

Wenn ich die Maus über das DIV Element mache, sehe ich den neuen Link. Soweit ok..
ABER: Im IE reagiert der Link weder auf das a:hover vom CSS (es ändert sich also nicht die Link Farbe), noch geht er auf test.php beim anklicken.
Im Firefox geht es. Fehler wirft der IE leider nicht.

Hier mal ein komplettes Beispiel zum testen:
<script language="JavaScript" type="text/javascript">

  m1_1 = '<a href="test.php">test</a>';



  function loadContent(div) {

    document.getElementById(div).innerHTML = m1_1;

  }

</script>

<div id="testbox" onMouseOver="loadContent(this.id);" style="position:absolute;top:10px;left:10px;width:170px;height:120px;border:1px solid #000000;"></div>


Wäre über jeden Rat dankbar!
.., Spark
Avatar user-255
23.07.2006 17:54
Wird die loadContent Funktion denn überhaupt erst aufgerufen?

Was spricht eigentlich gegen eine reine CSS Lösung? Wäre auch etwas benutzerfreundlicher,
denn JS ist nach wie vor böse schwarze Magie. zwinkern
Those who can, do. Those who can't, teach. # Musik gehört dem Volk! # last.fm
user-307
23.07.2006 18:32
Also im Firefox funktioniert es einwandfrei.
Wie stellst du dir die CSS Lösung vor?
.., Spark
Avatar user-255
23.07.2006 21:20
> Also im Firefox funktioniert es einwandfrei.

Ich meinte ja auch im IE..


> Wie stellst du dir die CSS Lösung vor?

Simple as that.. zwinkern
a{display:block;width:100px;height:10px;text-indent:-999em}

a:hover{text-indent:0}

--

<a href="#">blubb! lächeln</a>
Those who can, do. Those who can't, teach. # Musik gehört dem Volk! # last.fm