Avatar billede aero Nybegynder
27. juni 2003 - 12:37 Der er 12 kommentarer og
1 løsning

overførsel af info til tekst-felt

Jeg er lige stødt på et lille spm !!

Hvis jeg har en side med et formfelt som type="text" og bag dette har jeg et lille icon !!

Hvis jeg klikker på dette icon vil det komme en popup på 200x200 pix ca i denne vil det være en masse små tabeller/kasser men nogle udvalgte farver når jeg klikker på et felt med en farve lukker popup'en automatisk og farve coden fra farven vil stå i mit form felt !!!

nogle der vil lave en lille test form met et lille icon bag og når man klikker på iconet kommer den en lille popup med 2 farver når man så klikker på en farve lukkes popup'en automatisk og farve coden vil stå i tekst felten som #000000  eller hvad farven nu har !!!

herefter vil jeg godt selv kunne lave videre på det med alle de andre farve samt tilkobling af en database hvor form informationerne gemmes !!!
Avatar billede erikjacobsen Ekspert
27. juni 2003 - 12:43 #1
Noget af ideen er i www.erik.jacobsen.org/2001-03-25
Avatar billede dk_akj Nybegynder
27. juni 2003 - 12:44 #2
http://www.js-examples.com/example/?ex=768&mode=1&COLOR_OFF=YES

<html>
<head>
<!--
This file retrieved from the JS-Examples archives
http://www.js-examples.com
1000s of free ready to use scripts, tutorials, forums.
Author: JS-Examples - http://www.js-examples.com/
-->



</head>
<body>

<form name=f1>
<input type=text name=t1 value="default text">
<br>
<input type=button onclick=doIt() value="click to open other window">
</form>

<script>
var _doc ="";
    _doc ="<html><head><title>Choose Color</title></head>";
    _doc+="<body>";
    _doc+="<a href='java script:opener.document.f1.t1.style.backgroundColor=\"red\";self.close();'>";
    _doc+="click to make it red</a>";
    _doc+="<BR>";
    _doc+="<a href='java script:opener.document.f1.t1.style.backgroundColor=\"green\";self.close();'>";
    _doc+="click to make it green</a>";
    _doc+="<BR>";
    _doc+="<a href='java script:opener.document.f1.t1.style.backgroundColor=\"blue\";self.close();'>";
    _doc+="click to make it blue</a>";
    _doc+="</body></html>";
function doIt()
{
  var _win=window.open();
      _win.document.open();
      _win.document.write(_doc);
      _win.document.close();
}
</script>

<BR><center><a href='http://www.js-examples.com'>JS-Examples.com</a></center>
</body>
</html>

//akj
Avatar billede aero Nybegynder
27. juni 2003 - 12:53 #3
ja selve den opsætning som jeg ønsker er !!!

jeg skal lige have noget at spise så tjekker jeg lige om jeg kan rette blå mm til farvecoden og om jeg kan indsætte et billede af farven istedet for en tekst !!!!

men ellers ser det rigtigt ud !!!!
Avatar billede aero Nybegynder
27. juni 2003 - 12:58 #4
erik kan jeg evt få coden til dit eks. ang. navnene for jeg kan bruge lidt fra det eks og lidt fra det code eks. som du skrev !!???
Avatar billede erikjacobsen Ekspert
27. juni 2003 - 12:59 #5
"Vis kilde" - og det er dit ;)
Avatar billede mm12010 Nybegynder
27. juni 2003 - 13:03 #6
<html>
<head>
<title>formside</title>
<script language="JavaScript" type="text/javascript">
<!--
function winOpen(popH,type,felt){
    winTop = (screen.height - 200 - 100) / 2;
    winLeft = (screen.width - 200) / 2;
    features = "height=200,width=200,top="+winTop+",left="+winLeft+",scrollbars=no";
    win = window.open('color.htm','Color',features);
    win.focus();
    }
//-->
</script>
</head>
<body>
<form name="farveform" method="post" action="">
  <input type="text" name="farve">
  <input type="button" name="Button" value="Button" onClick="winOpen();">
