Søg
Avatar billede zkizo Nybegynder
09. oktober 2003 - 17:59 Der er 7 kommentarer og
1 løsning

En "hover" effekt

Når man markere punkterne med et "." foran skal den hove til 294563.. ex på tekst ". Links" skal hove til 294563. Alle uden "." foran skal altså IKKE hove.. Koden:

<tr>
              <td width="100%"><font color="#FFFFFF" face="Verdana" size="2"><b>Information</b></font></td>
            </tr>
            <tr>
              <td width="100%" ><font color="#FFFFFF" face="Verdana" size="2">.
                About us</font></td>
            </tr>
            <tr>
              <td width="100%"><font color="#FFFFFF" face="Verdana" size="2">.
                The Crew</font></td>
            </tr>
            <tr>
              <td width="100%"><font color="#FFFFFF" face="Verdana" size="2">.
                Contact</font></td>
            </tr>
            <tr>
              <td width="100%"><font color="#FFFFFF" face="Verdana" size="2"><b>Downloads</b></font></td>
            </tr>
            <tr>
              <td width="100%"><font color="#FFFFFF" face="Verdana" size="2">.
                Maps</font></td>
            </tr>
            <tr>
              <td width="100%"><font color="#FFFFFF" face="Verdana" size="2">.
                Server stuff</font></td>
            </tr>
            <tr>
              <td width="100%"><font color="#FFFFFF" face="Verdana" size="2">.
                Pod Bot</font></td>
            </tr>
            <tr>
              <td width="100%"><font color="#FFFFFF" face="Verdana" size="2">.
                Misc</font></td>
            </tr>
            <tr>
              <td width="100%"><font face="Verdana" size="2" color="#FFFFFF"><b>Misc.</b></font></td>
            </tr>
            <tr>
              <td width="100%"><font face="Verdana" size="2" color="#FFFFFF">.
                Links&nbsp;</font></td>
            </tr>
            <tr>
              <td width="100%"><font face="Verdana" size="2" color="#FFFFFF">.
                Forum</font></td>
            </tr>
            <tr>
              <td width="100%"><font face="Verdana" size="2" color="#FFFFFF">.
                Condition Zero</font></td>
            </tr>
Avatar billede medions Nybegynder
09. oktober 2003 - 17:59 #1
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
    <title>Untitled</title>
    <script language="JavaScript">
            function colorThis(what, color) {
                document.getElementById(what).style.backgroundColor= color;
            }
    </script>
</head>

<body bgcolor="#000000">

<table>
              <tr>
              <td width="100%"><font color="#FFFFFF" face="Verdana" size="2"><b>Information</b></font></td>
            </tr>
            <tr>
              <td width="100%" id="1" onmouseover="colorThis(this.id, '#294563');" onmouseout="colorThis(this.id, '#000000');"><font color="#FFFFFF" face="Verdana" size="2">.
                About us</font></td>
            </tr>
            <tr>
              <td width="100%"><font color="#FFFFFF" face="Verdana" size="2">.
                The Crew</font></td>
            </tr>
            <tr>
              <td width="100%"><font color="#FFFFFF" face="Verdana" size="2">.
                Contact</font></td>
            </tr>
            <tr>
              <td width="100%"><font color="#FFFFFF" face="Verdana" size="2"><b>Downloads</b></font></td>
            </tr>
            <tr>
              <td width="100%"><font color="#FFFFFF" face="Verdana" size="2">.
                Maps</font></td>
            </tr>
            <tr>
              <td width="100%"><font color="#FFFFFF" face="Verdana" size="2">.
                Server stuff</font></td>
            </tr>
            <tr>
              <td width="100%"><font color="#FFFFFF" face="Verdana" size="2">.
                Pod Bot</font></td>
            </tr>
            <tr>
              <td width="100%"><font color="#FFFFFF" face="Verdana" size="2">.
                Misc</font></td>
            </tr>
            <tr>
              <td width="100%"><font face="Verdana" size="2" color="#FFFFFF"><b>Misc.</b></font></td>
            </tr>
            <tr>
              <td width="100%"><font face="Verdana" size="2" color="#FFFFFF">.
                Links&nbsp;</font></td>
            </tr>
            <tr>
              <td width="100%"><font face="Verdana" size="2" color="#FFFFFF">.
                Forum</font></td>
            </tr>
            <tr>
              <td width="100%"><font face="Verdana" size="2" color="#FFFFFF">.
                Condition Zero</font></td>
            </tr>
            </table>

