---
title: "RGB skala...."
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/40145-rgb-skala"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "mikul"
published: "2002-03-23T14:09:39.000Z"
updated: "2002-03-23T23:12:00.000Z"
replies: 12
views: 449
page: 1
pages: 1
language: "sv-SE"
site: "webForum — webforum.nu"
rights: "Upphovsrätten till varje inlägg tillhör dess författare."
attribution: "Citera som: webForum, https://www.webforum.nu/amne/javascript/40145-rgb-skala"
---

# RGB skala....

## #1 — mikul, 2002-03-23T14:09Z

hallå... 
nån som vet hur gör man för att typ göra en sån färgskala som dom har på lunarstorm?? 

dom har en rgb skala som man kan välja färg i....
sen visas hexkoden i ett formulär om jag inte minns fel.... 

nån som vet...? 

/ Mikul

Permalänk: https://www.webforum.nu/p/40145

## #2 — mikul, 2002-03-23T16:11Z

HJälp!

Pace tipsade om en sida...
fast koden såg lite konstig ut...
kan inte nån hjälpa mig med att fixa den så den funkar..

\<SCRIPT LANGUAGE="JavaScript"\> 
// Color Picker for LunarStorm 4 // 2001 Copyright LunarWorks AB 
var iRed,iGreen,iBlue,iHue,iSat,iLum; var onY,onX,offsetY,offsetX var MoveObject; 
var MoveOk = false; var sHex = '296b84'; var dX = 566; var dY = 81; function 
Normalize(sType) { switch(sType) { case 'hex': RGBfromHEX(); HSVfromRGB(); 
break; case 'rgb': HEXfromRGB(); HSVfromRGB(); break; case 'hsv': RGBfromHSV(); 
HEXfromRGB(); break; } SetGUI(); } function SetGUI() { ref = 
document.colorpicker; ref.hex.value = sHex.toUpperCase(); ref.fullhex.value = 
'#' + ref.hex.value; ref.r.value = Math.round(iRed \* 255); ref.g.value = 
Math.round(iGreen \* 255); ref.b.value = Math.round(iBlue \* 255); ref.h.value = 
Math.round(iHue); ref.s.value = Math.round(iSat \* 100); ref.v.value = 
Math.round(iLum \* 100); ref = document.all.picker.style; ref.left = dX + 
147\*(iHue / 360); ref.top = dY + 147\*(1 - iSat); ref = 
document.all.slider.style; ref.top = dY + 147\*(1 - iLum); var sExtra = ''; 
for(var i=0;i&lt;(6 - sHex.length);i++) sExtra += '0'; 
document.all.swatch.style.background = '#' + sHex + sExtra; } function 
Toggle(sObject) { ref = document.all\[sObject\].style; if(ref.display == '') 
ref.display = 'none'; else ref.display = ''; } function CopyHEX() { var oHex = 
document.colorpicker.fullhex.createTextRange(); oHex.execCommand("Copy"); } 
function DefinedColors(sVal) { sHex = sVal; Normalize('hex'); } function 
StartMove(oMove,bOutside) { MoveOk = true; MoveObject = oMove; if(bOutside) { 
offsetY = 4; offsetX = 4; DoMove(); } else { event.cancelBubble = true; offsetY 
\= window.event.clientY - oMove.style.pixelTop; offsetX = window.event.clientX - 
oMove.style.pixelLeft; } } function EndMove() { MoveOk = false; } function 
DoMove() { if(MoveOk) { event.returnValue = false; onY = 
Math.min(Math.max(window.event.clientY - dY - offsetY, 0), 147); onX = 
Math.min(Math.max(window.event.clientX - dX - offsetX, 0), 147); 
if(MoveObject.id == 'slider') iLum = 1 - (onY / 147); else { iHue = 360\*(onX / 
147); iSat = 1 - (onY / 147); } Normalize('hsv'); } } function Compute(oField) { 
var NoScale = false; function SetValue() { oField.value = iValue; if(!NoScale) 
iValue /= iMax; if(iValue == '') iValue = 0; eval(sVal + '=' + iValue); } 
switch(oField.name) { case 'r': sVal = 'iRed'; iMax = 255; sSystem = 'rgb'; 
break; case 'g': sVal = 'iGreen'; iMax = 255; sSystem = 'rgb'; break; case 'b': 
sVal = 'iBlue'; iMax = 255; sSystem = 'rgb'; break; case 'h': sVal = 'iHue'; 
iMax = 360; NoScale = true; sSystem = 'hsv'; break; case 's': sVal = 'iSat'; 
iMax = 100; sSystem = 'hsv'; break; case 'v': sVal = 'iLum'; iMax = 100; sSystem 
\= 'hsv'; break; } if(event.keyCode == 9 \| event.keyCode == 16) return; var 
iValue = oField.value.replace(/\[^0-9\]/ig,''); if(iValue.length &lt; 1) 
SetValue(); else { iValue = Math.min(iValue,iMax); SetValue(); 
Normalize(sSystem); } } function ComputeHex() { function SetValue() { 
oField.value = sValue; if(sValue == '') sValue = 0; sHex = sValue; } 
if(event.keyCode == 9 \| event.keyCode == 16) return; var oField = 
document.colorpicker.hex; var sValue = oField.value.replace(/\[^0-9a-f\]/ig,''); 
if(sValue.length &lt; 1) SetValue(); else { SetValue(); Normalize('hex'); } } 
function HEXfromRGB() { function MakeHex(iDec) { iDec = Math.round(255 \* iDec); 
iDec = iDec.toString(16); if(iDec.length &lt; 2) iDec = '0' + iDec; return iDec; 
} sHex = MakeHex(iRed) + MakeHex(iGreen) + MakeHex(iBlue); } function 
RGBfromHEX() { iRed = parseInt(sHex.substr(0, 2), 16) / 255; iGreen = 
parseInt(sHex.substr(2, 2), 16) / 255; iBlue = parseInt(sHex.substr(4, 2), 16) / 
255; if(isNaN(iRed)) iRed = 0; if(isNaN(iGreen)) iGreen = 0; if(isNaN(iBlue)) 
iBlue = 0; } function HSVfromRGB() { iMax = 
Math.max(Math.max(iRed,iGreen),iBlue); iMin = 
Math.min(Math.min(iRed,iGreen),iBlue); iLum = iMax; iSat = (iMax - iMin) / iMax; 
if(iSat == 0) iHue = 0; else { Delta = iMax - iMin; switch(iMax) { case iRed: 
iHue = (iGreen - iBlue) / Delta; break; case iGreen: iHue = 2 + (iBlue - iRed) / 
Delta; break; case iBlue: iHue = 4 + (iRed - iGreen) / Delta; break; } iHue = 
iHue \* 60; if(iHue &lt; 0) iHue += 360; if(isNaN(iHue)) iHue = 0; 
if(isNaN(iSat)) iSat = 0; } } function RGBfromHSV() { if(iSat == 0 &amp;&amp; 
iHue == 0) iRed = iGreen = iBlue = iLum; else { var iHueTemp = iHue if(iHueTemp 
\== 360) iHueTemp = 0; iHueTemp /= 60; var i = Math.floor(iHueTemp); var f = 
iHueTemp - i; var p = iLum \* (1 - iSat); var q = iLum \* (1 - (iSat \* f)); var t 
\= iLum \* (1 - (iSat \* (1 - f))); switch(i) { case 0: iRed = iLum; iGreen = t; 
iBlue = p; break; case 1: iRed = q; iGreen = iLum; iBlue = p; break; case 2: 
iRed = p; iGreen = iLum; iBlue = t; break; case 3: iRed = p; iGreen = q; iBlue = 
iLum; break; case 4: iRed = t; iGreen = p; iBlue = iLum; break; case 5: iRed = 
iLum; iGreen = p; iBlue = q; break; } } }
\</script\>

