javascript - not close Jquery popUp window with asp.net button -
my popup close whene click in send button need winow remain open .. please if ans help me !! thanks! hi , popup close whene click in send button need winow remain open .. please if ans help me !! thanks!
hi , popup close whene click in send button need winow remain open .. please if ans help me !! thanks!
hi , popup close whene click in send button need winow remain open .. please if ans help me !! thanks! hi , popup close whene click in send button need winow remain open .. please if ans help me !! thanks!
<!doctype html> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <meta http-equiv="content-type" content="text/html; charset=utf-8"/> <title></title> <link type="text/css" href="css-js/stylesheet1.css" rel="stylesheet" /> <link rel="stylesheet" href="newfolder1/style.css" type="text/css" /> <script type="text/javascript" src="css-js/jquey-1.7.1.min.js"></script> <script type="text/javascript" src="css-js/jquey-1.7.1.js"></script> <script type="text/javascript" src="css-js/jquery.validate.js"></script> <script type="text/javascript" src="newfolder1/jquery.js"></script> <script type="text/javascript" src="newfolder1/custom.js"></script> <script> $("document").ready(function() { $("#thumb").click(function () { $("#ovelay").fadein("slow"); $("#overlay_div").fadein("slow"); }); $(".close_button").click(function () { $("#overlay").fadeout("fast"); $("#overlay_div").fadeout("fast"); }) });</script> <script type="text/javascript" src="css-js/validate.js"></script> </head> <body> <div> <img src="css-js/66.jpg" alt="" id="thumb"/></div> /> <div id ="overlay"> </div> <div id = "overlay_div" style="background-color:#b5e655;opacity: 0.83; filter: progid:dximagetransform.microsoft.alpha(opacity = 67); /*-ms-filter must come before filter*/ filter: alpha(opacity = 67); /*inner elements must not break elements boundaries*/ /*all filters must placed together*"> <div> <div id="container" style="margin-top:30px ; margin-left:0px""> <h1> contact me</h1> <form id="contact_form" runat="server"> <div> <label for="name" >name</label> <input id="name" type="text" /> <span id="nameinfo">what's name?</span> </div> <div> <label for="pass2">téléphone</label> <input id="pass2" name="pass2" type="password" /> <span id="pass2info"></span> </div> <div> <div> <label for="email">e-mail</label> <input id="email" name="email" type="text" /> <span id="emailinfo">so can you</span> </div> <label for="message">what's wanna tell me?</label> <textarea id="message" name="message" > </textarea> </div> <div> <asp:button id="button1" runat="server" text="send" onclick="send_click" validaterequestmode="enabled" /> </div> </form> </div> </div> <!-- problem here --> <div id = "close_button" class= "close_button"> x </div> </div> </body> </html> come in code here
if wish submit form , remain in same page, should submit info through ajax.
$('button').on('click', function() { $.ajax({ method: 'post', data: $('#contact_form').serialize()}) .done(function() { //successful ajax phone call callback }); }); if intend on using submit button, must prevent sending info through conventional method.
$('button').on('click', function(ev) { ev.preventdefault(); //prevents info submission }); javascript jquery html css asp.net
No comments:
Post a Comment