</body>
</html>


//>Rune
Avatar billede medions Nybegynder
09. oktober 2003 - 18:00 #2
Det her er lidt bedere:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
    <title>Untitled</title>
    <script language="JavaScript">
            function colorThis(what, color) {
                what.style.backgroundColor= color;
            }
    </script>
</head>

<body bgcolor="#000000">

<table>
              <tr>
              <td width="100%"><font color="#FFFFFF" face="Verdana" size="2"><b>Information</b></font></td>
            </tr>
            <tr>
              <td width="100%" onmouseover="colorThis(this, '#294563');" onmouseout="colorThis(this, '#000000');"><font color="#FFFFFF" face="Verdana" size="2">.
                About us</font></td>
            </tr>
            <tr>
              <td width="100%"><font color="#FFFFFF" face="Verdana" size="2">.
                The Crew</font></td>
            </tr>
            <tr>
              <td width="100%"><font color="#FFFFFF" face="Verdana" size="2">.
                Contact</font></td>
            </tr>
            <tr>
              <td width="100%"><font color="#FFFFFF" face="Verdana" size="2"><b>Downloads</b></font></td>
            </tr>
            <tr>
              <td width="100%"><font color="#FFFFFF" face="Verdana" size="2">.
                Maps</font></td>
            </tr>
            <tr>
              <td width="100%"><font color="#FFFFFF" face="Verdana" size="2">.
                Server stuff</font></td>
            </tr>
            <tr>
              <td width="100%"><font color="#FFFFFF" face="Verdana" size="2">.
                Pod Bot</font></td>
            </tr>
            <tr>
              <td width="100%"><font color="#FFFFFF" face="Verdana" size="2">.
                Misc</font></td>
            </tr>
            <tr>
              <td width="100%"><font face="Verdana" size="2" color="#FFFFFF"><b>Misc.</b></font></td>
            </tr>
            <tr>
              <td width="100%"><font face="Verdana" size="2" color="#FFFFFF">.
                Links&nbsp;</font></td>
            </tr>
            <tr>
              <td width="100%"><font face="Verdana" size="2" color="#FFFFFF">.
                Forum</font></td>
            </tr>
            <tr>
              <td width="100%"><font face="Verdana" size="2" color="#FFFFFF">.
                Condition Zero</font></td>
            </tr>
            </table>

</body>
</html>

//>Rune
Avatar billede medions Nybegynder
09. oktober 2003 - 18:01 #3
Altså alt i alt:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
    <title>Untitled</title>
    <script language="JavaScript">
            function colorThis(what, color) {
                what.style.backgroundColor= color;
            }
    </script>
</head>

<body bgcolor="#000000">

<table>
              <tr>
              <td width="100%"><font color="#FFFFFF" face="Verdana" size="2"><b>Information</b></font></td>
            </tr>
            <tr>
              <td width="100%" onmouseover="colorThis(this, '#294563');" onmouseout="colorThis(this, '#000000');"><font color="#FFFFFF" face="Verdana" size="2">.
                About us</font></td>
            </tr>
            <tr>
              <td width="100%" onmouseover="colorThis(this, '#294563');" onmouseout="colorThis(this, '#000000');"><font color="#FFFFFF" face="Verdana" size="2">.
                The Crew</font></td>
            </tr>
            <tr>
              <td width="100%" onmouseover="colorThis(this, '#294563');" onmouseout="colorThis(this, '#000000');"><font color="#FFFFFF" face="Verdana" size="2">.
                Contact</font></td>
            </tr>
            <tr>
              <td width="100%"><font color="#FFFFFF" face="Verdana" size="2"><b>Downloads</b></font></td>
            </tr>
            <tr>
              <td width="100%" onmouseover="colorThis(this, '#294563');" onmouseout="colorThis(this, '#000000');"><font color="#FFFFFF" face="Verdana" size="2">.
                Maps</font></td>
            </tr>
            <tr>
              <td width="100%" onmouseover="colorThis(this, '#294563');" onmouseout="colorThis(this, '#000000');"><font color="#FFFFFF" face="Verdana" size="2">.
                Server stuff</font></td>
            </tr>
            <tr>
              <td width="100%" onmouseover="colorThis(this, '#294563');" onmouseout="colorThis(this, '#000000');"><font color="#FFFFFF" face="Verdana" size="2">.
                Pod Bot</font></td>
            </tr>
            <tr>
              <td width="100%" onmouseover="colorThis(this, '#294563');" onmouseout="colorThis(this, '#000000');"><font color="#FFFFFF" face="Verdana" size="2">.
                Misc</font></td>
            </tr>
            <tr>
              <td width="100%"><font face="Verdana" size="2" color="#FFFFFF"><b>Misc.</b></font></td>
            </tr>
            <tr>
              <td width="100%" onmouseover="colorThis(this, '#294563');" onmouseout="colorThis(this, '#000000');"><font face="Verdana" size="2" color="#FFFFFF">.
                Links&nbsp;</font></td>
            </tr>
            <tr>
              <td width="100%" onmouseover="colorThis(this, '#294563');" onmouseout="colorThis(this, '#000000');"><font face="Verdana" size="2" color="#FFFFFF">.
                Forum</font></td>
            </tr>
            <tr>
              <td width="100%" onmouseover="colorThis(this, '#294563');" onmouseout="colorThis(this, '#000000');"><font face="Verdana" size="2" color="#FFFFFF">.
                Condition Zero</font></td>
            </tr>
            </table>

