06. april 2006 - 15:59Der er
5 kommentarer og 1 løsning
hvorfor kan jeg ikke det her?
Hejsa
Jeg har her et script som ikke virker...: <script language="Javascript"> function over(streng){ document.getElementById('' + streng + '').style.color='ff0000'; } function out(streng){ document.getElementById('' + streng + '').style.color='000000'; } </script> <a href="link.dk" id="link" onmouseover="over('[link]');" onmouseout="out('[link]');" style="font-family: Verdana; color: 000000; text-decoration: none;"> LINK </a>
og så et her som virker... som er næsten det samme: <script language="Javascript"> function over(streng){ document.getElementById('link').style.color='ff0000'; } function out(streng){ document.getElementById('link').style.color='000000'; } </script> <a href="link.dk" id="link" onmouseover="over('[link]');" onmouseout="out('[link]');" style="font-family: Verdana; color: 000000; text-decoration: none;"> LINK </a>
- det jeg gerne vil er at lave et java-script hvor man er uafhængig af ID´er... atlså hvor man ikke skal definere en unik ID for hver gang man skal bruge funktionen...
det som functionen skal er at lave om på nogle ting i formateringen ved nogle bestemte links på en side, når man fører musen henover nogle bestemte links...
parameteren "streng" er en variabel, så den skal bare bruges uden anførselstegn omkring:
<script language="Javascript"> function over(streng){ document.getElementById(streng).style.color='ff0000'; } function out(streng){ document.getElementById(streng).style.color='000000'; } </script> <a href="link.dk" id="link" onmouseover="over('link');" onmouseout="out('link');" style="font-family: Verdana; color: 000000; text-decoration: none;"> LINK </a>
Den id-uafhængige version kunne se således ud:
<script language="Javascript"> function over(obj){ obj.style.color='ff0000'; } function out(obj){ obj.style.color='000000'; } </script> <a href="link.dk" onmouseover="over(this);" onmouseout="out(this);" style="font-family: Verdana; color: 000000; text-decoration: none;"> LINK </a>
Synes godt om
Slettet bruger
06. april 2006 - 16:59#2
OK softspot - mange tak for hjælpen...
Mit script ser nu således ud: <script language="Javascript"> function over(obj){ obj.style.color='ff0000'; obj.style.font.weight='bold'; } function out(obj){ obj.style.color='000000'; obj.style.font-weight='normal'; } </script> <a href="link.dk" onmouseover="over(this);" onmouseout="out(this);" style="font-family: Verdana; color: 000000; font-weight: normal; font-size: 10; text-decoration: none;"> LINK </a>
- men hvorfor virker det ikke med ændring af "font-weight" i Java-scriptet?
-- bemærk også at en color-streng i css _skal_ have #-tegnet foran, hvis det skal have en chance for at fungere i mere end een browser:
obj.style.color='#000';
-- til gengæld er det tilladt at forkorte til tre tegn, hvis de parvis er ens: #aabbcc --> #abc !-)
Synes godt om
Ny brugerNybegynder
Din løsning...
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.