/ Mikul

Permalänk: https://www.webforum.nu/p/630245

## #3 — mikul, 2002-03-23T16:19Z

jag fick till det...men ingenting händer...det är bara helt vitt på sidan...

\<SCRIPT LANGUAGE="JavaScript"\> 
// Color Picker for LunarStorm 4 // 2001 Copyright LunarWorks AB var iRed,iGreen,iBlue,iHue,iSat,iLum; var onY,onX,offsetY,offsetX var MoveObject; var MoveOk = false; var sHex = '296b84'; var dX = 566; var dY = 81; function Normalize(sType) { switch(sType) { case 'hex': RGBfromHEX(); HSVfromRGB(); break; case 'rgb': HEXfromRGB(); HSVfromRGB(); break; case 'hsv': RGBfromHSV(); HEXfromRGB(); break; } SetGUI(); } function SetGUI() { ref = document.colorpicker; ref.hex.value = sHex.toUpperCase(); ref.fullhex.value = '#' + ref.hex.value; ref.r.value = Math.round(iRed \* 255); ref.g.value = Math.round(iGreen \* 255); ref.b.value = Math.round(iBlue \* 255); ref.h.value = Math.round(iHue); ref.s.value = Math.round(iSat \* 100); ref.v.value = Math.round(iLum \* 100); ref = document.all.picker.style; ref.left = dX + 147\*(iHue / 360); ref.top = dY + 147\*(1 - iSat); ref = document.all.slider.style; ref.top = dY + 147\*(1 - iLum); var sExtra = ''; for(var i=0;i\<(6 - sHex.length);i++) sExtra += '0'; document.all.swatch.style.background = '#' + sHex + sExtra; } function Toggle(sObject) { ref = document.all\[sObject\].style; if(ref.display == '') ref.display = 'none'; else ref.display = ''; } function CopyHEX() { var oHex = document.colorpicker.fullhex.createTextRange(); oHex.execCommand("Copy"); } function DefinedColors(sVal) { sHex = sVal; Normalize('hex'); } function StartMove(oMove,bOutside) { MoveOk = true; MoveObject = oMove; if(bOutside) { offsetY = 4; offsetX = 4; DoMove(); } else { event.cancelBubble = true; offsetY = window.event.clientY - oMove.style.pixelTop; offsetX = window.event.clientX - oMove.style.pixelLeft; } } function EndMove() { MoveOk = false; } function DoMove() { if(MoveOk) { event.returnValue = false; onY = Math.min(Math.max(window.event.clientY - dY - offsetY, 0), 147); onX = Math.min(Math.max(window.event.clientX - dX - offsetX, 0), 147); if(MoveObject.id == 'slider') iLum = 1 - (onY / 147); else { iHue = 360\*(onX / 147); iSat = 1 - (onY / 147); } Normalize('hsv'); } } function Compute(oField) { var NoScale = false; function SetValue() { oField.value = iValue; if(!NoScale) iValue /= iMax; if(iValue == '') iValue = 0; eval(sVal + '=' + iValue); } switch(oField.name) { case 'r': sVal = 'iRed'; iMax = 255; sSystem = 'rgb'; break; case 'g': sVal = 'iGreen'; iMax = 255; sSystem = 'rgb'; break; case 'b': sVal = 'iBlue'; iMax = 255; sSystem = 'rgb'; break; case 'h': sVal = 'iHue'; iMax = 360; NoScale = true; sSystem = 'hsv'; break; case 's': sVal = 'iSat'; iMax = 100; sSystem = 'hsv'; break; case 'v': sVal = 'iLum'; iMax = 100; sSystem = 'hsv'; break; } if(event.keyCode == 9 \| event.keyCode == 16) return; var iValue = oField.value.replace(/\[^0-9\]/ig,''); if(iValue.length \< 1) SetValue(); else { iValue = Math.min(iValue,iMax); SetValue(); Normalize(sSystem); } } function ComputeHex() { function SetValue() { oField.value = sValue; if(sValue == '') sValue = 0; sHex = sValue; } if(event.keyCode == 9 \| event.keyCode == 16) return; var oField = document.colorpicker.hex; var sValue = oField.value.replace(/\[^0-9a-f\]/ig,''); if(sValue.length \< 1) SetValue(); else { SetValue(); Normalize('hex'); } } function HEXfromRGB() { function MakeHex(iDec) { iDec = Math.round(255 \* iDec); iDec = iDec.toString(16); if(iDec.length \< 2) iDec = '0' + iDec; return iDec; } sHex = MakeHex(iRed) + MakeHex(iGreen) + MakeHex(iBlue); } function RGBfromHEX() { iRed = parseInt(sHex.substr(0, 2), 16) / 255; iGreen = parseInt(sHex.substr(2, 2), 16) / 255; iBlue = parseInt(sHex.substr(4, 2), 16) / 255; if(isNaN(iRed)) iRed = 0; if(isNaN(iGreen)) iGreen = 0; if(isNaN(iBlue)) iBlue = 0; } function HSVfromRGB() { iMax = Math.max(Math.max(iRed,iGreen),iBlue); iMin = Math.min(Math.min(iRed,iGreen),iBlue); iLum = iMax; iSat = (iMax - iMin) / iMax; if(iSat == 0) iHue = 0; else { Delta = iMax - iMin; switch(iMax) { case iRed: iHue = (iGreen - iBlue) / Delta; break; case iGreen: iHue = 2 + (iBlue - iRed) / Delta; break; case iBlue: iHue = 4 + (iRed - iGreen) / Delta; break; } iHue = iHue \* 60; if(iHue \< 0) iHue += 360; if(isNaN(iHue)) iHue = 0; if(isNaN(iSat)) iSat = 0; } } function RGBfromHSV() { if(iSat == 0 && iHue == 0) iRed = iGreen = iBlue = iLum; else { var iHueTemp = iHue if(iHueTemp == 360) iHueTemp = 0; iHueTemp /= 60; var i = Math.floor(iHueTemp); var f = iHueTemp - i; var p = iLum \* (1 - iSat); var q = iLum \* (1 - (iSat \* f)); var t = iLum \* (1 - (iSat \* (1 - f))); switch(i) { case 0: iRed = iLum; iGreen = t; iBlue = p; break; case 1: iRed = q; iGreen = iLum; iBlue = p; break; case 2: iRed = p; iGreen = iLum; iBlue = t; break; case 3: iRed = p; iGreen = q; iBlue = iLum; break; case 4: iRed = t; iGreen = p; iBlue = iLum; break; case 5: iRed = iLum; iGreen = p; iBlue = q; break; } } }
\</script\>

