Skip to main content

Posts

Showing posts with the label popup form

Pop-up div on hover

Pop-up div on hover use the below code to popup the text and Develop the Code... <!DOCTYPE html> <html lang="en">   <head>     <meta charset="utf-8" />     <title>jQuery Tutorial - Pop-up div on hover</title>     <style type="text/css">             h1, h3 {         margin: 0;         padding: 0;         font-weight: normal;       }             a {         color: #EB067B;       }             div#container {         width: 580px;         margin: 100px auto 0 auto;         padding: 20px;         border: 1px solid #1a1a1a;       }             /* HOVER STYLES */ ...

Popup form on Screen Center Javascript

Popup Form on Center  to popup the form on Screen Center use the below Script Example : <script language="javascript"> var popupWindow = null; function centeredPopup(url,winName,w,h,scroll){ LeftPosition = (screen.width) ? (screen.width-w)/2 : 0; TopPosition = (screen.height) ? (screen.height-h)/2 : 0; settings = 'height='+h+',width='+w+',top='+TopPosition+',left='+LeftPosition+',scrollbars='+scroll+',resizable' popupWindow = window.open(url,winName,settings) } </script> <p><a href="http://www.quackit.com/common/link_builder.cfm" onclick="centeredPopup(this.href,'myWindow','500','300','yes');return false">Centered Popup</a></p>