Avatar billede ameq Nybegynder
30. september 2003 - 10:53 Der er 8 kommentarer og
1 løsning

Swap spam font color

Hej
Jeg leder efter et script som kan swap font color ved hjælp af et id tag eller noget...
Mit problem er at jeg har en tabel og den er lidt lang... så for at hjælp brugerne med at se hvad de peger på.
Avatar billede =maddog= Nybegynder
30. september 2003 - 11:08 #1
(hypotetisk) HTML:
<tag id="id">

script
elm = document.getElementById("id");
elm.style.color = "red"; // font farve
elm.style.fontFamily = "verdana, serif"; // font familie
elm.style.fontWeight = "bold"; // font vægt
elm.style.fontSize = "16px"; // font højde
Avatar billede casper_skovgaard Nybegynder
30. september 2003 - 22:41 #2
en anden måde at gøre det på finder du her -> http://www.rambo.frac.dk/407688/index.html

den kan evt. kombineres med maddogs forslag
Avatar billede ameq Nybegynder
01. oktober 2003 - 09:49 #3
=maddog=
har ikke lige teste dit script, men jeg leder efter at tekst skal skrive fave hvis den står i <tag tekst_id=1> så hvis jeg skriver <tag tekst_id=1> flere gang på min side så skrifter alle de tags farve
Avatar billede casper_skovgaard Nybegynder
01. oktober 2003 - 11:34 #4
Har du et eksempel på hvordan du opbygger din table. Jeg er ikke helt med på hvad du vil have.
Avatar billede ameq Nybegynder
01. oktober 2003 - 11:47 #5
<table>
  <tr>
    <td>Text1,1</td>
    <td>bla bla</td>
    <td>Text1,2</td>
    <td>bla bla</td>
  </tr>
  <tr>
    <td>Text2,1</td>
    <td>bla bla</td>
    <td>Text2,2</td>
    <td>bla bla</td>
  </tr>
</table>

og det med 1,1 er bare for at vise hvilke tekst der hører sammen..
Avatar billede casper_skovgaard Nybegynder
01. oktober 2003 - 12:51 #6
dvs. ved mouseover på Text1,1 så skal fonten på Text1,1 og Text1,2 skifte?
Avatar billede ameq Nybegynder
01. oktober 2003 - 12:54 #7
yes det er lige det =)
Avatar billede casper_skovgaard Nybegynder
01. oktober 2003 - 13:07 #8
så prøv den her ->

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>
<head>
    <title>http://www.eksperten.dk/spm/407688</title>
    <script type="text/javascript">
   
    function setCellStyle( id, strClass){
        elm = document.getElementById(id);
        elm.className = strClass;
    }
   
    </script>
    <style type="text/css">
    td {
        width: 100px;
        border-bottom: 1px solid #EDEDED;
    }
   
    .rowOut {
        background-color: White;
    }
   
    .rowOver {
        background-color: #EDEDED;
        font-weight: bold;
    }
    </style>
</head>

<body>

<table>
  <tr>
    <td id="cell11" onmouseover="setCellStyle('cell11','rowOver');setCellStyle('cell13','rowOver');" onmouseout="setCellStyle('cell11','rowOut');setCellStyle('cell13','rowOut');">Text1,1</td>
    <td id="cell12">bla bla</td>
    <td id="cell13">Text1,2</td>
    <td id="cell14">bla bla</td>
  </tr>
  <tr>
    <td id="cell21" onmouseover="setCellStyle('cell21','rowOver');setCellStyle('cell23','rowOver');" onmouseout="setCellStyle('cell21','rowOut');setCellStyle('cell23','rowOut');">Text1,1</td>
    <td id="cell22">bla bla</td>
    <td id="cell23">Text2,2</td>
    <td id="cell24">bla bla</td>
  </tr>
</table>

</body>
</html>
Avatar billede ameq Nybegynder
01. oktober 2003 - 13:10 #9
yes vis man laver lidt om =) så ja TAKKER mange gang =)
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
Vi tilbyder markedets bedste kurser inden for webudvikling

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.

Du kan også logge ind via nedenstående tjenester

IT-JOB