har jag missat nåt?

/ Mikul

Permalänk: https://www.webforum.nu/p/630250

## #4 — joakimweb, 2002-03-23T16:32Z

Jag har ett...

På min hemsida, <https://www.joakimweb.com> finns ett ASP-script som konverterar RGB-koder till hexadecimalt.

Du kan ladda ner det och testa om den kan fungera...

Permalänk: https://www.webforum.nu/p/630262

## #5 — solbulle, 2002-03-23T18:42Z

> har jag missat nåt?

 

Den var bra...

Notera copyrighten!

```
<SCRIPT language=JavaScript type=text/javascript>
// Color Picker for LunarStorm 4
// 2001 Copyright LunarWorks AB

var iRed,iGreen,iBlue,iHue,iSat,iLum;
var onY,onX,offsetY,offsetX
var MoveObject;
var MoveOk = false;
var sHex = '296b84';
var dX = 566;
var dY = 81;

function Normalize(sType)
{
 switch(sType)
 {
  case 'hex':
   RGBfromHEX();
   HSVfromRGB();
   break;
  case 'rgb':
   HEXfromRGB();
   HSVfromRGB();
   break;
  case 'hsv':
   RGBfromHSV();
   HEXfromRGB();
   break;
 }
 SetGUI();
}

function SetGUI()
{
 ref = document.colorpicker;
 ref.hex.value = sHex.toUpperCase();
 ref.fullhex.value = '#' + ref.hex.value;
 ref.r.value = Math.round(iRed * 255);
 ref.g.value = Math.round(iGreen * 255);
 ref.b.value = Math.round(iBlue * 255);
 ref.h.value = Math.round(iHue);
 ref.s.value = Math.round(iSat * 100);
 ref.v.value = Math.round(iLum * 100);
 ref = document.all.picker.style;
 ref.left = dX + 147*(iHue / 360);
 ref.top = dY + 147*(1 - iSat);
 ref = document.all.slider.style;
 ref.top = dY + 147*(1 - iLum);
 var sExtra = '';
 for(var i=0;i<(6 - sHex.length);i++)
  sExtra += '0';
 document.all.swatch.style.background = '#' + sHex + sExtra;
}

function Toggle(sObject)
{
 ref = document.all[sObject].style;
 if(ref.display == '') ref.display = 'none';
 else ref.display = '';
}

function CopyHEX()
{
 var oHex = document.colorpicker.fullhex.createTextRange();
 oHex.execCommand("Copy");
}

function DefinedColors(sVal)
{
 sHex = sVal;
 Normalize('hex');
}

function StartMove(oMove,bOutside)
{
 MoveOk = true;
 MoveObject = oMove;
 if(bOutside)
 {
  offsetY = 4;
  offsetX = 4;
  DoMove();
 }
 else
 {
  event.cancelBubble = true;
  offsetY = window.event.clientY - oMove.style.pixelTop;
  offsetX = window.event.clientX - oMove.style.pixelLeft;
 }
}

function EndMove()
{
 MoveOk = false;
}

function DoMove()
{
 if(MoveOk)
 {
  event.returnValue = false;
  onY = Math.min(Math.max(window.event.clientY - dY - offsetY, 0), 147);
  onX = Math.min(Math.max(window.event.clientX - dX - offsetX, 0), 147);
  if(MoveObject.id == 'slider')
   iLum = 1 - (onY / 147);
  else
  {
   iHue = 360*(onX / 147);
   iSat = 1 - (onY / 147);
  }
  Normalize('hsv');
 }
}

function Compute(oField)
{
 var NoScale = false;
 function SetValue()
 {
  oField.value = iValue;
  if(!NoScale) iValue /= iMax;
  if(iValue == '') iValue = 0;
  eval(sVal + '=' + iValue);
 }
 switch(oField.name)
 {
  case 'r':
   sVal = 'iRed';
   iMax = 255;
   sSystem = 'rgb';
   break;
  case 'g':
   sVal = 'iGreen';
   iMax = 255;
   sSystem = 'rgb';
   break;
  case 'b':
   sVal = 'iBlue';
   iMax = 255;
   sSystem = 'rgb';
   break;
  case 'h':
   sVal = 'iHue';
   iMax = 360;
   NoScale = true;
   sSystem = 'hsv';
   break;
  case 's':
   sVal = 'iSat';
   iMax = 100;
   sSystem = 'hsv';
   break;
  case 'v':
   sVal = 'iLum';
   iMax = 100;
   sSystem = 'hsv';
   break;
 }
 if(event.keyCode == 9 | event.keyCode == 16)
  return;
 var iValue = oField.value.replace(/[^0-9]/ig,'');
 if(iValue.length < 1)
  SetValue();
 else
 {
  iValue = Math.min(iValue,iMax);
  SetValue();
  Normalize(sSystem);
 }
}

function ComputeHex()
{
 function SetValue()
 {
  oField.value = sValue;
  if(sValue == '') sValue = 0;
  sHex = sValue;
 }
 if(event.keyCode == 9 | event.keyCode == 16)
  return;
 var oField = document.colorpicker.hex;
 var sValue = oField.value.replace(/[^0-9a-f]/ig,'');
 if(sValue.length < 1)
  SetValue();
 else
 {
  SetValue();
  Normalize('hex');
 }
}

function HEXfromRGB()
{
 function MakeHex(iDec)
 {
  iDec = Math.round(255 * iDec);
  iDec = iDec.toString(16);
  if(iDec.length < 2) iDec = '0' + iDec;
  return iDec;
 }
 sHex = MakeHex(iRed) + MakeHex(iGreen) + MakeHex(iBlue);
}

function RGBfromHEX()
{
 iRed = parseInt(sHex.substr(0, 2), 16) / 255;
 iGreen = parseInt(sHex.substr(2, 2), 16) / 255;
 iBlue = parseInt(sHex.substr(4, 2), 16) / 255;
 if(isNaN(iRed)) iRed = 0;
 if(isNaN(iGreen)) iGreen = 0;
 if(isNaN(iBlue)) iBlue = 0;
}

function HSVfromRGB()
{
 iMax = Math.max(Math.max(iRed,iGreen),iBlue);
 iMin = Math.min(Math.min(iRed,iGreen),iBlue);
 iLum = iMax;
 iSat = (iMax - iMin) / iMax;

 if(iSat == 0)
  iHue = 0;
 else
 {
  Delta = iMax - iMin;
  switch(iMax)
  {
   case iRed:
    iHue = (iGreen - iBlue) / Delta;
    break;
   case iGreen:
    iHue = 2 + (iBlue - iRed) / Delta;
    break;
   case iBlue:
    iHue = 4 + (iRed - iGreen) / Delta;
    break;
  }

  iHue = iHue * 60;
  if(iHue < 0) iHue += 360;
  if(isNaN(iHue)) iHue = 0;
  if(isNaN(iSat)) iSat = 0;
 }
}

function RGBfromHSV()
{
 if(iSat == 0 && iHue == 0)
  iRed = iGreen = iBlue = iLum;
 else
 {
  var iHueTemp = iHue
  if(iHueTemp == 360) iHueTemp = 0;
  iHueTemp /= 60;
  var i = Math.floor(iHueTemp);
  var f = iHueTemp - i;
  var p = iLum * (1 - iSat);
  var q = iLum * (1 - (iSat * f));
  var t = iLum * (1 - (iSat * (1 - f)));
  switch(i)
  {
   case 0:
    iRed = iLum;
    iGreen = t;
    iBlue = p;
    break;
   case 1:
    iRed = q;
    iGreen = iLum;
    iBlue = p;
    break;
   case 2:
    iRed = p;
    iGreen = iLum;
    iBlue = t;
    break;
   case 3:
    iRed = p;
    iGreen = q;
    iBlue = iLum;
    break;
   case 4:
    iRed = t;
    iGreen = p;
    iBlue = iLum;
    break;
   case 5:
    iRed = iLum;
    iGreen = p;
    iBlue = q;
    break;
  }
 }
}
</script>
```

