popup

I need to validate the date format in textbox inside popup using JavaScript. Instead of using alert boxes , I need to display the error messages similar to document.getElementById("MainContent_ErrorMsg").innerHTML = "Please Enter valid date" . Is there any other method to achieve this behavior? My JavaScript code is: var startdate = document.getElementById("MainContent_uscEventParameters_txtEarliestStartDate"); var enddate = document.getElementById("MainContent_uscEventParameters_txtLatestEndDate"); var validformat=/^\d{4}\-\d{2}\-\d{2}$/; if (! (startdate.value.match(validformat)) && (enddate

I applied a popup.update() code snippet provided by @ghybs that works very well to adjust the popup to fit within the frame of the map, as you can see the code here: document.querySelector(".leaflet-popup-pane").addEventListener("load", function (event) { var tagName = event.target.tagName, popup = map._popup; console.log("got load event from " + tagName); if (tagName === "IMG" && popup) { popup.update(); } }, true); The problem is that I embedded a url in the thumbnail for each popup. When I go to click on the thumbnail, the cursor indicates that a 'click' should be possible, but it does not

The function works, but the popup will open only after the button is clicked twice (and then, subsequent clicks get the action on the first click). $(document).ready(function(){ $('a#printPosBtn').on('click', function(e) { e.preventDefault(); $('.printPopup').popupWindow({ centerBrowser:1, height:500, width:720, scrollbars: 1, resizable: 1 }); return false; }); }); What's wrong? I think that is because you are actually initialising the plugin within the click handler. From a quick skim through the popupWindow docs it appears that the plugin takes care of binding a click handler for you, which

My experience with javascript is extraordinarily limited. I would like to have the new window open up in the center of the screen. <script type="text/javascript"> function fbs_click() { var twtTitle = document.title; var twtUrl = location.href; var maxLength = 140 - (twtUrl.length + 1); if (twtTitle.length > maxLength) { twtTitle = twtTitle.substr(0, (maxLength - 3)) + '...'; } var twtLink = 'http://twitter.com/home?status=' + encodeURIComponent(twtTitle + ' ' + twtUrl); window.open(twtLink,'','width=300,height=300'); } </script> If somebody can please update my code to accomplish a popup

I want to open popup window using javascript with no title and address bar and also want to set its height and width in percentage according to screen resolution.How can i achieve this. I did this code; function popitup(url) { LeftPosition = (screen.width) ? (screen.width - 800) / 2 : 0; TopPosition = (screen.height) ? (screen.height - 700) / 2 : 0; var sheight = (screen.height) * 0.9; var swidth = (screen.width) * 0.8; settings = 'height='+ sheight + ',width='+ swidth + ',top=' + TopPosition + ',left=' + LeftPosition + ',scrollbars=yes,resizable=yes,toolbar=no,status=no,menu=no, directories

Any one let me give an idea of implementing the window popup and accessing the js variable of parent window to popup window with custom content. <div id="modeltext" style="display:none"> <p id="linker" ></p> <script type="text/javascript"> var news = "http://google.com"; jQuery(document).ready(function() { jQuery('#linker').html("<a href="+news+">"+news+"</a>"); }); </script> This is for testing according to the concept. </div> <a href="#" id="testing" >Open a popup window</a> JS: jQuery('#testing').click(function() { var w = window.open($('', "", "width=600, height=400, scrollbars=yes"));

I want to show popup just once per session which expire after some time. Can someone help me? function PopUp(){ $('.home-popup').fadeIn(500); } setTimeout(function(){ PopUp(); },1000); // 1000 to load it after 1 second from page load $('.close-popup-btn').click(function() { $('.popup').fadeOut(300); }); You could use localstorage for this as well. To set a storage item: localStorage.setItem('myPopup','true'); and to check for it you could do something like this: var poppy = localStorage.getItem('myPopup'); if(!poppy){ function PopUp(){ $('.home-popup').fadeIn(500); } setTimeout(function(){