Notifikationer

Markér alle som læst Log ud

aero Nybegynder

27. juni 2003 - 16:50 Der er 14 kommentarer og
1 løsning

tdfarve som skrevet i tekst input felt

Hvis jeg har denne code på en asp site:

<form name="colorForm">
<td>
<input name="inColor" type="text" value="">
</td><td width="30"></td>
</form>

hvordan kan jeg få denne til at skifte farve på den sidste TD bag input feltet til den farve som blive indtastet i tekstfeltet ??

eks: #FFCC99 hvis man indtaster dette så vil td bagved blive i denne farve !!! helst uden at man skal klikke på noget opdate mm !!

Synes godt om

roenving Novice

27. juni 2003 - 16:57 #1

onchange-javascript, men det vil kun ændres, når man går til et andet felt ...

<form name="colorForm">
<table><tr><td>
<input name="inColor" type="text" value="" onchange="alert(this.value);document.getElementById('farveTd').style.backgroundColor=this.value;">
<input type=text" value="gul">
</td><td width="30" id="farveTd"> </td></tr></table>
</form>

Synes godt om

roenving Novice

27. juni 2003 - 16:58 #2

-- og jeg fik ikke fjernet min debug-alert -- fjern alert(this.value); ,-)

Synes godt om

schaefner Juniormester

27. juni 2003 - 16:59 #3

eller sådan:

<form name="colorForm">
<table border="1"><tr>
<td><input name="inColor" type="text" value="" onkeydown="if(event.keyCode==13) {document.getElementById('farve').style.background = this.value; return false}"></td>
<td width="30" id="farve"></td>
</tr></table>
</form>

skifter når du trykker enter

Synes godt om

roenving Novice

27. juni 2003 - 17:05 #4

-- og schaefner har en god en, men man skal bare være opmærksom på, at der skal produceres forskellig kode til de forskellige browsere, når man bruger event-objekter ...

Synes godt om

schaefner Juniormester

27. juni 2003 - 17:08 #5

lavede også denne på et tidspunkt: http://disneyzone.dk/farver.html
hvis det var noget.

Synes godt om

aero Nybegynder

27. juni 2003 - 17:16 #6

jeg har dette

http://www.javacoder.dk:56400/farvecode/test/index.asp

klik på billedet og vælg en farve denne skulle så vises bagved men det sker ikke ?? og tekstfeltet bag igen skulle stå under hvad er fejlen og kan i hjælpe !??

Side coden er:


<HTML>
<HEAD>
<TITLE>Vælg farve</TITLE>
</HEAD>

<BODY onclick="idColors.style.display = 'none'">
<form name="colorForm">
<input name="inColor" type="text" value="" onchange="document.getElementById('farveTd').style.backgroundColor=this.value;"> <img src="icon_color.gif" onclick="toggleColors()" width=16 height=16></td><td width="24" id="farveTd"> </td>
</tr><tr><td>
<input name="indColor" type="text" value="">
</td></tr></table>
</form>
</BODY>
</HTML>

Synes godt om

roenving Novice

27. juni 2003 - 17:21 #7

Sæt det ind i din funktion:
function selectColor() {
if (event.srcElement.tagName != 'TD') return false;
var strColor = event.srcElement.bgColor;
document.colorForm.inColor.value = strColor;
document.getElementById('farveTd').style.backgroundColor=strColor;
}

Synes godt om

schaefner Juniormester

27. juni 2003 - 17:21 #8

<HTML>
<HEAD>
<TITLE>Vælg farve</TITLE>
</HEAD>

<BODY>

<form name="colorForm">
<table><tr>
<td><input name="inColor" type="text" value="" onchange="document.getElementById('farveTd').style.background=this.value;"> <img src="icon_color.gif" onclick="toggleColors()" width=16 height=16></td><td width="24" id="farveTd"> </td>
</tr><tr><td>
<input name="indColor" type="text" value="">
</td></tr></table>
</form>
</BODY>
</HTML>

Synes godt om

roenving Novice

27. juni 2003 - 17:21 #9

onchange udløses ikke når du tildeler værdier med javascript ...

Synes godt om

aero Nybegynder

27. juni 2003 - 17:25 #10

okay har lige rettet til det du skrev SCAEFNER og der ser ikke ud til at virke tjek selv !!

ROENVING vil du lige vise ang dit i et code sammenhæng ligesom SCAEFNER !??

Synes godt om

roenving Novice

27. juni 2003 - 17:29 #11

Ændr din function, som du må have i idcolor.asp som jeg har angivet -- der er ingen grund til at have en funktion på onchange, når du i forvejen bruger en funktion ...

idcolor.asp:
<script>
function toggleColors() {
var elm = event.srcElement;
idColors.style.pixelTop = elm.offsetTop + elm.offsetHeight + 5;
idColors.style.pixelLeft = elm.offsetLeft;
idColors.style.display = (idColors.style.display == 'none') ? '' : 'none';
event.cancelBubble = true;
}