Permalänk: https://www.webforum.nu/p/630301

## #6 — mikul, 2002-03-23T20:01Z

såg inte den...
jag letar vidare efter nåt annat script då...

/ Mikul

Permalänk: https://www.webforum.nu/p/630320

## #7 — mikul, 2002-03-23T20:29Z

Tjenare igen....nu har jag hittat ett script...
men jag undrar bara hur man får värdet av variabeln color in i ett textfält...eller nån form av formulär....

\<html\>
\<head\>
	\<title\>ColorPicker\</title\>
	\<script language="JavaScript"\>
		var color="#808080";
	\</script\>
\</head\>

\<body link="#0000BB" vlink="#0000BB"\>

\<h2\>\<font color="#5000E0"\>ColorPicker\</font\>\</h2\>
\<b\>Version : 1.3\</b\>\<br\>
\<b\>Last revised date : 18/07/2001\</b\>
\<br\>\<br\>

\<table width="500"\>\<tr\>\<td align="center"\>

\<applet code="colorpicker.class" width="400" height="450" MAYSCRIPT\>
\<param name="variable" value="color"\>
\</applet\>

\<form\>
\<input type="Button" value="Show value in JavaScript" onclick="alert(color);"\>
\</form\>

\<form action="\<%=request.servervariables("scriptname")%\>"\>
\<input type="text" value=""\>   \<------här asså!
\</form\>