</body>
</html>


//>Rune
Avatar billede olebole Juniormester
11. oktober 2003 - 05:46 #4
<ole>

Og en smule mere 'sexy':

<script language="JavaScript">
    var hi="#ffffff", lo="#000000";
    function colorThis(elm, inout) {
        document.getElementById(elm).style.backgroundColor = (inout)? hi : lo;
    }
</script>

... og en tabelcelle:

<td width="100%" onmouseover="colorThis(this, 1);" onmouseout="colorThis(this, 0);">

Så skal farverne kun rettes ét sted (hvis altså de to farver altid er de samme over hele siden).

/mvh
</bole>
Avatar billede medions Nybegynder
11. oktober 2003 - 15:41 #5
??? Ole, hvad gør hi : lo ?

//>Rune
Avatar billede olebole Juniormester
11. oktober 2003 - 19:40 #6
Det er de to farver ( hvor hi = hover-farven ):
  var hi="#ffffff", lo="#000000";
/mvh
Avatar billede olebole Juniormester
11. oktober 2003 - 19:42 #7
... og så bruger jeg en short-hand for en if/else:

if ( betingelse ) {
  bla = "noget";
} else {
  bla = "noget andet";
}

kan skrives:

bla = ( betingelse )? "noget" : "noget andet";
Avatar billede medions Nybegynder
11. oktober 2003 - 20:05 #8
Ok :)

Ole, skriver du ik' lgie en mail til mig på rune@medions.dk

//>Rune
Avatar billede Ny bruger Nybegynder

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.

Loading billede Opret Preview
Kategori
Webudvikling kurser
Vi tilbyder markedets bedste kurser inden for webudvikling
Se alle Webudvikling kurser

Flere spørgsmål fra JavaScript kategorien

Titel Indlæg Oprettet Seneste aktivitet
problem med download i <a href=" " download> tag i JavaScript Af Peer i JavaScript 5 27/04/202620:09 21/08/202610:41
Validering af filnavn i formular Af Strawberry i JavaScript 8 14/04/202610:11 20/04/202611:14
Mangler et JavaScript til htm side med iframe i Joomla5 Af Peder Lund Nielsen i JavaScript 2 03/02/202614:19 04/04/202616:02
Åbne en PDF fil fra en mappe Af mbl i JavaScript 9 18/04/202516:52 22/04/202512:33
Spørgsmål til cookies Af Mads i JavaScript 2 14/02/202511:47 27/06/202514:34
Se alle spørgsmål i kategorien Opret spørgsmål

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
22/0821:38 webui_forge_cu121_torch231 med AMD Grafikkort. Af jonpet i Andet software
22/0820:06 email adresse Af Malm i Forslag til ændringer
22/0819:54 problem med google crome Af Malm i Andet software
22/0809:36 Alternativ holder til to skærme... Af Don G i Skærme
20/0815:01 Samsung smart TV Af postpeter@outlook.dk i Fri debat
White papers
Flere white papers »