Display Size
Aug 22, 2003Can anyone tell me what the correct DOM attribute names are for the size of the display area of a browser's window?
View 2 RepliesCan anyone tell me what the correct DOM attribute names are for the size of the display area of a browser's window?
View 2 RepliesI have an HTML document with a static links, I want to display a files size next to what the documents are linking.
So,
/documents/myfile.zip - (3mb)
I have made directory listers in php, but can anybody do this in javascript?
I am having a problem with a select that is showing thru an opaque div. See attached image(sorry, but this is an internal client app and I cannot show more). The blue horizontal line on top is the edge of DIV that I am displaying containing the text you see. The DIV has a FILTER with opacity of 100. The little select box with a number is part of the HTML page that is below the DIV. This is the little select that the DISPLAY:TABLE element uses to implement page breaks.The second attached file has a screen shot from IE developer of the DIV that forms the modal dialog which should be on top of the select.
View 2 Replies View RelatedI have a site that I am developing where I use the prettyPhoto plugin to display larger size versions of photos. I have everything configured as per the directions on the plugin page here: [URL] I am experiencing a weird issue however. When I mouseover my anchor image, the mouseover is only on the top and bottom half of my image. The whole middle section of my anchor image is getting no mouseover effect. Meaning my cursor only changes to a pointer on the top & bottom parts of the image. It changes back to a regular cursor when directly in the middle of the image. The anchor image (the image I'm using to link to the larger version) is sized 333px wide by 500px tall and I am linking to jQuery version 1.5 as hosted on the Google api server.
prettyPhoto is working perfectly except for this mouseover issue. I do have a caption telling the user to click the picture to see the larger version, however if they mouseover directly in the center and don't see the mouseover effect they may think something is wrong. Does anyone know what I may be doing wrong and how I could fix the issue?
I have this code that displays a thumbnail strip and then when you mouse over a thumbnail a bigger images shows up over the strip. The problem is it only is working on some of them and only when the mouse is over a certain part of the picture. When I click them however the picture shows up everytime. I was wondering if anyone could help me with what I'm doing wrong. My html/javascript code is below as well as my css file.
html/javascript:
If I have a div that's 300px by 20px, is there a function that calculates whether a string will display with a line break, given font-size of 21px? If not, I'll have to create some code, but if it's already available, that's even better
View 13 Replies View Relatedi am using jQuery UI1.7.2. and jQuery 1.3.2
<script type="text/javascript">
$(document).ready(function() {
// hides the slickbox as soon as the DOM is ready
[code]....
All my font-sizes are set as relative sizes in CSS (large, medium, small,
x-small, etc). Let's say something is set in CSS to be xx-large, but a
visually impaired user wants it displayed even bigger. Can a script
determine an element's absolute size, *as it is being rendered by the
browser*, and then increment the element's font-size in absolute terms?
I'm attempting to make a web page that adapts to the size of your browser size when it maximized. Because I'm only 15 I'm not such a great programmer or coder. I've done my best with the resources I have though (Fluent in Lua and a natural ability to pick languages syntax up quickly)
Here is what I have so far, it doesn't work and it is starting to puzzle me. As it seems correct as I look at it. I'm sorry if this question show my ignorance. I try my best to hide it.
Some of it is Copy pasted from sources on Google. But only for educational purposes, I learn off reading, examining and testing out snippets.
I'm basically trying to get the max size of the window and resize the div accordingly.
where da boss wants our a large piece of our site to be fully dynamic and integrated on any screen size. This means changing font on size. Well I cam up with a solution, figured if no one has one better, then i'll share
[Code]..
I am new to Jquery mobile framework.I have an asp.net web application and I want to convert it into Jquery mobile framework.I have a datalist on an aspx page.The size of the datalist decreases according to the window size to certain extent after which the size of the datalist becomes constant and doesn't decrease with the window size.
View 2 Replies View RelatedHow can I change my text or font size when the user changes the browser size. Example: When the browser is maximized, the font goes to normal, when the browser window decreased, the font size is reduce.
View 3 Replies View RelatedI developed a web application and it is working fine, except for one issue. The application includes uploading files from a JSP to my servlet, and the issue is that i would like to have a limit for the uploaded files on the client side (before actually uploading it).
I investigated alot and found some ways like changing my JSPs to PHPs, which is not feasable for my application. I would also like to add that using the Flash component ("<object>") for uploading is not feasable also at this time. Using ActiveX does not work also (for some security issues in javascript, it can not access the system information, also ActiveX works only on IE).
I would like to add that I have my application running on Oracle application Server, JSPs for displaying the forms, MultiPart Java API for getting the form input values and files to my servlet and everything is developed in JAVA.
Either by limiting the file size or the limiting the whole request size sent to the servlet.
I started learning javascript couple of days ago, so this may be a noobie question.
I wrote a simple code that should re-size the image (there's some other code in here just in case) code...
I started learning javascript couple of days ago, so this may be a noobie question.
I wrote a simple code that should re-size the image (there's some other code in here just in case) code...
I'd have thought this would be easy but I've been looking for hours and all I can find is info on getting the viewport size, which is normally useful but not in my situation.
In this case I need the actual browser size, including the scrollbars, toolbars, status bars etc. to get an idea of browsers which aren't maximised/full screen and how big they are, and to calculate the amount of the screen taken up by toolbars etc too.
if radio button checked display div #something else display nothing if un checkedcurrently I have this and it works but when I click another radio option the div that was activated before stays there. Want a div to show only if certain radio button is checked and if not checked to hide.
$(function(){
$('#offer_2').click(function(){
$('#total2').show();
[code]....
I am building a simple "accordion-like" interface in jQuery. The HTML looks like this-
<div class="mediaList accordion">
<div class="mediaListItem item $alt">
<div class="mediaTitle head group">$head</div>
[code]....
I have an onclick that triggers ajax which calls a php script to pull data from MySQL. This information is then displayed in a div. The problem I am having is that sometimes pulling the data from MySQL takes 2-3 seconds, so the div is empty for about 2-3 seconds. How would I go about adding an animated "Loading" gif to display in the div while it is waiting to display the content?
[Code]...
I need a JavaScript (or something else) that will fade out the web site, on load, and display a series of images, then display a "Continue" button to go back to the web site. I have an idea for a cute (and funny) way to get people interested in my site that has a weird name. I searched high and low (Google!, amongst others) for anything that would be close to what I need, to no avail.
View 1 Replies View RelatedI have a page where multiple fields can be edited:
Name Age DOB
[name1] [age1] [dob1]
[name2] [age2] [dob2]
[name3] [age3] [dob3]
[name4] [age4] [dob4]
[name5] [age5] [dob5]
Where you can type in any of the fields etc and with one click all
these get updated by Javascript concatenating them into one variable,
escaped and passed through GET.
However I've discovered that when there are LOTS of entries, I have a
problem - I.E. seems to restrict the length of a URL to 2KB whereas FF
appears to be much higher.
Is there an alternative way to somehow send this data to my PHP
script? Would POST face the same restrictions and is it better/worse
than using GET for AJAX?
Can JavaScript detect the size of an image file?
View 2 Replies View RelatedI have some links to files (.zip, .rar...) and i would like to get its size
could you say me how to do or give me some references?
I have developed an upload tool, that allows users to upload files (funny
that). The asp form object has a 'SizeLimit' property that can be set, to
prevent files being uploaded, that are too large. Is there a way in
Javascript, to interrogate the file size before the form is posted, so that
the validation can be done before trying to post the form.
The only information I can find, on file size, relates to images. But any
file can be uploaded through this tool, so I also need to determine the size
of other binary and text files.
Is it possible to get the actual document size? Not the window size, but
the actual rendered document size, which in my case is bigger than the
window.
I am trying to set up a form entry system where the user scrolls by the
UP and DOWN keys. The idea is to keep as much context on the screen.
Say the form has 15 lines, and 7 are displayed. The user starts on line
1, at the top of the screen. The text on the screen stays fixed, until
the user gets to the center of the page (line 4) and then scrolls one
line at a time to always keep the current line centered, until the user
gets to line 11, at which point the last 7 lines are displayed, and the
screen stops scrolling...
Does that make any sense? Basically, since the user probably wants to
refer to the lines that are both above and below the current line, I
want to keep the current line centered as much as possible....
So I am thinking of retrieving the size of the entire document, then the
size of the display window, and then calculating the percentage of the
document that is displayed, and scrolling a certain percentage with each
line...
How can I change font size according to window size?font-size=xx% is
not working as I expect.Plz give me code for that.My wish is to chage
font size according to window size, so that I can always get same type
of screen.Currently when i reduce my window , my text also changes its
position,looks quite messy.