Notifikationer

Markér alle som læst Log ud

loukas Mester

29. marts 2004 - 09:18 Der er 7 kommentarer og
1 løsning

submit ved ændring af felt

Jeg har denne form hvor brugeren kan vælge farver.
Ved klik på color.gif kommer en popup hvor de kan vælge en farve, og den indsætte så i text-feltet.
Jeg vil gerne have den submitter af si selv når farve-kodenn er sat ind i text-feltet.
Hvordan gør jeg ?!?!

<form name="formName4" ID="Form4">
<input type="Text" id="TabelRammeTop" value="" NAME="TabelRammeTop">
<a href="java script:show_color_dialog('TabelRammeTop', 4);"><img src="color.gif" border="0"></a>
</form>

Synes godt om

medions Nybegynder

29. marts 2004 - 09:20 #1

<form name="formName4" ID="Form4">
<input type="Text" id="TabelRammeTop" value="" NAME="TabelRammeTop">
<a href="java script:show_color_dialog('TabelRammeTop', 4);document.formName4.submit();"><img src="color.gif" border="0"></a>
</form>

//>Rune

Synes godt om

loukas Mester

29. marts 2004 - 09:23 #2

Ups, den submitter inden der er blevet valgt en farve fra popup-vinduet ;-(

Synes godt om

loukas Mester

29. marts 2004 - 09:26 #3

Jeg har prøvet sådan her, men der sker ikke rigtigt niget:
<form name="formName4" ID="Form4">
<input onchange=document.formName4.submit(); type="Text" id="TabelRammeTop" value="" NAME="TabelRammeTop">
<a href="java script:show_color_dialog('TabelRammeTop', 4);"><img src="color.gif" border="0"></a>
</form>

Synes godt om

mm12010 Nybegynder

29. marts 2004 - 10:41 #4

må vi se koden til "show_color_dialog" ?-)

Synes godt om

loukas Mester

29. marts 2004 - 12:20 #5

Siden hvor der vælges farver:
<TABLE ALIGN="center" WIDTH="460" BORDER="0" CELLSPACING="2" CELLPADDING="2" ID="Table3" bgcolor="#cccccc">
<TR>
<TD><font face="verdana" size="1"><b>Farver</b></font></TD>
</TR>
</TABLE>
<TABLE ALIGN="center" WIDTH="460" BORDER="0" CELLSPACING="2" CELLPADDING="2" ID="Table4" bgcolor="#f5f5f5">
<TR>
<TD width="210"><font face="verdana" size="1"><b>Baggrund</b></font></TD>
<TD width="20" bgcolor="<%=strBaggrund%>"><font face="verdana" size="1">Aktuel farve</font></TD>
<TD width="230">
<form name="formName2" ID="Form1">
<input type="Text" id="Baggrund" value="" NAME="Baggrund">
<a href="java script:show_color_dialog('Baggrund', 2);"><img src="color.gif" border="0"></a>
</form>
</TD>
</TR>
</TABLE>
<br>
<TABLE ALIGN="center" WIDTH="460" BORDER="0" CELLSPACING="2" CELLPADDING="2" ID="Table1" bgcolor="#f5f5f5">
<TR>
<TD width="210"><font face="verdana" size="1"><b>TabelBaggrund</b></font></TD>
<TD width="20" bgcolor="<%=strTabelBaggrund%>"><font face="verdana" size="1">Aktuel farve</font></TD>
<TD width="230">
<form name="formName3" ID="Form3">
<input type="Text" id="TabelBaggrund" value="" NAME="TabelBaggrund">
<a href="java script:show_color_dialog('TabelBaggrund', 3);"><img src="color.gif" border="0"></a>
</form>
</TD>
</TR>
</TABLE>

Og koden til color_dialog:

var newWin_doc = null;
var newWin = null;
var returnObj = null;
var returnType = 0;

function trim(strText) {
while (strText.substring(0,1) == ' ')
strText = strText.substring(1, strText.length);
while (strText.substring(strText.length-1,strText.length) == ' ')
strText = strText.substring(0, strText.length-1);
return strText;
}

