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:
View 1 RepliesHow 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.
<form action="http://www.otherdomain.com/preview.php" target="_blank">
<input type="text" name="value" size="20">
<input type="hidden" name= "1" value="1">
</form>
Any idea?
im using the following javascript function to popup a new window that will display the full size of thumbnail images.
However, whenever I click on an image, the full image will not appear. Only a very small window will appear. How can I alter the function below so that the full image will appear?
function popUp(URL) {
day = new Date();
id = day.getTime();
eval("page" + id + " = window.open(URL, '" + id + "', 'toolbar=0,scrollbars=0,location=0,statusbar=0,menubar=0,resizable=0,width=100%,height=100%');");
}
I am currently using a popup window to establish the dimensions of a window, specifically based on the the width/height of the content area.
I would prefer to simply resize it and avoid the need for a popup altogether, but this is made difficult due to inconsistancies as to how resizeTo() accounts for whatever toolbars are 'on' which varies from browser to browser and platform to platform.
The site is coded to W3C (X/HTML, CSS) and the DOM/DHTML content is gradually being rewritten in accordance with the W3C DOM.).
The W3C DOM property to get/set the window content area dimensions are:
Is this correct?
window.pageXOffset/pageYOffset = how much page has scrolled in standards compliant browsers
window.innerWidth, window.innerHeight = viewport in standards compliant browsers
What browser supports these properties?
document.documentElement.scrollWidth
document.documentElement.scrollHeight
document.documentElement.scrollLeft
document.documentElement.scrollTop
document.documentElement.clientWidth
document.documentElement.clientHeight
And does document.documentElement.scrollWidth and document.documentElement.scrollLeft return the same value?
Applied this:
[Code]...
I'm trying to build a background in two parts. The header bg is in the body and the lower part is a div with a gradient background color generated by CSS3 or IE filters. I had problems with getting the gradient to stretch all the way to the side in IE7 with plain CSS so I had to start looking for more watertight solutions.
[Code]...
If there are easier methods to solve this split background thing than JavaScript, I'm all ears. I can PM the address of the website, if someone wants to take a look.
I would like to set the height of certain #div elements on a page based on the height of the user's current window state. It should draw the elements based on the size of the window at onLoad, and also respond to the onResize event.
View 4 Replies View RelatedI've got a popuped window and I need to set it height. There is innerHeight property in firerox which works perfectly but I can not find any workaround to other browsers. I found window.resizeTo(width, height) but the values are absolute that means that it calculates inner window height and outside area with system bars etc.I look for the way I can do this with firefox
View 2 Replies View Relatedim 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
View 1 Replies View RelatedHow do I standardise the width of the top menu items in a (Superfish) Suckerfish style menu (V 1.4.8) as each is sizing to the text and I would like all to be equal
View 3 Replies View RelatedSo, I'm new to jQuery, but have a pretty good understanding. Still, I've come across an issue that I'm not quite sure how to resolve. I'm using wordpress, and have a .swf inside of a div, "player." The player class has no height spec, as the height of the .swf is different depending on the page. What I need to do is detect the height of the .swf on each page, and then apply that number as padding-top to another class?
View 1 Replies View Related<html>
<head>
<title>< /title>
</head>
<body>
<iframe name="j" id="j" src="ANOUNCEMENT.html" onload="this.style.height = j.document.body.scrollHeight + 12"></iframe>
</body>
</html>
Am I doing it right? I am trying it now but the j.document.body.scrollHeight seems doesn't work for me.
I try to make a news slider with cycle plugin here's the structure
//---------------------//
<div id="myNewsDisplay">
<ul id="aContent">
<li>short text</li>
<li>moderate text</li>
<li>long text</li>
</ul>
<div id="aFooter"></div>
</div>
//---------------------//
I want to make the #myNewsDisplay to animate height based on #aContent height the problem is that, everytime the news showing up at the beginning the height is automatically set by the last long text height. How to make the #myNewsDisplay height auto adjust the height of every news height?
for opening a PopUp Window I use the Popup.js from Adrian "yEnS" Mato Gondelle. Adrian has written a function to center the popup by calculating the window height/with and popup width/height as well ans putting the coord in the middle of these coordinates. Like this:
function centerPopup(){
//request data for centering
var windowWidth = document.documentElement.clientWidth;
var windowHeight = document.documentElement.clientHeight;
[Code].....
My Problem with this is, that it only centers the Popup correctly if you haven't scrolled down the page. What I need is a jQuery way to get the height of the actually scolled position to calculate the correct value for the top css parameter as well, to get my PopUp every time in the correct top/left position without having this scrolling bug. Is there a way in jQuery how I can get the scrolled down coordinates? I need the height of the scrolled position and by adding the half height of the screen resolution I have the css top value which I need here.
I'm a newbie...I'm having trouble changing the size of an image when I
use different window sizes when loading the and resizing the browser window.
I've recently start using Flexigrid (old JQuery grid plugin), and, as you may know, one of the few issue this really good grid plugin got is the lack of liquid layout option. My personal idea to solve the problem is to set the "width" parameter depending on $(window).width. Here is the problem (and here's why i post this question in "General use" and not in "Plugin").
The starting, and working, code is:
$(document).ready(function(){
$("#flex1").flexigrid
(
{
[Code].....
This work fine for me, but I supose it could be done way much elegant... maybe somethin without "IF" that could emulate the "%", like var percentage = $(#div.id).width()*0.XX with the 0.XX picked from an array of percentage, one for each column. Probably I should set up a function... ahhhh, as you may easily see I'm a total beginner with JQuery (and JS in general...)
I am trying to be able to manipulate the width and height of an <img> but do
not seem to be able.
"Yes", I know the JavaScript will "not" manip anything, which is ok. I
simply do not know how to capture the width or height. Once I can do that I
can manipulate them.
Here is the HTML for the <img>
<div class="ImgMnp" id="myImg" onmouseover="imgSize('myImg','fpImg)">
<img src="images/FirePlace.jpg" width="480" height="640" id="fpImg" />
</div>
Here is the JavaScript I tried to manipulate the <img>
function imgSize(myID,myImg)
{
var myDiv= document.getElementById(myID); //get correct <div>
var myImage=document.getElementById(myImg); //get correct <img>
var myWidth=myImage.style.width; //attempt to capture width of <img>
var myHeight=myHeight.style.height; //attempt to capture height of <img>
alert("myWidth+, +myHeight"); //show if I this function works
}
Will someone please tell me what I am doing wrong.
I have the correct height and width for an image, however when I set the Javascript pop up to this height and width it does not display all of the image.
Does Javascript use different dimensions or what? And how can I set the height and width for it to compensate for Javascript's mistake?
I have the following code:
HTML Code:
<html>
<head>
<style type="text/css">
[code]...
I can't make the browser to read the style.width and style.height from the CSS. Does anyone know a fix for that, so that I don't have to use inline styles for every div?
How can I get the width and height of an object? I try
document.getElementById('tooltip').width
but it returns "undefined" in IE / Mozilla
My object is a DIV with dynamically changed "style.width" from "" to "600"
--------------------
Basically I want a DIV layer with at most 600px width
(if text inside has greater width then 600 else text width)
So, I try this:
my_object.style.width="";
if (my_object.width > 600) then my_object.style.width=600;
But as I say, my_object.width is not working
I was wondering if you can in CSS create an <img> tag with an Id? Then use that image tag in the body tag to refer to make it the background image. If you can I think I would then be able to resize the background image using DOM and javascript to fill the browser window without having to repeat the image, maybe?
I'm thinking this might work because.
1. Can't you create a style for any html or xhtml tag (element)?
2. The image tag has a height and width attribute.
3. If a tag (element) has an Id in the CSS you can control its attributes with DOM or javascript?
4. I should be able to use the Image tag by Id reference in the body tag - background attribute?
Suppose I have an image - "image.gif" How to know its width and height ?
View 7 Replies View RelatedI have a form and in that form I have a file field through that I can browse for images. Now what I want is that whatever the image file user selected i need the width and height of that image.
View 3 Replies View RelatedHow can I find the height and width of a webpage? Say I want to make
sure someone's webpage is within an 800X600 viewing area. Width is the
most important but if I can get width, I should also be able to get
height.
I don't need to modify the page in anyway. Just get the width and
height. I can reference the page in an iframe, cfhttp (CFMX) or
something if it needs to be on my server.
How can I get visible viewport dimensions of any browser?
View 2 Replies View Related