Variabler på tværs af vinduer
Jeg har fundet et fikst lille script på nettet som viser en farveoversigt som mine medlemmer gerne skulle kunne bruge for at ændre baggrundsfarven på en side.Problemet er at jeg har været nødsaget til at smide denne funktion ind i et nyt vindue, og det felt som brugeren skal skrive koden i er i "_parent" vinduet, så er problemet, hvordan får jeg variablen som bliver skabt smidt over i feltet i det andet vindue?
Scriptet ser sådanher ud:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=iso-8859-1">
<title><?php echo $_SESSION['TitelTekst']; ?></title>
<style type="text/css" media="screen"><!--
table { margin: 0 }
body { color: black; margin: 0; padding: 0 }
h4 { font-size: 17px; font-family: "Eras Bold ITC"; font-weight: bold; margin: 0 }
input { color: #000; font-size: 12px; font-family: "Eras light ITC"; background-color: #ffb400; background-image: url(http://www.thesimcity.dk/Billeder/Input_Bg.jpg); cursor: url('http://www.thesimcity.dk/Billeder/Markoerer/Int_Link.cur'); margin: 0; padding: 0; border-style: solid; border-width: 1px; border-color: #000 #3b3b3b #757575; outline: solid 1px #000; scrollbar-3dlight-color: #000000; scrollbar-arrow-color: #000000; scrollbar-base-color: #FFb400; scrollbar-darkshadow-color: #000000; scrollbar-face-color: #FFb400; scrollbar-highlight-color: #000000; scrollbar-shadow-color: #000000; scrollbar-track-color: #FFb400
}
--></style>
</head>
<body bgcolor="#ffb400">
<table width="100%" border="1" cellspacing="0" cellpadding="0" bordercolor="#000000" height="200">
<tr height="30">
<td valign="top" height="30" background="../../../Billeder/Forum/Forum-Overskrift.jpg">
<h4>Farvevælger</h4>
</td>
</tr>
<tr height="30">
<td bgcolor="#ffb400" height="30">Flyt Markøren over farverne mens du holder museknappen nede.</td>
</tr>
<tr>
<td valign="top">
<script language="JavaScript1.2">
var isNav = (navigator.appName.indexOf("Netscape") !=-1);
var color
var temp
var red=0;
var green=0;
var blue=0;
function click(e)
{ clr=new Array('00','11','22','33','44','55','66','77','88','99','aa','bb','cc','dd','ee','ff');
Xmd = (isNav) ? e.pageX : event.clientX
Ymd = (isNav) ? e.pageY : event.clientY
if(Xmd>100 && Xmd<388 && Ymd>100 && Ymd<120 )
{
temp=(eval(Xmd)-100)/3+1
temp=Math.round(temp)
if(temp>-1 && temp<16)
{
green=temp;
blue=0;
red=15;
}
if(temp>15 && temp<33)
{
green=15;
blue=0;
red=15-temp+15;
}
if(temp>32 && temp<49)
{
green=15;
blue=temp-32;
red=0;
}
if(temp>48 && temp<64)
{
green=15-temp+48;
blue=15;
red=0;
}
if(temp>63 && temp<81)
{
green=0;
blue=15;
red=temp-64;
}
if(temp>80 && temp<96)
{
green=0;
blue=15-temp+80;
red=15;
}
color="#"+clr[red]+clr[green]+clr[blue];
document.changer.ALLHEX.value=clr[red]+clr[green]+clr[blue];
}
if(Xmd>100 && Xmd<229 && Ymd>122 && Ymd<142 )
{
temp=(eval(Xmd)-100)/8-1
temp=Math.round(temp)
temp=15-temp
color="#"+clr[temp]+clr[temp]+clr[temp];
document.changer.ALLHEX.value=clr[temp]+clr[temp]+clr[temp];
}
document.bgColor=color;
}
function begin(){
if (event.button==1)
click()
return true
}
document.onmousemove = begin;
document.onclick=begin
</script>
<style>
table.p1{position:absolute;top:100px;left:100px}
table.p2{position:absolute;top:120px;left:100px}
</style>
<script language="JavaScript">
clr=new Array('00','11','22','33','44','55','66','77','88','99','aa','bb','cc','dd','ee','ff');
document.write("<table border=0 cellpadding=0 cellspacing=0 class=p1>");
document.write("<tr height=20>");
var red=15;
var green=0;
var blue=0;
for (green=0;green<16;green++) {
document.write('<td width=3 bgcolor="#'+clr[red]+clr[green]+clr[blue]+'"></td>');
}
green=15;
blue=0;
red=15;
for (red=15;red>-1;red--) {
document.write('<td width=3 bgcolor="#'+clr[red]+clr[green]+clr[blue]+'"></td>');
}
green=15;
blue=0;
red=0;
for (blue=0;blue<16;blue++) {
document.write('<td width=3 bgcolor="#'+clr[red]+clr[green]+clr[blue]+'"></td>');
}
green=15;
blue=15;
red=0;
for (green=15;green>-1;green--) {
document.write('<td width=3 bgcolor="#'+clr[red]+clr[green]+clr[blue]+'"></td>');
}
green=0;
blue=15;
red=0;
for (red=0;red<16;red++) {
document.write('<td width=3 bgcolor="#'+clr[red]+clr[green]+clr[blue]+'"></td>');
}
green=0;
blue=15;
red=15;
for (blue=15;blue>-1;blue--) {
document.write('<td width=3 bgcolor="#'+clr[red]+clr[green]+clr[blue]+'"></td>');
}
document.write("</tr>");
document.write("</table>");
document.write("<table border=0 cellpadding=0 cellspacing=0 class=p2>");
document.write("<tr height=20>");
for (i=15;i>-1;i--) {
document.write('<td width=8 bgcolor="#'+clr[i]+clr[i]+clr[i]+'"></td>');
}
document.write("</tr>");
document.write("</table>");
</script>
</td>
</tr>
<tr height="30">
<td bgcolor="#ffb400" height="30">
<form name=changer>
<input type="text" name="ALLHEX" size="6" maxlength="6"> </form>
</td>
</tr>
</table>
</body>
</html>
Da mit kendskab til Javascript er rimelig begrænset har jeg ikke selv kunnet hitte ud af det, men har dog fundet ud af at det højst sansynligt er noget I disse linjer som skal tilføjes et eller andet smart noget :P
* * *
color="#"+clr[red]+clr[green]+clr[blue];
document.changer.ALLHEX.value=clr[red]+clr[green]+clr[blue];
->> Her evt? <<-
}
if(Xmd>100 && Xmd<229 && Ymd>122 && Ymd<142 )
{
temp=(eval(Xmd)-100)/8-1
temp=Math.round(temp)
temp=15-temp
color="#"+clr[temp]+clr[temp]+clr[temp];
document.changer.ALLHEX.value=clr[temp]+clr[temp]+clr[temp];
->> Her evt? <<-
* * *
Formen som variablen skal smides ind i hedder postmodify og feltet hedder BGFarve
Håber nogen er villig til at hjælpe her ;)
