Hi,
When I click on the line 'Technical support issue', the Yahoo UI dialog shows up and take an input via select box. The text 'Technical support issue' but sets to the old value when the modal box disappears.
Thanks in advance for your help.
-- Shehab
Here is the source code. (It is also hosted at http://omarshehab.googlepages.com/test.html)
=========================
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<style><endnote><head>
<style><endnote><head>
<style><endnote><head>
<style><endnote><head>
<style><endnote><head>
<style><endnote><head>
<style><endnote><head>
<style><endnote><head>
<style><endnote><head>
<style><endnote><head>
<style><endnote><head>
<style><endnote><head>
<style><endnote><head>
<style><endnote><head>
<style><endnote><head>
<style><endnote><head>
<style><endnote><head>
<style><endnote><head>
<style><endnote><head>
<style><endnote><head>
<style><endnote><head>
<style><endnote><head>
<style><endnote><head>
<style><endnote><head>
<style><endnote><head>
<style><endnote><head>
<style><endnote><head>
<style><endnote><head>
<style><endnote><head>
<style><endnote><head>
<style><endnote><head>
<style><endnote><head>
<style><endnote><head>
<style><endnote><head>
<style><endnote><head>
<style><endnote><head>
<style><endnote><head>
<style><endnote><head>
<style><endnote><head>
<style><endnote><head>
<style><endnote><head>
<style><endnote><head>
<style></style>
<title>Nothing
</title>
<!-- Sam Skin CSS -->
<link rel="stylesheet" type="text/css"
href="http://yui.yahooapis.com/2.5.1/build/container/assets/skins/sam/container.css">
<!-- OPTIONAL: You only need the YUI Button CSS if you're including the Button script fille, mentioned above. -->
<link rel="stylesheet" type="text/css"
href="http://yui.yahooapis.com/2.5.1/build/button/assets/skins/sam/button.css">
<!-- Dependencies -->
<script type="text/javascript"
src="http://yui.yahooapis.com/2.5.1/build/yahoo-dom-event/yahoo-dom-event.js"></script><!-- OPTIONAL: Animation (only required if enabling animation) -->
<script type="text/javascript"
src="http://yui.yahooapis.com/2.5.1/build/animation/animation-min.js"></script><!-- OPTIONAL: Connection (only required if using Dialog/SimpleDialog) -->
<script type="text/javascript"
src="http://yui.yahooapis.com/2.5.1/build/connection/connection-min.js"></script><!-- OPTIONAL: Drag & Drop (only required if enabling Drag & Drop for Panel/Dialog/SimpleDialog) -->
<script type="text/javascript"
src="http://yui.yahooapis.com/2.5.1/build/dragdrop/dragdrop-min.js"></script><!-- OPTIONAL: YUI Button (only required if using Dialog/SimpleDialog with YUI Buttons) --><!-- You only need to include element and button if you're using Dialog or SimpleDialog and want the Dialog or SimpleDialog to use YUI Buttons, instead of HTML Buttons -->
<script type="text/javascript"
src="http://yui.yahooapis.com/2.5.1/build/element/element-beta-min.js"></script>
<script type="text/javascript"
src="http://yui.yahooapis.com/2.5.1/build/button/button-min.js"></script><!-- Source file -->
<script type="text/javascript"
src="http://yui.yahooapis.com/2.5.1/build/container/container-min.js"></script>
</head>
<body class="yui-skin-sam">
<style>
#example {height:30em;}
label { display:block;float:left;width:45%;clear:left; }
.clear { clear:both; }
#resp { margin:10px;padding:5px;border:1px solid #ccc;background:#fff;}
#resp li { font-family:monospace }
</style>
<script>
YAHOO.namespace("example.container");
function click(){
YAHOO.example.container.dialog1 = new YAHOO.widget.Dialog("dialog1", { width : "300px", fixedcenter : true, visible : true, modal:true, constraintoviewport : true } );
var result = YAHOO.example.container.dialog1.render();
}
function submit1(){
var ping = document.getElementById("select1");
document.getElementById('show').innerHTML=ping.options[ping.selectedIndex].value;
}
</script>
<div id="myDialog">
<div class="hd">Subjects <font color="blue"
size="0">Click
to edit</font></div>
<br>
<br>
<br>
<div id="show"
style="color: blue; font-size: 0.8em; font-family: Verdana;"
onclick="click();">Technical
support issue</div>
<div style="color: blue; font-size: 0.8em; font-family: Verdana;"
onclick="alert('You clicked me.');return false;">Expression
of Interest</div>
<div style="color: blue; font-size: 0.8em; font-family: Verdana;">It
is a general query</div>
<div style="color: blue; font-size: 0.8em; font-family: Verdana;">Need
sales information</div>
</div>
<div id="dialog1" style="visibility: hidden;">
<div class="hd">Select subject</div>
<div class="bd">
<form name="form1" method="post" action=""
onsubmit="return submit()">
<select name="cars" id="select1">
<option value="Technical Suport Issue">Technical Suport
Issue</option>
<option value="Request for Data Sheet">Request for Data
Sheet</option>
<option value="Need sales information">Need sales
information</option>
<option value="It is a general query">It is a general
query</option>
</select>
<br>
<button onclick="submit1()">Submit</button>
<button>Reset</button>
</form>
</div>
</div>
</body>
</html>
Before you post, read our: 
<DIV> is updated temporarily from Yahoo UI from dialogue