/ Mikul

Permalänk: https://www.webforum.nu/p/630327

## #8 — eas, 2002-03-23T20:34Z

är inte helt på det klara vad ni menar men det här kanske kan va nåt:
<http://w1.312.telia.com/~u31224244/schondell/webcolors.html>

Permalänk: https://www.webforum.nu/p/630328

## #9 — mikul, 2002-03-23T20:38Z

tack...
men det är så att jag har ett script....
men jag vill att värdet av variabeln "color" ska skickas med i ett formulär...

variabeln color innehåller hex koden för färgen som man tagit fram...

men nu vill jag skicka med den i ett formulär... value="???"

\<html\> 
\<head\> 
\<title\>ColorPicker\</title\> 
\<script language="JavaScript"\> 
var color="#808080"; 
\</script\> 
\</head\> 

\<body link="#0000BB" vlink="#0000BB"\> 

\<h2\>\<font color="#5000E0"\>ColorPicker\</font\>\</h2\> 
\<b\>Version : 1.3\</b\>\<br\> 
\<b\>Last revised date : 18/07/2001\</b\> 
\<br\>\<br\> 

\<table width="500"\>\<tr\>\<td align="center"\> 

\<applet code="colorpicker.class" width="400" height="450" MAYSCRIPT\> 
\<param name="variable" value="color"\> 
\</applet\> 

