Mouseover

Det kan gøres på flere forskellige måder. Jo flere browsers det skal være anvendeligt i jo mere indviklet bliver det. Skal det virke i mange browsers?

<img src=\"billede1.gif\" onMouseOver=\"this.src=\'billede2.gif\'; document.all[\'teksten\'].innerHTML = \'Dette er teksten\';\" onMouseOut=\"this.src=\'billede1.gif\'; document.all[\'teksten\'].innerHTML = \'\';\"

<span id=\"teksten\"></span>

Du kan placere ovenstående linie hvor du vil have teksten placeret

/SpEeDy

...Ja men det virker vist kun i IE 5.5+ ik\'?

<script>
function mo(bill,txt,billObj,txtObj) {
billObj.src = bill;
if (document.getElementById) document.getElementById(txtObj).innerHTML = txt;
else if (document.all) document.all[txtObj].innerHTML = txt;
else if (document.layers) document[\"ns\" + txtObj].document.write(txt);
}
</script>

Dit billede:

<img src=\"billede1.gif\" onMouseOver=\"mo(\'billede2.gif\',\'Se mit billede!\',this,\'minSpan\');\" onMouseOut=\"mo(\'billede1.gif\',\'\',this,\'minSpan\');\">

Dér hvor teksten skal fremkomme:

<div id=\"minSpan\"><layer id=\"nsminSpan\"></layer></span>

hono>> IE4+!

jeg ved ikke så meget om alt det med browserkompatibiliet. Så jeg ved ikke om det virker.

/SpEeDy

Mit virker til gengæld i NS4+ og IE4+!

Eller rettere sagt:

Det ville virke, hvis ikke jeg havde skrevet forkert! :)

Det sidste \"</span>\" skal skiftes ud med:
</div>

... Og så er det selvfølgelig en god idé lige at preloade billederne først, men det har du jo sikkert styr på! :)

Tak begge forslag funger så jeg deler pointsne mellem jer. 1000 tak

Takker, men tjek lige begge forslag i fx NS4.7 eller noget i den stil... **jus\' kidding**

... eller bare NS6! :)

folk kan bare lade være med  at bruge en skod-browser :)

Hvorfor køre NS ?

/SpEeDy

Den er langsommere generelt...den er grim (smagssag :))...det er for besværligt at skulle lave hjemmesider til :)

/SpEeDy

Jeg er enig med dig i, at Netscape ikke kan matche Internet Explorer, men man kan ikke sige den er grimmere! Desuden er der en del fordele ved NS, som nogle personer måske prioriterer højere, end andre gør, og derfor vælger denne browser. Altså: For at nå ud til et så bredt publikum som muligt bliver man nødt til at kode corss-browser, eller i det mindste lave to forskellige sider. Det andet med at udelukke på éns egne personlige bevæggrunde er noget værre pjat! :)

Desuden er NS nemmere til at lære dig at kode korrekt, da den for det meste ikke godtager sjusket og standard-brydende programmering.
Ex:

<input type=\"text\" value=\"Min tekst\">
... phoqer op i NS, mens IE tillader denne sjuskede version af det (længere, men) korrekte:

<form>
<input type=\"text\" value=\"Min tekst\">
</form>

hehe...selvfølgelig kan man ikke sige den er grimmere :) Derfor skrev jeg også (smagssag) i parantes.

Med hensyn til dit eksempel med input felter:
Hvorfor SKAL der være en <FORM> tag omkring ? Hvad nu hvis det ikke skal submittes det man skriver i felterne ?

/SpEeDy

Der skal være form-tags, fordi sådan har W3C valgt at sætte standarderne! Og det gælder om altid at stræbe efter det \"perfekte\" og \"mest reglementerede\" kodning!
Hvis man ikke vil have, at formen skal submittes, så skriver du bare således i vores lille eksempel:

<form onSubmit=\"return false;\">
<input type=\"text\" value=\"Min tekst\">
</form>

Hvordan kan jeg så egentlig gøre denne perfekt ?

Jeg synes selv jeg har gjort alt hvad jeg ved om at gøre det korrekt, men alligevel brokker den sig:

http://validator.w3.org/check?uri=http%3A%2F%2Fwww.espeedy.dk%2Ftest%2Findex.html&charset=%28detect+automatically%29&doctype=%28detect+automatically%29

/SpEeDy

Nu er jeg altså ikke ekspert indenfor emnet, men jeg tror, det har noget at gøre med, at du ikke skal bruge doctypen \"Strict\", men i stedet \"Transitional\". Så melder den nemlig ingen fejl.

okay, det er bare i orden.

/SpEeDy