Click here to Skip to main content
15,896,063 members

Comments by ANOOP CL NAIR (Top 36 by date)

ANOOP CL NAIR 13-Oct-12 0:49am View    
<!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">
<head id="Head1" runat="server">
<title></title>
<script src="javascript/jquery-1.4.3.min.js" type="text/javascript"></script>
<style type="text/css">
.web_dialog_overlay
{
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
height: 100%;
width: 100%;
margin: 0;
padding: 0;
background: #000000;
opacity: .15;
filter: alpha(opacity=15);
-moz-opacity: .15;
z-index: 101;
display: none;
}
.web_dialog
{
display: none;
position: fixed;
width: 380px;
height: 200px;
top: 50%;
left: 50%;
margin-left: -190px;
margin-top: -100px;
background-color: #ffffff;
border: 2px solid #336699;
padding: 0px;
z-index: 102;
font-family: Verdana;
font-size: 10pt;
}
.web_dialog_title
{
border-bottom: solid 2px #336699;
background-color: #336699;
padding: 4px;
color: White;
font-weight:bold;
}
.web_dialog_title a
{
color: White;
text-decoration: none;
}
.align_right
{
text-align: right;
}
</style>
<script type="text/javascript">

$(document).ready(function () {
$("#btnShowSimple").click(function (e) {
ShowDialog(false);
e.preventDefault();
});

$("#btnShowModal").click(function (e) {
ShowDialog(true);
e.preventDefault();
});

$("#btnClose").click(function (e) {
HideDialog();
e.preventDefault();
});

$("#btnSubmit").click(function (e) {
var brand = $("#brands input:radio:checked").val();
$("#output").html("Your favorite mobile brand: " + brand);
HideDialog();
e.preventDefault();
});
});

function ShowDialog(modal) {
$("#overlay").show();
$("#dialog").fadeIn(300);

if (modal) {
$("#overlay").unbind("click");
}
else {
$("#overlay").click(function (e) {
HideDialog();
});
}
}

function HideDialog() {
$("#overlay").hide();
$("#dialog").fadeOut(300);
}



allOptions.open = function (type, data) {
jQuery(this).parent().appendTo("form:first");
};
jQuery('.class').dialog(allOptions);





</script>
</head>
ANOOP CL NAIR 13-Oct-12 0:41am View    
Deleted
<body>
<form id="form1" runat="server">

<input type="button" id="btnShowSimple" value="Simple Dialog" önclick="return btnShowSimple_onclick()" />
<br /><br />

<div id="output"></div>

<div id="overlay" class="web_dialog_overlay"></div>

<div id="dialog" class="web_dialog">
<table style="width: 100%; border: 0px;" cellpadding="3" cellspacing="0">
<tr>
<td class="web_dialog_title">Online Survey</td>
<td class="web_dialog_title align_right">
Close
</td>
</tr>


<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td colspan="2" style="padding-left: 15px;">
Add new course
</td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td colspan="2" style="padding-left: 15px;">
<div id="brands">
<asp:DropDownList ID="DropDownList1" runat="server" OnSelectedIndexChanged="DropDownList1_SelectedIndexChanged" AutoPostBack="True" value="Simple Dialog" >

<asp:DropDownList ID="DropDownList2" runat="server" AutoPostBack="True">


</div>
</td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td colspan="2" style="text-align: center;">
<input id="btnSubmit" type="button" value="Submit" />
</td>
</tr>
</table>
</div>
</form>
</body>
</html>
ANOOP CL NAIR 13-Oct-12 0:11am View    
Deleted
thanks
ANOOP CL NAIR 12-Oct-12 13:48pm View    
thank u for ur replay....can u please give me the full code with postback dropdown example....

ANOOP CL NAIR 12-Oct-12 4:47am View    
i have a button in .aspx page ...when i click on button ..it will open a popup....now i am using modalpopextender...problem in modalpopextender...so i need to try another popup which contain some dropdown list....dropdown1 contain countries, dropdown2 contain state....for example if i select dropdown1 then dropdown2 will only display states of india....