Notifikationer

Markér alle som læst Log ud

kakao-manden Nybegynder

01. april 2005 - 20:09 Der er 17 kommentarer og
1 løsning

Tekst skifter farve

hey.

Mangler en kode så teksten i en tabel celle skifter farve når en musen røre ved cellen
det er bare det

Synes godt om

bromer Nybegynder

01. april 2005 - 20:18 #1

Synes godt om

bromer Nybegynder

01. april 2005 - 20:20 #2

Denne her er faktisk bedre da du ikke behøver at angive et id for hver tabel du vil lave dette med :)

<script type='text/javascript'>
function change_color(obj,color) {
obj.style.backgroundColor = color;
}
</script>
<table>
<tr>
<td onmouseover="change_color(this,'#000000');" onmouseout="change_color(this,'#ffffff');">
hej
</td>
</tr>
</table>

Synes godt om

kakao-manden Nybegynder

01. april 2005 - 20:44 #3

hvordan sætter jeg den ind i det her

<a href="Et lin" target="asd"><td style="filter:alpha(opacity=40);-moz-opacity:0.4;opacity:0.4;cursor:pointer;background-color:#FFFFFF;"

onmouseover="flipbg(this,'in');" onmouseout="flipbg(this,'out');" width="134" height="25">
<p align="center"><a href="Et link" onMouseOver="self.status='klik her.'; return true;" onMouseOut="self.status='';return

true;">hey</a></td></a>

Synes godt om

bromer Nybegynder

01. april 2005 - 20:47 #4

Hvad mener du? Du skal nok have dit link inde i din celle og ikke udenfor. Hvad er du mere i tvivl om?

Synes godt om

kakao-manden Nybegynder

01. april 2005 - 20:50 #5

det er fodi cellen skal være et link og da jeg satte den kode ind som du gav mig var der fejl på siden

Synes godt om

bromer Nybegynder

01. april 2005 - 20:52 #6

okay men hvis cellen skal være et link så kan det gøres på mere korrekte måder såsom:

<script type='text/javascript'>
function flipbg(obj,color) {
obj.style.backgroundColor = color;
}
</script>

<table>
<tr>
<td onclick="document.location.href='http://www.exp.dk';" onmouseover="flipbg(this,'#000000');" onmouseout="flipbg(this,'#ffffff');">
hej
</td>
</tr>
</table>

Synes godt om

kakao-manden Nybegynder

01. april 2005 - 21:17 #7

her for du koden så du selv kan se hvad der sker

<html>

<head>
<meta http-equiv="Content-Language" content="da">
<meta name="GENERATOR" content="Microsoft FrontPage 5.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Menu</title>
<meta name="Microsoft Border" content="none, default">
</head>

<body link="#000000" vlink="#000000" text="#FFFFFF" alink="#FF0000" bgcolor="000000">

<center>

<script type='text/javascript'><BR>function change_color(obj,color) {<BR>
obj.style.backgroundColor = color;<BR>}<BR></script>

<div align="center">

<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="704" height="632">
<tr>
<td width="704" height="89" colspan="2">
<img border="0" src="t.gif" width="80" height="60"><img border="0" src="h.gif" width="80" height="60"><img border="0" src="e.gif" width="80" height="60">              
<img border="0" src="b.gif" width="80" height="60"><img border="0" src="e.gif" width="80" height="60"><img border="0" src="a.gif" width="80" height="60"><img border="0" src="n.gif" width="80" height="60"><img border="0" src="s.gif" width="80" height="60"></td>
</tr>
<tr>
<td height="543" width="133">
<table width="130" cellspacing="0" cellpadding="0" bgcolor="#666666" height="494">
<tr>
<td height="20" width="130">
<h3 class="forside"><center>start</center>
</td>
</tr>
<tr>
<script language="javascript" type="text/javascript">
function flipbg(element,mode)
{
if (mode=="in") {
colorval = '#000000'
}
else {
colorval = '#FFFFFF'
}
element.style.backgroundColor = colorval;
}
</script>