function verifycolor() {
string = newWin_doc.getElementById('ColorHex').value;
if (string == "") {alert("Ugyldig farve!!!"); return null;};

string = string.replace(/#/,"");
string = trim(string);
if (string.length != 6) {alert("Ugyldig farve!!!"); return null;};
stdstr = '0123456789abcdefABCDEF';

for (i=0; i<string.length; i++) {
chr = string.charAt(i);
if (stdstr.indexOf(chr) == -1) {alert("Ugyldig farve!!!"); return null;};
}
return string;
}

function customcolor(){
str = verifycolor();
if (str != null){preview(str)};
}

function preview(color) {
//alert("testing" + color);
newWin_doc.getElementById('ColorPreview').style.backgroundColor = '#' + color;
newWin_doc.getElementById('ColorHex').value = '#' + color;
}

function returncolor() {
color = verifycolor();
if (color == null) {alert("Invalid color!!!");}
else {
if (returnType == 0) {
document.getElementById(returnObj).value = '#' + color.toUpperCase();
} else if (returnType == 1) {
document.getElementById(returnObj).style.backgroundColor = '#' + color.toUpperCase();
} else {
document.getElementById(returnObj).value = '#' + color.toUpperCase();
document.getElementById(returnObj).style.backgroundColor = '#' + color.toUpperCase();
}
newWin.close();
}
}

function init(){
var count = 0;
var rbg = new Array("00", "33","66", "99", "cc","ff");
var color = "000000";
newWin_doc.write("<table class=\"mytable\"><tr>");
for (var i=0; i<rbg.length; i++){
for (var j=0; j<3; j++){
for (var k=0; k<rbg.length; k++){
color = rbg[j] + rbg[k] + rbg[i];
newWin_doc.write("<td onmouseover=\"window.opener.preview('" + color + "');\" onclick=\"window.opener.returncolor();\" width=8 height=11 bgcolor=" + color + "> </td>");
count++;
if ((count % 18) == 0) {
newWin_doc.write("</tr><tr>");
}
}
}
}
for (var i=0; i<rbg.length; i++){
for (var j=3; j<rbg.length; j++){
for (var k=0; k<rbg.length; k++){
color = rbg[j] + rbg[k] + rbg[i];
newWin_doc.write("<td onmouseover=\"window.opener.preview('" + color + "');\" onclick=\"window.opener.returncolor();\" width=8 height=11 bgcolor=" + color + "> </td>");
count++;
if ((count % 18) == 0) {
newWin_doc.write("</tr><tr>");
}
}
}
}
newWin_doc.write("</tr></table>");
}

function show_color_dialog(returnVar, type) {
returnType = 0;
newWin = window.open("", "FarvePalette", "width=251,height=215,status=no,resizable=no, scrollbars=no,top=200,left=300");
newWin.opener = self;
newWin_doc = newWin.document;
returnObj = returnVar;
if (type) {returnType = type;}

newWin_doc.writeln('<html>');
newWin_doc.writeln('<head>');
newWin_doc.writeln('<title>FarvePalette</title>');
newWin_doc.writeln('<style type="text/css"></style>');
newWin_doc.writeln('</head>');

newWin_doc.writeln('<body bgcolor="#000000" style="margin: 3px;">');
newWin_doc.writeln('<table border=0 cellspacing=0 cellpadding=4 width=100%>');
newWin_doc.writeln('<tr>');
newWin_doc.writeln('<td style="background-color: buttonface;" valign=center><div style="background-color: #000000; padding: 1; height: 21px; width: 50px"><div id="ColorPreview" style="height: 100%; width: 100%"></div></div></td>');
newWin_doc.writeln('<td style="background-color: buttonface;" valign=center><input type="text" id="ColorHex" value="#000000" size=9 style="font-size: 11px"></td>');
newWin_doc.writeln('<td style="background-color: buttonface;" valign=center><button onclick="window.opener.customcolor();">VIS</button></td>');
newWin_doc.writeln('<td style="background-color: buttonface;" valign=center><button onclick="window.opener.returncolor();">OK</button></td>');
newWin_doc.writeln(' <td style="background-color: buttonface;" width=100%></td>');
newWin_doc.writeln('</tr>');
newWin_doc.writeln('</table>');

newWin_doc.writeln('<table><tr>');
newWin_doc.writeln('<td>');
newWin_doc.writeln('<table>');
newWin_doc.writeln('<tr><td onmouseover="window.opener.preview(\'000000\');" onclick="window.opener.returncolor();" width=8 height=11 bgcolor="#000000"> </td></tr>');
newWin_doc.writeln('<tr><td onmouseover="window.opener.preview(\'333333\');" onclick="window.opener.returncolor();" width=8 height=11 bgcolor="#333333"> </td></tr>');
newWin_doc.writeln('<tr><td onmouseover="window.opener.preview(\'666666\');" onclick="window.opener.returncolor();" width=8 height=11 bgcolor="#666666"> </td></tr>');
newWin_doc.writeln('<tr><td onmouseover="window.opener.preview(\'999999\');" onclick="window.opener.returncolor();" width=8 height=11 bgcolor="#999999"> </td></tr>');
newWin_doc.writeln('<tr><td onmouseover="window.opener.preview(\'cccccc\');" onclick="window.opener.returncolor();" width=8 height=11 bgcolor="#cccccc"> </td></tr>');
newWin_doc.writeln('<tr><td onmouseover="window.opener.preview(\'ffffff\');" onclick="window.opener.returncolor();" width=8 height=11 bgcolor="#ffffff"> </td></tr>');
newWin_doc.writeln('<tr><td onmouseover="window.opener.preview(\'ff0000\');" onclick="window.opener.returncolor();" width=8 height=11 bgcolor="#ff0000"> </td></tr>');
newWin_doc.writeln('<tr><td onmouseover="window.opener.preview(\'00ff00\');" onclick="window.opener.returncolor();" width=8 height=11 bgcolor="#00ff00"> </td></tr>');
newWin_doc.writeln('<tr><td onmouseover="window.opener.preview(\'0000ff\');" onclick="window.opener.returncolor();" width=8 height=11 bgcolor="#0000ff"> </td></tr>');
newWin_doc.writeln('<tr><td onmouseover="window.opener.preview(\'ff00ff\');" onclick="window.opener.returncolor();" width=8 height=11 bgcolor="#ff00ff"> </td></tr>');
newWin_doc.writeln('<tr><td onmouseover="window.opener.preview(\'ffff00\');" onclick="window.opener.returncolor();" width=8 height=11 bgcolor="#ffff00"> </td></tr>');
newWin_doc.writeln('<tr><td onmouseover="window.opener.preview(\'00ffff\');" onclick="window.opener.returncolor();" width=8 height=11 bgcolor="#00ffff"> </td></tr>');
newWin_doc.writeln('</table>');
newWin_doc.writeln('</td>');
newWin_doc.writeln('<td>');

init();

newWin_doc.writeln('</td>');
newWin_doc.writeln('</tr></table>');

newWin_doc.writeln('<div align="right"><font size="-2" face="Verdana"><a target="_blank" href="http://www.trampedach-technology.dk"><font color="#ffffff">Trampedach-Technology</font></a>  </font></div>');
newWin_doc.writeln('</body>');
newWin_doc.writeln('</html>');

if(navigator.appName != "Microsoft Internet Explorer")
{
newWin_doc.close();
}
}

Synes godt om

roenving Novice

29. marts 2004 - 18:23 #6

Det nemmeste er at rette i denne:

function returncolor() {
color = verifycolor();
if (color == null) {alert("Invalid color!!!");}
else {
if (returnType == 0) {
document.getElementById(returnObj).value = '#' + color.toUpperCase();
} else if (returnType == 1) {
document.getElementById(returnObj).style.backgroundColor = '#' + color.toUpperCase();
} else {
document.getElementById(returnObj).value = '#' + color.toUpperCase();
document.getElementById(returnObj).style.backgroundColor = '#' + color.toUpperCase();
}
newWin.close();
document.getElementById(returnObj).form.submit();
}
}

Synes godt om

mm12010 Nybegynder

14. september 2005 - 12:06 #7

skal vi lukke dette spg ?-)

