skriv et tegn onMouseOver

hvor browser venligt er x-browser-venligt?

Godt spørgsmål. Lad os bare sige IE 5+ og ingen NN.

<script>
function overHandler()
{
  var sender = event.srcElement;
  if (!sender.originalText)
    sender.originalHTML = sender.innerHTML;
  sender.innerHTML = "&middot" + sender.originalHTML;
}
function outHandler()
{
  var sender = event.srcElement;
  sender.innerHTML = sender.originalHTML;
}
</script>
<a href"" onmouseover="overHandler();" onmouseout="outHandler();">

Skulle naturligvis være:

function overHandler()
{
  var sender = event.srcElement;
  if (!sender.originalHTML)  //Denne linie ændret
    sender.originalHTML = sender.innerHTML;
  sender.innerHTML = "&middot" + sender.originalHTML;
}

Tusind tak, det virker perfekt! Jeg skylder dig 80 point.

Men jeg havde jo ikke lige tænkt på at linket skubbes frem pga. det indsatte tegn. Hvis nu jeg altid placerer 2 &nbsp; foran mit link - kan din funktion så ikke erstatte disse med tegn + 1 &nbsp;??
Kan man lave det sådan? Hvis du ikke kan/gider/har tid, så får du bare de 80 point - ellers skal du nok få 40 oveni for dette nye "tiltag"...

(((-; Guster

Eks:
Link = <a href>&nbsp;&nbsp; Her mit link</a>
V. onOver = &middot;&nbsp; Her mit link

<ole>

Hvorfor ikke lave det med et lille billede, du skifter src på? Det er da meget lettere  :)

/mvh
</bole>

olebole >>> Det lyder da som en rigtig god idè - efter lige at have gennemskuet hvad du mener... Hvordan gør jeg så det?

Det må gerne være så x-browser-venligt som muligt...

<a href="#" onmouseover="x=this.childNodes[0].src;this.childNodes[0].src='nytPic.gif'"
    onmouseout="this.childNodes[0].src=x"><img src="ditPic.gif" border="0">TEST</a>

Og hvis det skal være udenfor selve linket:

<span><img src="ditPic.gif" border="0">
<a href="#" onmouseover="x=this.parentNode.childNodes[0].src;this.parentNode.childNodes[0].src='nytPic.gif'"
    onmouseout="this.parentNode.childNodes[0].src=x">TEST</a>
</span>

Nu for lige at spørge dumt: Kan man ikke placere det meste (hele) koden oppe i headeren, for at gøre koden mere enkel hvis man skal bruge mange af de samme links??

Eller med en funktion:

var x;
function swapOver(elm) {
  x = elm.childNodes[0].src;
  elm.parentNode.childNodes[0].src = 'nytPic.gif';
}
function swapOut(elm) {
  elm.parentNode.childNodes[0].src = x;
}

<a href="#" onmouseover="swapOver(this)"
    onmouseout="swapOut(this);"><img src="ditPic.gif" border="0">TEST</a>

Og hvis over-billedet ikke altid er ens - 'ditPic.gif' kan jo evt være en transparent gif:

var x;
function swapOver(elm, p) {
  x = elm.childNodes[0].src;
  elm.parentNode.childNodes[0].src = p;
}
function swapOut(elm) {
  elm.parentNode.childNodes[0].src = x;
}

<a href="#" onmouseover="swapOver(this, 'nytPic.gif')"
    onmouseout="swapOut(this);"><img src="ditPic.gif" border="0">TEST</a>

Fino, men jeg kan ikke rigtig få den til at virke (altså den fra kl. 11:44:16).

*LoooL*  Det er der zq ikke noget at sige til  :)

var x;
function swapOver(elm) {
  x = elm.childNodes[0].src;
  elm.childNodes[0].src = 'nytPic.gif';
}
function swapOut(elm) {
  elm.childNodes[0].src = x;
}

... sorry  ;o)

Og den anden:

var x;
function swapOver(elm, p) {
  x = elm.childNodes[0].src;
  elm.childNodes[0].src = p;
}
function swapOut(elm) {
  elm.childNodes[0].src = x;
}

Yes, nu virker det. Sådan en <img> har det åbenbart med at skubbe teksten (som jo kommer lige efter) NED - i forhold til en fint vertikalt centreret position UDEN <img>??!!

Nå, men du må meget gerne poste et svar!! ((-;

Så du kan få point, altså! ((-;

host host...

80 til z42cool
80 til olebole

Det kommer an på størrelsen af billedet .... jeg har ingen problemer med det her  :)
/mvh