function selectColor() {
if (event.srcElement.tagName != 'TD') return false;
var strColor = event.srcElement.bgColor;
document.colorForm.inColor.value = strColor;
document.getElementById('farveTd').style.backgroundColor=strColor;
}
</script>
<div id="idColors" style="display:none;">
<table onclick="selectColor()">
<tr>
<td colspan=8><div align="center"><strong>Baggrunds farve</strong></div></td>
</tr><tr>
<td bgcolor="black" title="Sort"> </td>
<td bgcolor="brown" title="Brun"> </td>
<td bgcolor="darkolivegreen" title="OlivenGr?nbsp;</td>
<td bgcolor="darkgreen" title="M?r?nbsp;</td>
<td bgcolor="navy" title="DybBl? </td>
<td bgcolor="darkblue" title="M?l? </td>
<td bgcolor="indigo" title="Indigo"> </td>
<td bgcolor="dimgray" title="Gr?0%"> </td>
</tr><tr>
<td bgcolor="darkred" title="R?n"> </td>
<td bgcolor="orange" title="Orange"> </td>
<td bgcolor="olive" title="OlivenGul"> </td>
<td bgcolor="green" title="Gr?nbsp;</td>
<td bgcolor="cadetblue" title="Bl??nbsp;</td>
<td bgcolor="blue" title="Bl? </td>
<td bgcolor="darkslateblue" title="Bl?? </td>
<td bgcolor="gray" title="Gr?0%"> </td>

</tr><tr>
<td bgcolor="red" title="R?nbsp;</td>
<td bgcolor="#FF9900" title="LysOrange"> </td>
<td bgcolor="#99CC00" title="LimeGr?nbsp;</td>
<td bgcolor="#339966" title="HavGr?nbsp;</td>
<td bgcolor="#33CCCC" title="Akvamarin"> </td>
<td bgcolor="#3366FF" title="LysBl? </td>
<td bgcolor="#800080" title="Violet"> </td>
<td bgcolor="#999999" title="Gr?0%"> </td>
</tr><tr>
<td bgcolor="#FF00FF" title="Pink"> </td>
<td bgcolor="#FFCC00" title="Gylden"> </td>
<td bgcolor="#FFFF00" title="Gul"> </td>
<td bgcolor="#00FF00" title="KnaldGr?nbsp;</td>
<td bgcolor="#00FFFF" title="Tyrkis"> </td>
<td bgcolor="#00CCFF" title="HimmelBl? </td>
<td bgcolor="#993366" title="Blomme"> </td>
<td bgcolor="#C0C0C0" title="Gr?5%"> </td>
</tr><tr>
<td bgcolor="#FF99CC" title="Rosa"> </td>
<td bgcolor="#FFCC99" title="Sand"> </td>
<td bgcolor="#FFFF99" title="LyseGul"> </td>
<td bgcolor="#CCFFCC" title="PastelGr?nbsp;</td>
<td bgcolor="#CCFFFF" title="BlegTyrkis"> </td>
<td bgcolor="#99CCFF" title="BlegBl? </td>
<td bgcolor="#CC99FF" title="Lavendel"> </td>
<td bgcolor="#FFFFFF" title="Hvid"> </td>
</tr>
</table>
</div>

-- og så din input:
><input name="inColor" type="text" value="">

Synes godt om

aero Nybegynder

27. juni 2003 - 17:41 #12

okay så virker det bedre men min popup farvepanel lukker ikke når jeg har klikket på en farve !???

Synes godt om

aero Nybegynder

27. juni 2003 - 21:53 #13

ROENVING

Beklager men så hvad der var galt havde glemt

<BODY onclick="idColors.style.display = 'none'">

så nu virker det !! vil du venligst lægge et svar !!

Synes godt om

roenving Novice

28. juni 2003 - 00:47 #14

Very well '-)

Synes godt om

roenving Novice

28. juni 2003 - 02:26 #15

-- og tak for points ;~}

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

Programmeringssprog kurser

Kurser inden for grundlæggende programmering

Se alle Programmeringssprog kurser

Flere spørgsmål fra ASP kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
Jeg bakser med noget Database og If Then med ASP - hvad gør jeg galt? Af Peer i ASP	10	25/06/202622:20	04/09/202602:30
Tjek alle checkbox i form Af bsn i ASP	4	18/05/202601:57	19/05/202613:33
Lost focus Af bsn i ASP	1	07/11/202415:34	01/01/202514:58
ASP classic Af bsn i ASP	8	28/10/202423:11	30/10/202422:51
Classic - filer vist med sidste fil først Af bsn i ASP	5	23/05/202409:56	24/05/202400:02

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