Dealing With Different Screen Resolutions?
Jun 21, 2010
I've got a Web-based App. that I've developed in 1680 x 1050 and I have some users in 1280 x 768, etc. The higher resolution is nice for this App., because it gives me more screen real-estate to take advantage of the newer rectangular screens. But, when a user in 1024 x 768 displays the screens, a good portion of the content is outside the viewable area of their screen.
Is there a clever way to set up my site so that my web pages will look good in most modern resolutions; i.e. 1024 x 768 and above?I know I can re-work things to display at a minimum common denominator, kind of thing; or I could have multiple copies of my site at different resolutions (which I really don't want to do) and do js resolution-sniffing.But, I'm wondering if there's a better way. I do have a lot of AP elements and I'm not certain that making the pages liquid with percentage widths, etc. will solve this particular problem.
View 3 Replies
ADVERTISEMENT
Feb 1, 2010
Can I add code which tests the destination computer for browser/screen resolution compatability, and alter the HTML accordingly if necessary ? I think I saw a thread some time back about this, but can't now locate it.
View 2 Replies
View Related
Jul 23, 2005
Does anyone know the best way to detect and track a visitors screen resolution. I know the javascript to detect the users resolution but I am a bit confused on the best way to track and save this. Should I save it to a database or is it easier to save it to a text file?
View 8 Replies
View Related
Mar 18, 2011
On my home page, I have a 3-column layout where the left and right margins are fixed width and the middle column is fluid with a Min-Width and Max-Width to account for different screen resolutions and sizes. In my middle column, I would like to place a "slide-show", and the key point is that the slide-show should also have Min-Max capability so it adjusts with my middle column. I found a really nice slide-show script here: [URL]. My problem is that while I know some programming I do not know JavaScript and have no clue of what needs adjusting for my Min-Max effect to work.
Here is a link to my "test page". (It includes one link showing how my home page currently works with text in the middle column. And then there is a second link showing the slide-show that needs to be modified.) [URL]. Apparently the JavaScript file(s) go out and determine how many "slides" there are, then the script divides the total page width by that number of slides, and then it generates the accoding HTML/CSS to display the slide at the proper width. (If I can find that code, it shouldn't be too hard to adjust it so that it adjust to my Min-Width and Max-Width.)
View 2 Replies
View Related
Oct 5, 2011
I have an arbitrary number of check boxes called for instance
<input type="checkbox" id="delete_author_checkbox_0">Box 0
<input type="checkbox" id="delete_author_checkbox_1">Box 1
<input type="checkbox" id="delete_author_checkbox_2">Box 2
[code]....
View 2 Replies
View Related
Jan 16, 2003
this is a bookmarklet for IE that I use to see how a page works with different widths (i.e. you can simulate 1280x1024 or 640x480) without need to change resolutions or adjust window size. Not 100% accurate, but it's enough:
javascript:db=document.body;bst=db.style.zoom=1;resdesti=prompt("Destination:",800); db.style.zoom=db.offsetWidth/resdesti;void('')
View 10 Replies
View Related
Nov 22, 2009
How do you let JavaScript detect the users screen size and switch it to an appropriate background?
View 11 Replies
View Related
Jul 12, 2011
I am trying to see if the following can be achieved using Jquery I need to create a thumbnail gallery, where when a user hovers over any thumbnail image they would get an option to download the image either in High or Low resolution. Something like how you see in the below mockup.
View 1 Replies
View Related
Mar 5, 2007
Same thing for the height parameter; for to set in the centre some popup with images what is better? what are the difference?
View 6 Replies
View Related
Mar 2, 2011
I have 2 monitors from a different size. It is important in my application that I get the screen size of the monitor where the webbrowser is located. When I try to get the screen size (window.screen.height + window.screen.width) only IE gives me always the screen size of the main monitor where my taskbar (windows7) is located, instead of the screen size of the secondary screen where the webbrowser is located.
View 6 Replies
View Related
Dec 27, 2011
I have a div that has a negative top margin and a negative right margin. The right margin is because I want to have the div slide onto the page from the right. The top margin is because without it my page height is the height of the visible elements plus the height of the off-screen div.On a button click, I move the div down and then animate it onto the screen from the right. On button click again, I animate the div to the right, off the screen, and then move it up. I also toggle its width & padding so it will appear to grow/shrink as it moves on/off screen. At least that's what I am trying to do. The animation onto the screen looks good, but going off the screen, it appears to happen intantaneously, instead of animatedDoes anyone know how I can fix this?
$(".addPanels").live("click", function(){//now and in the future, show the add panels menu
var thisAddPanelsMenu = $(this).parent().prev(".addPanelsMenu");//get the addPanelsMenu
if(thisAddPanelsMenu.length) {//if the addPanelsMenu exists
[code]....
View 2 Replies
View Related
Feb 21, 2006
I have created a ticket system where users can submit their problem. After several month of experience it appears that offering a zone to paste a screen shot will be ideal. Is there anyway to acheive this without pasting to a word doc, and upload it?
View 5 Replies
View Related
Dec 15, 2010
How would I animate a something across a screen?
View 2 Replies
View Related
Nov 22, 2001
I know nothing about JS, except you can get the user's screen size and colors. How can I add on the end of calling an image like this:
<img src="track.php3?size=800x600&colors=bla">
View 1 Replies
View Related
Aug 22, 2007
I would like to be able to have my "page" online be at a 45degree angle, rather than 90degrees... does that make sense?
As in if something is square, use photoshop ctrl-t to rotate the square object to 45degrees rather than 90. Can I do this in a browser window?
View 3 Replies
View Related
Apr 5, 2002
There must be an apostrophe or some other little javascript nuisance that I'm still including in this script, but whenever I try it out, nothing shows..it is supposed to randomly display some text and a link Code:
View 2 Replies
View Related
Mar 30, 2011
I was wondering if there is a way to check if a div is above the top of the screen.
What i am trying to do is.
I have a Div about 150px from the top and i want when this Div at 0px from the top to move down with the top of the screen
View 2 Replies
View Related
Jul 23, 2005
I am using this script
"function openFullscreen(page) {
var yes = 1;
var no = 0;
windowprops = "width=" + (screen.width-10) + ",height=" + (screen.height-50)
+ ",top=0,left=0";
windowprops += (menubar ? ",menubars" : "") +
(scrollbars ? ",scrollbars" : "") +
(locationbar ? ",location" : "") +
(directories ? ",directories" : "") +
(resizable ? ",resizable" : "") +
(statusbar ? ",status" : "") +
(toolbar ? ",toolbar" : "");
window.open(page, 'fullPopup', windowprops);
}"
to open a window full screen, but when this window is hidden and I want to re-open it, I can't ..?
View 1 Replies
View Related
Jul 23, 2005
I was wondering if it is possible to maximise a screen in javascript.
right now, I use this code:
A HREF="heritage.html" onClick="msgWindow=window.open
('heritage.html','fullWindow','toolbar=no,location =no,directories=no,status=
no,menubar=no,scrollbars=yes,resizable=yes,width=8 30,height=630'); return
false" onmouseover="window.status='open site in full screen' return true"
CLASS=TP>open full screen</A>
, but I was wondering if we can fill the entire screen?
View 8 Replies
View Related
Jul 23, 2005
im building a web application in asp.net. i was wondering if there is a
way to set the screen size automatically on the clients monitor to
1024*768 when they enter the application and return it to its original
size on exiting the application.
View 8 Replies
View Related
Oct 4, 2005
I"m looking for a cross-browser (Firefox 1+, IE 6+, Safari whatever+) to calculate the width of the viewable browser area. Note that this is different than the screen width, which would always stay the same value, even if you started resizing your browser.
View 1 Replies
View Related
Jul 20, 2005
I am working a project where I am using two monitors and using
HTML/Javascript to display the information I want.
I have my main stuff on the main monitor, but when each page loads, I want
an image to load fullscreen on the second monitor as well. I am using
800x600 resoution on both.
If I use:
function openWindow()
{
mainWindow = window.open("thispage.htm","pagename","fullscreen=yes");
}
that works fine for the main monitor.
I have then tried to use the second monitor to open an image by using the
same type of thing:
function imageWindow()
{
openImage = window.open("image.jpg","imagepage","fullscreen=yes");
openImage.moveTo(801,0);
parent.focus();
}
I am trying to use it with the onload command as well:
<body onLoad="imageWindow();">
I am passing arguments to these functions but simplified it here.
Anyhow it will only open it full screen on the first monitor. I can position
it and move it to the second monitor if it is not full screen just fine.
View 1 Replies
View Related
Jun 7, 2009
I'm starting to know how many advantages has JQuery for developers. I'm trying some experiments, and the other day I saw the "iGoogle" interface, where users can move the gadgets around the screen, and
this stuff liked me very much. That's why I want to ask to the community if anybody knows if there is some plugin or library in JQuery to do the same effects and allows the programmer to move a div from one point of the screen to another one and fix it.
View 1 Replies
View Related
Jul 9, 2009
I'm using jQuery AJAX to retrieve XML similar to that below. Now I understand how to parse this XML using jQuery, but I since everything inside the 'albums' node is valid HTML I just want to write it all directly into a div on my page. However, strips out the 'tags' and it doesn't like [url]... either. So how do I write XML direct to a page without losing the tags?[code]...
View 8 Replies
View Related
Sep 14, 2009
I've following javascript to show full screen window like F11.
window.open(url, "myWindow", "fullscreen=1")
It works properly in IE, but not in mozilla.
way to work it out in mozilla
View 1 Replies
View Related
Apr 5, 2006
I have a chat script in php that is working great, I use meta refresh to see new posts and that is very irritating for the users. I have come across many a javascript that claims no flicker in the refresh, but they do.
I don't know that much javascript, but I have heard thet AJAX can be used to poll to the server to get data without refreshing. I have been searching like crazy and I haven't seen very many tutorials for this.
I have my server side script working, I just want to refresh without flicker. Does anyone know how to call to the server script without refreshing the page?
View 14 Replies
View Related