<tr>
<a href="www.ajsdjio.dk" target="asd">
<td

style="filter:alpha(opacity=40);-moz-opacity:0.4;opacity:0.4;cursor:pointer;background-color:#FFFFFF;"

onmouseover="flipbg(this,'in');" onmouseout="flipbg(this,'out');" width="130" height="25">
<p align="center"><a href="www.asda.dk" onMouseOver="self.status='klik her.'; return true;" onMouseOut="self.status='';return

true;">hey</a></td></a>
</tr>
<tr>
<a href="www.ajsdjio.dk" target="asd">
<td

style="filter:alpha(opacity=40);-moz-opacity:0.4;opacity:0.4;cursor:pointer;background-color:#FFFFFF;"

onmouseover="flipbg(this,'in');" onmouseout="flipbg(this,'out');" width="130" height="25">
<p align="center"><a href="www.asda.dk" onMouseOver="self.status='klik her.'; return true;" onMouseOut="self.status='';return

true;">hey</a></td></a>
</tr>
<tr>
<a href="www.ajsdjio.dk" target="asd">
<td

style="filter:alpha(opacity=40);-moz-opacity:0.4;opacity:0.4;cursor:pointer;background-color:#FFFFFF;"

onmouseover="flipbg(this,'in');" onmouseout="flipbg(this,'out');" width="130" height="25">
<p align="center"><a href="www.asda.dk" onMouseOver="self.status='klik her.'; return true;" onMouseOut="self.status='';return

true;">hey</a></td></a>
</tr>
<tr>

</td>
</tr>

</td>
<td width="130" height="449"> </td>
</tr>
</table>
<script type='text/javascript'><BR>function flipbg(obj,color) {<BR>
obj.style.backgroundColor =
color;<BR>}<BR></script>

</center>
</div>

</center>

</div>

</h3>

<td height="543" width="571">
hey alle<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </body></html>

Synes godt om

bromer Nybegynder

01. april 2005 - 22:07 #8

Der er lige en række ting du skal rette før jeg kan hjælpe dig videre.

1. Javascript funktioner op i <head>, da det bare er der man _bør_ have dem.

2. Du skiftede funktionsnavnet til flipbg, men jeg ser stadig definitionen af change_color. Der er endda en masse <br/> tags derinde som bare ikke bør være der. Nok derfor du fik fejl før. Fjerne hele den javascript blok, da den ikke gør noget mere. Hvis man ser godt igen har du faktisk defineret flipbg flere steder. Den nederste er igen fyldt med en masse <br/> tags. Hvilken editor bruger du, for der er SERIØSET noget galt med din kode.

3. Align din kode ordentlig med tabs.

4. Hvis du vil have tabel-cellen til at fungere som et link skal du smide en onclick="" på som jeg gjorde. Jeg kan se at du igen har lavet et link der ligger uden og et span eller noget i den stil. Det er bare über forbudt.

5. Du har en masse ikke-lukkede tags rundt omkring. De skal lukkes. Generelt skal din side validere på w3c [1].

Når du har rettet det så paste lige koden igen, så kan vi se på det.

[1] http://validator.w3.org/

Synes godt om

kakao-manden Nybegynder

02. april 2005 - 00:25 #9

jeg kunne ikke selv følge med så nu ser den sådan her ud:

<html>

<head>
<meta http-equiv="Content-Language" content="da">
<meta name="GENERATOR" content="Microsoft FrontPage 5.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Menu</title>
<script language="javascript" type="text/javascript">
function flipbg(element,mode)
{
if (mode=="in") {
colorval = '#000000'
}
else {
colorval = '#FFFFFF'
}
element.style.backgroundColor = colorval;
}
</script>

</head>

<body bgcolor="FFFFFF">

<center>
<table width="132" cellspacing="0" cellpadding="0" bgcolor="#666666" height="41">
<tr>
<td height="1" width="132">
<h3 class="forside"><center>start</center>
</td>
</tr>
<tr>

