Through dedication and hard work, I managed to create a customized form with images that display correctly in Firefox, Chrome, and Internet Explorer's compatibility mode.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
<head>
<title>InputEdit Demo</title>
<link rel="stylesheet" type="text/css" href="css/standard.css" />
<script type="text/javascript" src="mootools.js"></script>
<script type="text/javascript" src="inputedit.js"></script>
<link href='http://fonts.googleapis.com/css?family=PT+Sans:400,400italic,700' rel='stylesheet' type='text/css'/>
</head>
<body style="margin:30px;">
<form action="form.php" method="post">
<select id="sel_no1" name="sel_no1" class="inputEdit_select">
<option value="1">This Week</option>
<option value="2">This Month</option>
<option value="3">Hall of Fame</option>
</select>
</form>
</body>
</html>
I utilized the Javascript plugins from this source: Download. They are based on MooTools, a JavaScript framework.
However, I am facing an issue where nothing happens when I try to use onclick="this.form.submit();".
Can anyone provide me with a better way to utilize a well-designed select form with onchange submit? Or assist me in solving my current problem?
You can access all my files with a preview by clicking here. I have been trying to resolve this issue for hours and would greatly appreciate any help from someone knowledgeable about it.
Regards, Robin