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>
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>
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
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 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 pop up an exit survey, just a general "what did you think of our site" sort of thing. I did the code that when you go to another page it pops up, but that's not great.
Is it possible to, and if so can anyone please tell me how, to have the window popup only when the user closes the window, or navigates to another website. But of course don't want it to pop up when navigating our own website.
i have a site www.yusinglighting.com.i use javascript entry this site that could open another window,now i want to entry this site that onload a div in current window in the internet, i found many popup div of programs that need "click" like jquery floatbox plug.
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 have spent the whole of last night looking for a reliable javascript that pops up a small (possibly centered) window when the user exits the site (for another site) and for when he/she closes the site's main window.
Has anybody come across or is aware of a script that does all the above?
Is this how it's done? IE 6.0 after opening bigger.html in a new page, then shows the site directory contens in the main window. ?!
The popup page bigger.html shows a larger pic of a product. In my main page I define a function 'open_popup' and call it for all the product images, in case the customer wants a bigger pictures.
function open_popup(page) { window.open(page,'Larger_Image','width=400,height= 300,resizable=yes,toolbar=no,statusbar=no,scrollba rs=no'); }
I have a form, and one of the text boxes should be a URL to an image. I have a link to popup an image-upload script. On that popup, after they upload the file, they'll have a URL. I don't want to give specific instructions to "Copy paste the URL into the form". I want it so that they'll click a button called "Insert into Form" and it'll automatically close the popup and insert the URL into the text box.
how I can have a popup window appear centred with scrollbars? The width and height must be changed for each popup. I need the popup window link to be placed in a href not as onclick. My client will be placing popup window link into their website via Adobe Contribute, so that is why I am asking for the whole thing not to be onclick.
I am creating a dynamic web page where uploading images is one of its feature. I have a looping DIV where each DIV has its own images: show sample below...
[Code]...
...and i wanted the upload form be displayed in popup DIV. Where after processing the uploaded image the information will be sent back to the popup upload if it is successful or not.
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 used google maps to get the embed code for a google map which I am displaying on a sit I am building. The problem is that when you view it embedded on my page, the location on the map is way off to the upper left corner and barely visible in the google maps iframe. How can I get the google map to load centered on the address? To see what I mean go to [URL] and click the "show map" button for the Troy Location (the first block on the left) to reveal the map. How to get the google map to center??
It works great, however I'll be using this code with a school's website's template. The problem is that the "overlay" div tags would be placed within the container div tags of the template,therefore confining to these dimensions. How can I modify my code to have my div tags not affected by the templates div tags... and have the overlay be center in the browser..
My code that centers html elements fails when the html element is large. For example, I have a list of 443 items, which I break into 3 columns within a div. Therefore there are 148 lines in the div. When I use the code below to center the div, the top part of the div is beyond the top of the window screen.
function centerPopup(){ // Get data for centering var windowWidth = document.documentElement.clientWidth; var windowHeight = document.documentElement.clientHeight; var popupHeight = $(".popupArea").height(); var popupWidth = $(".popupArea").width(); //centering $(".popupArea").css({ "position": "absolute", "top": Math.floor(windowHeight/2)-Math.floor(popupHeight/2), "left": Math.floor(windowWidth/2)-Math.floor(popupWidth/2) }); //only need force for IE6 $(".popupBackground").css({ "height": windowHeight }); }
i've been wrestling with this issue for the last hour. I can't seem to get thiscentreddiv to animate properly.What it currently does:A small div, (10x2px) expands to full 100% width and 100% height. However, it expands in the bottom right hand corner of the screen.
What I am trying to get it to do: To expand equally in all four directions.
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head>
I have a div wrapped around spans, and each span containing nothing but text (client testimonials)... I'm trying to get the spans to cycle through and it works wonders, except the Cycle plugin causes my spans not to be centered within the div.So I looked through the plugin source and noticed: $slides.css({position: 'absolute', top:0, left:0}).hide() I figured the absolute positioning was my problem and changed left:0 to left:50%and although it centers, the slide is broken and all my spansappear at once.
For one project i am suing jdMenu to power up the drop down menu system. I am interested for the second level of the menu to position the <ul> at 50% on the parent <li>, like on[URL]...
Using css this is not possible since the ul has the size in em and the parent li have the size in %. So have to use a different method...
I have a problem with internet explorer to show images. Please take a look at: [URL] and click into any image. Using FF, chrome and safari clicking an image show a big centered image with position fixed. Using internet explorer is a full wrong.
I am trying to launching a centered browser window via a form-button using the following code...
<button type='button' onClick="window.open('myURL','testwin','width=400, height=400, left=(screen.availWidth-400)/2, top=(screen.availHeight-400)/2'); return false"> Test button</button>
The new browser appears the correct height and width, but the left and top clauses are ignored.Am I being too ambitious trying to make this code in-line? Is there any other syntax I should use or should I give-up and call a function instead (I would rather not if I can avoid it)?I am using Firefox 3.0.17 (latest), but the same effect happens in IE7.
I am trying to launching a centered browser window via a form-button using the following code... <button type='button' onClick="window.open('[URL]','testwin','width=400, height=400, left=(screen.availWidth-400)/2, top=(screen.availHeight-400)/2'); return false"> Test button</button>
The new browser appears the correct height and width, but the left and top clauses are ignored. Am I being too ambitious trying to make this code in-line? Is there any other syntax I should use or should I give-up and call a function instead (I would rather not if I can avoid it)? I am using Firefox 3.0.17 (latest), but the same effect happens in IE7.
