im looking for a javascript code that will open a window in 100% width, no toolbars, no menubars, no statusbar, nothing but the page conent basically but for it to all be centered on the screen vertically
I am implementing a pop up window and need it to be centered. Found this code (below) seems to work good. I need to open it with an image rather than text link.
<script type="text/javascript"> <!-- function popup(url){ var width = 300; var height = 200; var left = (screen.width - width)/2; var top = (screen.height - height)/2; var params = 'width='+width+', height='+height; params + = ', top='+top+', left='+left; params + = ', directories=no'; params + = ', location=no'; params + = ', menubar=no'; params + = ', resizable=no'; params + = ', scrollbars=no'; params + = ', status=no'; params + = ', toolbar=no'; newwin=window.open(url,'windowname5', params); if (window.focus) {newwin.focus()} return false; } // --> </script> <a href="javascript: void(0)"onclick="popup('popup.html')">Centered popup window</a>
I have a site that I'm building at [URL] which use the jquery cycle plugin for a slideshow. I won't post the code here because it's all there with view source at the above address. It's a work in progress. The slideshow is full width (the images in it are actually 2000px wide but looks full width), and works fine apart from when the browser window is resized. This is most noticable when you start with a smaller browser window and then resize it to be bigger.
The slides stay the same width as when the page loaded - I need them to adapt to the new width. I need the slideshow to be centered at all widths, so I've put the images in as backgrounds to divs with center positioning on them. I've tried getting the window width on resize and then applying it to the slides using jQuery, but the original calculated size overrides it when the slide changes.
What I want to do is, when someone clicks a link the image pops up on screen in its own nice window smack down in the middle of the screen over top of the website. I want it to look neat tho, best example I can find is @ curse.com. [URL]. If you click that link and scroll down to the screen shot section and click on one of the images you can see how nice and professional it looks. How can I accomplish this?
I am trying to dynamically open a popup window but ie8 blocks it with the popup blocker. basically within a ajax fuction I have a confirm button and if the user clicks yes it opens a popup window. now I tried it with a javascript function but it got blocked, so I have tried it by creating a form with a button in it and instead of calling the popup function direct I call document.form.button.click and in the form my button has onclick"popup('<? echo url; ?>')" but this also is detected as a unwarranted popup and is blocked.
now I understand that the popup blocker works when a popup is called without user interaction, but allows popups on say button clicks. how can I get the popup to work
Im working on a site for a friend, and we've setup a popup window for a couple pages, but with the code we have, the variables for the width and height are in the <script> portion of the code, and not on each individual popup code segment. Is there a way I can add "width=400" or something to each popup to change its width? Code:
I need to open a popup window from a PHP site and pass in some parameters to use in the pop up window. I have the params in an input box and need to get the val of the box into a param and pass it to the new popup window. All pages are local and in the same folder. The id of the input box is 'ddutykey'. The name of the new window would be showduty.php if possible.
I have a div popup on my test site and i'm having trouble centering it. For some reason (which probably has everything to do with the code) the pop up shows in the middle of the page, as opposed to the middle of the screen. Forcing people to scroll down to see it. You can check it out here: Test page. Is there any way I can code it to where it always shows in a visible position?
Here's my javascript code: function toggle(div_id) { var el = document.getElementById(div_id); if ( el.style.display == 'none' ) { el.style.display = 'block';} else {el.style.display = 'none';} } function blanket_size(popUpDivVar) { if (typeof window.innerWidth != 'undefined') { viewportheight = window.innerHeight; } else { viewportheight = document.documentElement.clientHeight; .....
And here's the html: Code: <div id="blanket" style="display:none;"></div> <div id="popUpDiv" style="display:none;"> <a href="#" onclick="popup('popUpDiv')">Click Me To Close</a> test </div> <a href="#" onclick="popup('popUpDiv')">Click Here To Open The Pop Up</a>
How can I create a popup window in a form without showing the status, menubar, location and with width of 502 and height 550?
I was doing something like this, it will popup a window, but I do not want to show the status, menubar, location, etc. The form is submitted to other site.
We are trying to ensure that information is seen even if javascript is disabled. So we would like to create something that opens a popup as normal however if javascript is disabled it opens a new tab or window with the information. But if javascript is enabled it just opens the popup not the new window.
Is something like this possible and if so how would we do it?
I need to make a image open a popup window, I know how to do it like this:
function load2() { var load = window.open('pictures','','scrollbars=no,menubar=no,height=800,width=840,resizable=yes,toolbar=no,lo cation=no,status=no'); }
then on the link just have it go to javascript:load2()
But I have a ton of different links and don't want a bunch of code in the beginning of my pages. Is there a way to make the first part just the dimensions of the new window but then when I actually make the link, I could put where I want it to link to? Like javascript:load2(pictures).
Here is the link that I am using to open the popup window. It works great except when the $id variable contains a single quote. I have the single quote escaped with a . What am I doing wrong?
I kinda stuck at this point on my php script, it has this javascript code and I stuck there:
Line 16: echo("<script language="JavaScript"> function openptc(tpge,pnme,w,h){ settings="width=" + w + ",height=" + h + ",scrollbars=yes,location=no,directories=no,status=1,menubar=no,toolbar=no,resizable=no"; window.open(tpge,pnme,settings); } //--> </script>");
Line 72: print "<td><a href="#" onClick="openptc('./paidtoclick.php?adid=$row[linkid]&action=start&".session_name()."=".session_id()."','PaidtoClickPage','640','480');"><b>Click Here To View</b></a><tr>";
I think those 2 lines actually are my problem. This code makes the site open in a new pop up window. how to make it open in a new tab.
I need to delay a page from opening a new window for a minimum of 5 seconds to allow some php processing (inserting a new record into a table) to occur first. the open window code works fine without the time delay, but as soon as i attempt to put a delay in, nothing happens eg, the page no longer opens a new window called newrecord.php.
Is it possible to create a link to have a window pop up and not have the bar that has the title and minimize/maximize/close icons? If so, how could I do this?
I'm having issues with links on my intranet pages that navigate outside of my intranet to other intranets hosted in the same server farm. When I click the links they just do nothing. Links within my intranet site work fine. Is there any kind person here that is capable of pointing me in the direction of resources to force a popup using javascript and making it navigate to the desired link?
I am using Fancybox plugin and works well but for an ajax call the first few calls the popup/modal appears at the bottom of the window but later corrects itself and then is centered.
Here is an example:
Example Link
Click on the 'Foliage', 'Base' or 'Trunk' boxes in the right side column.
We want to load the popup window when the page is loaded but this popup window must not be visible to the end user. We need this to do some processing in the popup window which is hidden.
I have a popup that submits a link. After the link is submitted, I want the user to be able to close the popup and go to the submitted link in one click. How can I do this.
I have my reasons for using popups, it's hard to explain. Please don't tell me how bad popups are, I know they're bad.
I need to create an application that will open a popup when the user closes a window. I can do that easily via onUnload event of javascript but the catch is that the popup must open only when we close the window and not when we submit a form or click a link on the page.Actually it is a survey which opens only when one closes the window.
I need a script to open a popup window which contains a php form. after the form has been submitted or cancelled i need to go back to the originated page (php also) and reload original page.
to make a column clickable and then when clicked I need to open a pop-up window. I use the click event to get the data I need to pass to the new widow. This is working.
Then I use window.open(URL...) to open the window.
Now, I need to stop the information from the click event of the href from being passed to the browser. Is the href the proper way to do this or can I make it clickable via jQuery?
It does open a new page in firefox but generates an error in IE 8.
Is there a jQuery way to open a pop-up window that will work in IE and FF?