Men det, det handler om, er, at du har et objekt, som ikke ellers kan ses, og det skal så vises, når musen kommer over, så f.eks. sådan:
<script type="text/javascript">
colors = ["00FF00","FFFFFF"]; txts = ["Hej med dig<br>hi","Hrm ...<br>Farvel igen, så"]; defaultTxt = "OBS: Køre mousen over et link<br>kommer der en info text";
Nu satte jeg så teksterne i et array, fordi du så kan kopiere dine links i lange baner, her ses forskellen på link-id'et, som bruges til at slå op i arrayet ...
-- men hvis du vil have det anderledes, er det bare at bruge parametrene anderledes:
<script type="text/javascript">
overfave = "00FF00"; outfave = "FFFFFF";
function overface(lnk,farve,txt){ lnk.style.backgroundColor=farve; document.getElementById('txt').innerHTML=txt; }
function outface(lnk,farve){ lnk.style.backgroundColor=farve; document.getElementById('txt').innerHTML="OBS: Kør musen over et link<br>-- så kommer der en info text"; }
</script>
</body> <div id="txt"> OBS: Kør musen over et link<br>-- så kommer der en info text </div>
Du skal forøvrigt bemærke, at din kode principielt var forkert på et par måder:
-- en farveangivelse _skal_ starte med et #-tegn, hvis den er angivet med hex-koder (IE gætter på trods af, at standarden siger, at det er programmørens opgave !-)
-- et element er kun i document.all-arrayet eller document.getElementById-arrayet angivet ved dets id, men IE tillader, at man udelader document.all (som kun findes i IE og Opera !-), men da der jo nok lige er en anden browser hist og pist, er det dårlig kodestil at forvente, at javascript kender et objekt, som ikke er core ...
Derfor overfører jeg referencen til selve link-objektet med this og henter diven med .getElementById ...
Det er ikke tilladt at have to elementer med ens id, så det er en fejl, at begge links hedder link (hvilket iøvrigt også er et potentielt dårligt navn til andet end test-brug !-)
-- og du kan også bruge auto på overflow, for auto giver scrollbars, hvis teksten er for stor, så man alligevel kan læse den ved at scrolle, men det er vel irrelevant, når teksten går tilbage ved mouseout ...
Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.