\<form\> 
\<input type="Button" value="Show value in JavaScript" onclick="alert(color);"\> 
\</form\> 

\<form action="\<%=request.servervariables("scriptname")%\>"\> 
\<input type="text" value=""\> \<------här asså! 
\</form\> 

hoppas det va lättare att fatta nu...

/ Mikul

Permalänk: https://www.webforum.nu/p/630331

## #10 — solbulle, 2002-03-23T22:22Z

Inte riktigt för att jag vet hur den där java-appleten fungerar, du verkar ju sätta color högst upp!?!

men men,

```
<form > 
<input type="Button" value="Show value in JavaScript" onclick="alert(color);document.colors.textfield.value = color";> 
</form> 

<form name="colors" action="<%=request.servervariables("scriptname")%>"> 
<input type="text" name="textfield" >
</form>
```

Permalänk: https://www.webforum.nu/p/630357

## #11 — mikul, 2002-03-23T22:28Z

Tack! Tack! TAck!

härligt nu funkar det...

men du....hur skulle det se ut om jag ville använda knappen som ett stäng-fönstretknapp och samtidigt spara värdet i color i ett hidden fält som skickas samtidigt som man klickar på knappen....??

kanske lite luddigt...säg till om du inte fattade...

/ Mikul

Permalänk: https://www.webforum.nu/p/630364