</form>
</body>
</html>
----------------------------------------
<html>
<head>
<title>Colors</title>
</head>
<body>
<table width="50" cellspacing="2" cellpadding="0">
  <tr>
    <td style="background-color: #FF0000;" onClick="opener.document.farveform.farve.value=this.style.backgroundColor;">R&oslash;d</td>
    <td style="background-color: #0000FF;" onClick="opener.document.farveform.farve.value=this.style.backgroundColor;">Bl&aring;</td>
  </tr>
</table>
<br><br>
<table width="50" cellspacing="2" cellpadding="0">
  <tr>
    <td onClick="opener.document.farveform.farve.value='#FF0000';">R&oslash;d</td>
    <td onClick="opener.document.farveform.farve.value='#OOOOFF';">Bl&aring;</td>
  </tr>
</table>
</body>
</html>
Avatar billede aero Nybegynder
27. juni 2003 - 13:04 #7
kender godt metoden !! ;)

Er bare ikke typen der stjæler fra andres sider uden lige at spørge !!!

Men mange tak vender lige tilbage !!
Avatar billede edutasia Nybegynder
27. juni 2003 - 13:09 #8
Her er et eksempel, hvor farverne er defineret i en tabel og pop-up'en blot er et lag på siden, der vises/skjules efter behov. Det er meget nemt at ændre - du skal blot tilføje nye celler (evt. i flere rækker) i tabellen og sætte deres bgcolor til den farve, der skal kunne vælges - resten sker helt automatisk...


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML>
<HEAD>
<TITLE>Vælg farve</TITLE>
<style>
#idColors {position:absolute; top:0px; left:0px;  background-color:silver; padding:0px}
#idColors table {margin:0px}
#idColors td {padding:0px; font-size:10px; line-height:10px; width: 15px; height:15px}
</style>

<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;
}
</script>
</HEAD>

<BODY onclick="idColors.style.display = 'none'">
<form name="colorForm">
<img src="icon_color.gif" onclick="toggleColors()" width=16 height=16>&nbsp;<input name="inColor" type="text" value="">
</form>
<div id="idColors" style="display:none;">
<table onclick="selectColor()">
<tr>
  <td bgcolor="red" title="Rød">&nbsp;</td>
  <td bgcolor="blue" title="Blå">&nbsp;</td>
</tr>
</table>
</div>
</BODY>
</HTML>
Avatar billede aero Nybegynder
27. juni 2003 - 13:21 #9
TIL ANDRE SOM GERNE VIL SVAR ELLER KOMME MED EKS.  vil I ikke nok lade vær for så kommer jeg til et punkt hvor jeg ikke kan bestemme mig til hvad jeg skal bruge !! ;)

Men mange tak til jer der har kommet med disse end til nu !! 3 meget gode eks som jeg tror jeg til bygge lidt sammen da det er mange gode ting ved de forskellige !!!  kan godt lide det med det skjulte layer osv !!!

ERIKJACOBSEN, MM12010 & EDUTASIA

vil I venligst lægge et svar alle 3 har lige lægt lidt ekstra P i dette spm og så deler vi disse i 3 !!!!

Og mange tak der er noget at bygge videre på både med farver og teksttyper mm !!

Jeg takker også for de hurtige svar og bukker dybt med stor respekt !! ;)
Avatar billede erikjacobsen Ekspert
27. juni 2003 - 13:24 #10
Nej tak, jeg skal ikke have 50p for et gammelt link. Jeg frafalder
Avatar billede aero Nybegynder
27. juni 2003 - 16:24 #11
når okay !!  :)

Lige en hurtig ting ang dette !!!


http://www.javacoder.dk:56400/farvecode/test/default.asp
hvordan kan jeg lave en lille td bag billeder på 24x12 pix ca. som er den farve som der nu står i tekst feltet !???
Avatar billede aero Nybegynder
05. juli 2003 - 15:26 #12
???
Avatar billede aero Nybegynder
05. juli 2003 - 15:27 #13
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
Kurser inden for grundlæggende programmering

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