Synes godt om

loukas Mester

20. marts 2013 - 17:08 #8

lukker

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

14/08

Derfor skal du vælge en laptop med denne særlige processor: Hele to dages drift

14/08

Nærmer sig værdisætning på 100 milliarder kroner: Skandinavisk vibe coding-komet henter stort beløb for at vokse yderligere

14/08

Nørgaard: Ingen vej udenom: Vi må snart droppe menneskelig indblanding i den offentlige sagsbehandling

14/08

Efter afpresningsforsøg: Hackere frigiver store mængder hemmelig Novo Nordisk-data - lægger alt gratis ud

14/08

Ny bølge af advarsler: Hvis Apple sender dig denne push-besked om, at din enhed er angrebet med spyware, bør du tage den alvorligt

14/08

Sådan bruger Norlys' it-direktør AI-agenter i sin dagligdag: "Jeg er blevet dobbelt så effektiv, som jeg var for to år siden"

14/08

Humac i alvorlige problemer efter kæmpe-underskud - lukker alle danske butikker i redningsforsøg

14/08

Styrtdykker: Nye rivaler presser OpenAI og Anthropic ud i heftig priskrig - sænker AI-priser markant

14/08

Indeholder trojansk hest: Pas på falske jobtilbud stilet til it-professionelle

14/08

I den groteske komedie Digger ligner en af verdens mest genkendelige skuespillere absolut ikke sig selv

14/08

Microsoft har netop patchet 421 sårbarheder: Nu slår kendt hacker til igen - offentliggør alvorlig hul for at plage Microsoft

Vis flere artikler

IT-JOB

Qpurpose ApS

Algorithmic Software Engineer (Python)

Statens IT

Driftstekniker med fokus på Elasticsearch, Linux og Kafka

Forsvarsministeriets Materiel- og Indkøbsstyrelse

Unified Communications specialist til IT-Operations i Cyberdivisionen

Netcompany A/S

IT Consultant

HIMSA

DevOps-udvikler – sæt retningen for vores cloudplatform

Vis flere jobs

Seneste spørgsmål Seneste aktivitet

I dag 11:56	Er det muligt at lave sin egen webserver i boligforening? Af Strawberry i Cloudtjenester
I går 10:21	Ny printer, men hvilken Af mort1 i Printere
13/0819:41	USB på Linux Af Uvanga i Linux
12/0818:26	Hvilken type mus Af mort1 i PC
11/0813:21	ms Forms Af leahcim i Andet software

White papers

Er det tid til at pensionere printserveren?
Konica Minolta
De spørgsmål 200+ danske virksomheder stiller om print – samlet i én guide
Konica Minolta
Undgå at printeren bliver svageste led i sikkerheden
Konica Minolta
Samarbejde mellem AI og mennesker styrker sikkerheden
Konica Minolta

Flere white papers »