## #12 — solbulle, 2002-03-23T23:03Z

Kanske typ något som detta, bygger på att det skickar datat till ett annat fönster iofs. Annars kan du ju inte ta emot det du skíckar, om du fattar vad jag menar...

```
<html> 
<head> 
<title>ColorPicker</title> 
<script language="JavaScript"> 
var color="#808080";

function send(){
document.colors.hiddenfield.value = color;
setTimeout('window.self.close()',500);
return true;
}
</script> 
</head> 

<body link="#0000BB" vlink="#0000BB"> 

<h2><font color="#5000E0">ColorPicker</font></h2> 
<b>Version : 1.3</b><br> 
<b>Last revised date : 18/07/2001</b> 
<br><br> 

<table width="500"><tr><td align="center"> 

<applet code="colorpicker.class" width="400" height="450" MAYSCRIPT> 
<param name="variable" value="color"> 
</applet> 

<form onsubmit="send()" name="colors" action="<%=request.servervariables("scriptname")%>" method ="post" target="main">
<input type="submit" value="Show value in JavaScript"> 
<input type="hidden" name="hiddenfield" >
</form>
```

Permalänk: https://www.webforum.nu/p/630370

## #13 — mikul, 2002-03-23T23:12Z

TAck igen...
men jag lyckades precis lösa det...

\<html\>
\<head\>
	\<title\>ColorPicker\</title\>
	\<script language="JavaScript"\>
		var color="#808080";
	\</script\>
\</head\>

\<body link="#0000BB" vlink="#0000BB"\>

\<%=request.form("textfield")%\>
\<p\>
\<h2\>\<font color="#5000E0"\>ColorPicker\</font\>\</h2\>
\<b\>Version : 1.3\</b\>\<br\>
\<b\>Last revised date : 18/07/2001\</b\>
\<br\>\<br\>

\<table width="500"\>\<tr\>\<td align="center"\>

\<applet code="colorpicker.class" width="400" height="450" MAYSCRIPT\>
\<param name="variable" value="color"\>
\</applet\>

\<form method="post" name="colors" action="\<%=request.servervariables("scriptname")%\>"\> 
\<input type="Submit" value="steg 2!"onclick="document.colors.textfield.value = color";\> 
\<input type="text" name="textfield"\>

\</form\> 

\</td\>\</tr\>\</table\>
\</body\>
\</html\>

/ Mikul

Permalänk: https://www.webforum.nu/p/630375

---

Tråden på webben: https://www.webforum.nu/amne/javascript/40145-rgb-skala