D
Dizzee
I'm baffled...
how can I make a simple button multi browser compatible.. or at least
the top 5 browsers....
thank you
<?php
echo date("H:i:s");
?>
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Button Test</title>
</head>
<script type="text/javascript">
function b_changeImage()
{
document.images["BigButton"].src= "big_button_purple_over.png";
return true;
}
function b_changeImageBack()
{
document.images["BigButton"].src = "big_button_purple.png";
return true;
}
function b_handleMDown()
{
document.images["BigButton"].src = "big_button_white.png";
return true;
}
function b_handleMUp()
{
b_changeImage();
return true;
}
function formSubmit()
{
alert("clicked");
document.getElementById("dataform").submit();
}
</script>
<body>
<form name="dataform" method="post" action="button.php">
<input type="text" name="one" id="one" value="who won">
<br>
<input type="text" name="two" id="two" value="you too">
<br>
<input type="text" name="three" id="three" value="three dom">
<br>
<input type="text" name="four" id="four" value="go forth">
</form>
<A href="javascript:formSubmit()" onMouseOver="return
b_changeImage()" onMouseOut= "return b_changeImageBack()"
onMouseDown="return b_handleMDown()" onMouseUp="return
b_handleMUp()"><img id="BigButton" src="images/big_button_purple.png"
class="bigbutt" alt="Big Button"></A>
<?php
echo "<br>";
foreach ($_POST as $key => $value) {
echo "$key => $value<br>\n";
}
?>
</body>
</html>
how can I make a simple button multi browser compatible.. or at least
the top 5 browsers....
thank you
<?php
echo date("H:i:s");
?>
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Button Test</title>
</head>
<script type="text/javascript">
function b_changeImage()
{
document.images["BigButton"].src= "big_button_purple_over.png";
return true;
}
function b_changeImageBack()
{
document.images["BigButton"].src = "big_button_purple.png";
return true;
}
function b_handleMDown()
{
document.images["BigButton"].src = "big_button_white.png";
return true;
}
function b_handleMUp()
{
b_changeImage();
return true;
}
function formSubmit()
{
alert("clicked");
document.getElementById("dataform").submit();
}
</script>
<body>
<form name="dataform" method="post" action="button.php">
<input type="text" name="one" id="one" value="who won">
<br>
<input type="text" name="two" id="two" value="you too">
<br>
<input type="text" name="three" id="three" value="three dom">
<br>
<input type="text" name="four" id="four" value="go forth">
</form>
<A href="javascript:formSubmit()" onMouseOver="return
b_changeImage()" onMouseOut= "return b_changeImageBack()"
onMouseDown="return b_handleMDown()" onMouseUp="return
b_handleMUp()"><img id="BigButton" src="images/big_button_purple.png"
class="bigbutt" alt="Big Button"></A>
<?php
echo "<br>";
foreach ($_POST as $key => $value) {
echo "$key => $value<br>\n";
}
?>
</body>
</html>