<td onclick="www.google.dk"

style="filter:alpha(opacity=40);-moz-opacity:0.4;opacity:0.4;cursor:pointer;background-color:#FFFFFF;")

onmouseover="flipbg(this,'in');" onmouseout="flipbg(this,'out');" width="132" height="1">
<center><b>hey</b></center></td>
</tr>
</tr>
</table>
</center>
</div>

</body>

</html>

onclick virker ikke og så skal jeg få hjælp til koden til når jeg føre musen over cellen skal skriften skifte farve og forblige med fed skrift

Synes godt om

bromer Nybegynder

02. april 2005 - 00:38 #10

Så har jeg fixet onclick for dig. Hvad mener du med at teksten skal forblive fed? For mig at se er den fede hele tiden og det hører javscriptet ikke ved.

<html>

<head>
<meta http-equiv="Content-Language" content="da">
<meta name="GENERATOR" content="Microsoft FrontPage 5.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Menu</title>
<script language="javascript" type="text/javascript">
function flipbg(element,mode)
{
if (mode=="in") {
colorval = '#000000'
}
else {
colorval = '#FFFFFF'
}
element.style.backgroundColor = colorval;
}
</script>

</head>

<body bgcolor="FFFFFF">

<center>
<table width="132" cellspacing="0" cellpadding="0" bgcolor="#666666" height="41">
<tr>
<td height="1" width="132">
<h3 class="forside"><center>start</center>
</td>
</tr>
<tr>

<td onclick="document.location.href='http://www.google.dk';"

style="filter:alpha(opacity=40);-moz-opacity:0.4;opacity:0.4;cursor:pointer;background-color:#FFFFFF;")

onmouseover="flipbg(this,'in');" onmouseout="flipbg(this,'out');" width="132" height="1">
<center><b>hey</b></center></td>
</tr>
</tr>
</table>
</center>
</div>

</body>

</html>

Synes godt om

kakao-manden Nybegynder

02. april 2005 - 01:08 #11

er det meningen at den ikke skifter farve i den her ellers virker onclick

Synes godt om

kakao-manden Nybegynder

02. april 2005 - 01:18 #12

fordi koden til at teksten skal skifte farve virker ikke

Synes godt om

kakao-manden Nybegynder

02. april 2005 - 08:53 #13

og kan jeg ikke sætte target ind i

<td onclick="document.location.href='http://www.google.dk';"

style="filter:alpha(opacity=40);-moz-opacity:0.4;opacity:0.4;cursor:pointer;background-color:#FFFFFF;")

onmouseover="flipbg(this,'in');" onmouseout="flipbg(this,'out');" onmouseover="flipbg(this,'#FFFFFF');"

onmouseout="flipbg(this,'#000000'); width="132" height="1">
<center><b>hey</b></center></td>

Synes godt om

bromer Nybegynder

02. april 2005 - 10:18 #14

Du kan godt sætte er target på, men det kræver at du gør det via javascript. Du kan læse hvordan du tilgår frames på http://www.quirksmode.org/js/frameintro.html

Synes godt om

kakao-manden Nybegynder

03. april 2005 - 13:50 #15

hvad med teksten derskifter farve den virker ikke i nu

Synes godt om

kakao-manden Nybegynder

10. april 2005 - 16:04 #16

har ikke fundet noget om target jeg kan styrre kan du prøve du får point vis du får target og tekst der skifter farve til at virke nok også noget karma!!

Synes godt om

bromer Nybegynder

10. april 2005 - 16:24 #17

jeg er ikke lige med på hvad du mener. Kan du forklare præcis, hvad der ikke virker, så har jeg en større chance for at hjælpe dig.

Synes godt om

kakao-manden Nybegynder

10. april 2005 - 16:33 #18

det med at teksten skal skifte farve virker ikke og det med target kan jeg ikke få til at virke

Synes godt om

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.

Følg dette spørgsmål

Opret Preview

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	03/05/202613:59
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.

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten

Seneste artiklerRSS