[request][html+js]please find the error in this code

the code

Code:

<html>
<head>
<link rel="stylesheet" type="text/css" href="css/screen.css">
<script type="text/javascript" src="js/ddcolorposter.js"></script>
<script type="text/javascript" src="js/YAHOO.js" ></script>
<script type="text/javascript2" src="js/log.js" ></script>
<script type="text/javascript" src="js/color.js" ></script>

<script type="text/javascript" src="js/event.js" ></script>
<script type="text/javascript" src="js/dom.js" ></script>
<script type="text/javascript" src="js/animation.js" ></script>
<script type="text/javascript" src="js/dragdrop.js" ></script>

<script type="text/javascript" src="js/slider.js" ></script>
<script type="text/javascript">

var hue;
var picker;
//var gLogger;
var dd1, dd2;
var r, g, b;

function init() {
   if (typeof(ygLogger) != "undefined")
      ygLogger.init(document.getElementById("logDiv"));
   pickerInit();
   ddcolorposter.fillcolorbox("colorfield1", "colorbox1") //PREFILL "colorbox1" with hex value from "colorfield1"
   ddcolorposter.fillcolorbox("colorfield2", "colorbox2") //PREFILL "colorbox1" with hex value from "colorfield1"
}

// Picker ---------------------------------------------------------

function pickerInit() {
   hue = YAHOO.widget.Slider.getVertSlider("hueBg", "hueThumb", 0, 180);
   hue.onChange = function(newVal) { hueUpdate(newVal); };

   picker = YAHOO.widget.Slider.getSliderRegion("pickerDiv", "selector",
         0, 180, 0, 180);
   picker.onChange = function(newX, newY) { pickerUpdate(newX, newY); };

   hueUpdate();

   dd1 = new YAHOO.util.DD("pickerPanel");
   dd1.setHandleElId("pickerHandle");
   dd1.endDrag = function(e) {
      // picker.thumb.resetConstraints();
      // hue.thumb.resetConstraints();
};
}

executeonload(init);

function pickerUpdate(newX, newY) {
   pickerSwatchUpdate();
}

function hueUpdate(newVal) {

   var h = (180 - hue.getValue()) / 180;
   if (h == 1) { h = 0; }

   var a = YAHOO.util.Color.hsv2rgb( h, 1, 1);

   document.getElementById("pickerDiv").style.backgroundColor =
      "rgb(" + a[0] + ", " + a[1] + ", " + a[2] + ")";

   pickerSwatchUpdate();
}

function pickerSwatchUpdate() {
   var h = (180 - hue.getValue());
   if (h == 180) { h = 0; }
   document.getElementById("pickerhval").value = (h*2);

   h = h / 180;

   var s = picker.getXValue() / 180;
   document.getElementById("pickersval").value = Math.round(s * 100);

   var v = (180 - picker.getYValue()) / 180;
   document.getElementById("pickervval").value = Math.round(v * 100);

   var a = YAHOO.util.Color.hsv2rgb( h, s, v );

   document.getElementById("pickerSwatch").style.backgroundColor =
      "rgb(" + a[0] + ", " + a[1] + ", " + a[2] + ")";

   document.getElementById("pickerrval").value = a[0];
   document.getElementById("pickergval").value = a[1];
   document.getElementById("pickerbval").value = a[2];
   var hexvalue = document.getElementById("pickerhexval").value =
      YAHOO.util.Color.rgb2hex(a[0], a[1], a[2]);
      ddcolorposter.initialize(a[0], a[1], a[2], hexvalue)
}

</script>



</head>
<body>

<form action="pro.php" method="post">
<div>
text: <input name="text" type="text"> (use | for new line)
</div>
<div>
won: <input name="won" type="text">
</div>
<div>
draw: <input name="draw" type="text">
</div>
<div>
lost: <input name="lost" type="text">
</div>
<div>
<div id="pickerPanel" class="dragPanel">
<h4 id="pickerHandle"> </h4>
<div id="pickerDiv">
<img id="pickerbg" src="img/pickerbg.png" alt="">
<div id="selector"><img src="img/select.gif"></div>
</div>

<div id="hueBg">
<div id="hueThumb"><img src="img/hline.png"></div>
</div>

<div id="pickervaldiv">
<form name="pickerform" onsubmit="return pickerUpdate()">
<br />
R <input name="pickerrval" id="pickerrval" type="text" value="0" size="3" maxlength="3" />
H <input name="pickerhval" id="pickerhval" type="text" value="0" size="3" maxlength="3" />
<br />
G <input name="pickergval" id="pickergval" type="text" value="0" size="3" maxlength="3" />
S <input name="pickergsal" id="pickersval" type="text" value="0" size="3" maxlength="3" />
<br />
B <input name="pickerbval" id="pickerbval" type="text" value="0" size="3" maxlength="3" />
V <input name="pickervval" id="pickervval" type="text" value="0" size="3" maxlength="3" />
<br />
<br />
# <input name="pickerhexval" id="pickerhexval" type="text" value="0" size="6" maxlength="6" />
<br />

</form>
</div>

<div id="pickerSwatch"> </div>
</div>

   </div>

</div>
</div>
</div>
pie colour (be sure to select the box first to use this colour picker) : <input name="colour" type="text" id="colorfield1" onFocus="ddcolorposter.echocolor(this, 'colorbox1')"> <span id="colorbox1"

class="colorbox">____</span> <br />

<input type="submit">
</form>
</body>
</html>

the problem is
when we click the submit button it wo'nt work , can any1 tell what is the problem
and if you want i will share the code of pro.php , i am fully open source Smile

Stubru Freak

What exactly doesn't work? What happens and what should happen?

Star Wars Fanatic

The page submits fine for me in Safari and Firefox.

The only thing I happened to notice was that your div tags are really messed up, I think you have a few extra ending tags, or something, fix that, and see if it helps, which browser are you using to test it?

And just to make sure I understood, when you click the submit button, you want it to go to pro.php right, you don't want any JavaScript to execute?

rvec

moved

mahirharoon

Stubru Freak wrote:

What exactly doesn't work? What happens and what should happen?

what does not work is the submit button it is know to have some problem in the textbox , it think it needs read only but problem is the user should put cursor on box to use it
this is pro.php

Code:

<?php
$iWon = $_REQUEST[won];
$iDraw = $_REQUEST[draw];
$iLost = $_REQUEST[lost];
?>
<img src="http://chart.apis.google.com/chart?chs=300x200&cht=p3&chl=Won|Draw|Lost&chd=t:<?php echo $iWon; ?>.0,<?php echo $iDraw; ?>.0,<?php echo $iLost; ?>.0&chtt=<?php echo "$_REQUEST[text]" ?>&chco=<?php echo "$_REQUEST[colour]" ?>" width="300" height="200" alt="<?php echo "$_REQUEST[text]" ?>" />