Hi,
In my web forms app. I would like to call a dll function. But in this dll function I would like to pop up a modal dialog (customized) according to a specific condition. How can I make a such dll and use it in my web forms app?
Here is my sample class library;
ImportsSystem.Web.UIHere is how I want my custom pop up;
ImportsSystem.Web
PublicClassUtility
PublicSubManageExpenseCulture(message AsString)
Dim page AsPage=DirectCast(HttpContext.Current.Handler,Page)
ScriptManager.RegisterStartupScript(page, page.[GetType](),"script","alert('"+ message +"')",True)
EndSub
EndClass
<html>
<head>
<scriptsrc="http://code.jquery.com/jquery-1.9.1.js"></script>
<scriptsrc="http://code.jquery.com/ui/1.10.2/jquery-ui.js"></script>
<script>
isIE =false;
</script>
<!--[if IE]>
<script>
isIE = true;
</script>
<![endif]-->
<script>
$(function(){
$(".pen1").draggable({ handle:".handle"});
if( isIE ){
$(".IEdeYok").remove();
}
$(".pen1 .iptal").on("click",function(){
alert("iptal ediyoruz \nkullanici : "+ $("#kullanici").val()+" \nparola : " + $("#parola").val());
});
$(".pen1 .girisyap").on("click",function(){
alert("giris yapiyoruz \nkullanici : "+ $("#kullanici").val()+ " \nparola : " + $("#parola").val());
});
});
</script>
<style>
.pen1{
position:relative;
top:200px;
left:300px;
background-image:url(butun-kutucuk.png);
width:354px;
height:220px;
border: solid 1px#000;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
}
.pen1 input{
width:183px;
height:21px;
position: absolute;
top:95px;
left:123px;
}
.pen1 .carpi{
position: absolute;
top:-7px;
right:-5px;
}
.pen1 .iptal{
position: absolute;
bottom:14px;
right:18px;
}
.pen1 .girisyap{
position: absolute;
bottom:14px;
right:111px;
}
.pen1 .handle{
position: absolute;
top:0px;
left:0px;
height:20px;
width:100%
}
</style>
<!--[if IE]>
<style>
.pen1{
position:relative;
top:200px;
left:300px;
background-image: url(butunkutu.png);
width:443px;
height: 255px;
border: solid 0px #fff;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.pen1 input{
width: 183px;
height: 21px;
position: absolute;
top:95px;
left: 110px;
}
.pen1 .carpi{
position: absolute;
top: 0px;
right: 7px;
}
.pen1 .iptal{
position: absolute;
bottom: 14px;
right: 18px;
}
.pen1 .girisyap{
position: absolute;
bottom: 14px;
right: 111px;
}
.pen1 .handle{
position: absolute;
top: 0px;
left: 0px;
height: 27px;
width:100%
}
</style>
<![endif]-->
</head>
<body>
<divclass="pen1">
<divclass="handle"> </div>
<imgonclick="$('.pen1').remove();"class="carpi IEdeYok"src="carpi.png"/>
<imgclass="iptal IEdeYok"src="iptal.png"/>
<imgclass="girisyap IEdeYok"src="girisyap.png"/>
<!--[if IE]>
<img onclick="$('.pen1').remove();" class="carpi" src="carpik.png"/>
<img class="iptal" src="cancel.png"/>
<img class="girisyap" src="ok.png"/>
<![endif]-->
<inputid="kullanici"type="text" />
<inputid="parola"type="password"style="position:relative;top:124px;"/>
<!--[if IE]>
<input type="checkbox" style="position:relative; top: 160px; left : -160px;" />
<![endif]-->
</div>
</body>
</html>