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
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.
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 RelatedOn 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.)
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('')
How do you let JavaScript detect the users screen size and switch it to an appropriate background?
View 11 Replies View RelatedI 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 RelatedWhy this code is not working on Webkit browsers:
Only jquery and the plugin printed above are loaded, so there shouldn't be any conflicts.
HTML:
Chrome gives the following error: Uncaught TypeError: Object #<an Object> has no method 'followUser
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 RelatedI 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 RelatedI 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]....
I have created a small application that lists all the
softwares that I created. This app was made using
Javascipts' DOM support of XML.
I am new to XML so I created this to get some experiance
in it. To problem is that the page only works with
Microsoft Internet Explorer.
Is it possible to modify the program so that it will
work with other Browsers? If yes, how? Code:
I used the DOM for mozilla to write some javascript. And naturally it doesn't work with IE and I haven't tried it on Opera type browsers. Is there any website that spells out the DOM's for IE and Opera individually like the mozilla one? Ie: http://developer.mozilla.org/en/docs/DOM:document.createElement
I would like to get the selection of the dom (meaning a highlighted area), then get the range. From the range I cloneContents in order to get a document fragment. Is there equivalent functions for IE and Opera etc? Code:
I have this code here that reads in a javascript file and increases or
decreases font by its relative size (same thing as View, Text Size,
Large, small, etc.) I am developing this for Transport Canada and I
need some help. Here is my code. I need it to be compatible with IE,
Mozilla, Netscape and Opera. Most versions of these browsers has to be
compatible. If you could help me out the least bit would greatful.
Here's the code:
Why is it that most (well, honestly all that I have seen) the JS based modals, those that use frameworks like MooTools and JQuery, and what have you, why are most of the nifty visual effects like drop shadows and rounded corners, they don't work in Internet Explorer, but do work in FF, WebKit based browsers like Safari and Chrome, and Opera?
For an example, have a look at MooTools based MediaBox ( a LightBox "clone" ):[URL]..
I have an Issue with a Javascript slideshow. If you see link below it is obvious :)[URL]... I only get the Issue in Internet Explorer 8
View 4 Replies View Relatedhow I can make this work in IE as well?? It is a code that shows a divide on click and then hides the rest at the same time.live code is also at chryscreations.com/ns/boynames.html
Javascript:
function showstuff(divID)
{
[code]....
On my site, I would like to open a centred pop-up with thumbnails. Clicking on them you get the full image with navigation arrows leading to new photos, etc.
I want to have pop-up dimensions suited to what's in the page and if the photo is vertical or horizontal.
Now, the code here under works well with FF2.0 and NS 8.0, but IE6 and Opera 9 just make the window.close() in func_aperta() and closes the pop-up.
What's wrong? Any ideas? Code:
I have a page with a slideshow which doesn't look too great in IE8 or lower. Is there a way to display different content for these browsers?
View 2 Replies View RelatedI'm currently modifying a php controlled website and wish to distinguish between javascript and non-javascript browsers in order to decide which pages to display. I have a single php controller script which "includes" a number of html pages. I want to ensure that I cater for both javascript and non-javascript browsers (so functionality is the same, only the javascript pages have a far better look and feel to them).
Therefore I would like to code something along the lines of :
Code:
if (javascript_browser=='true')
{
include './javascript_page1.html.php';
exit();
[Code].....
I have a nice Javascript code which allows users to HTML format code in a textarea, similar to the code of Post New Thread page. It works great in Internet Explorer but it does nothing in other browsers.
It seems the problem resides in this two lines:
Code:
a=document.selection.createRange();
seleccio = a.text;
How can I arrange this lines in order to make them cross-browser? I really need this code to work, at least, in current versions of Netscape, Mozilla and Opera.
Does anyone see anything wrong with this code? It's a mystery to me why it works fine in all browsers but IE6/Win. Not getting any JS errors or anything to help debug.
<script type="text/javascript">
function submitGeoSelect ( geositeID )
{
var geoURL = "https://<?= $_SERVER['SERVER_NAME']?>";
switch ( geositeID )
.........
The following code works well in IE5 and Netscape 7, apparently my page is
not working in Netscape 4.6 and it has been suggested that i need a third
option dwellig around the document.layers object, could someone tell me what
line I need to make it compatable for earlier browsers?
***************************
if(document.all){
parent.Slave.document.all.hillList.style.pixelTop= parent.Slave.document.body
..scrollTop+100
parent.Slave.document.all.hillList.style.pixelLeft =600
parent.Slave.document.all.hillList.innerHTML=divHT ML
}
if(!document.all && document.getElementById){
parent.Slave.document.getElementById("hillList").style.top=parent.Slave.docu
ment.body.scrollTop+100+ "px"
parent.Slave.document.getElementById("hillList").style.left=600+ "px"
parent.Slave.document.getElementById("hillList").innerHTML=divHTML
};
*******************************
I went through the past six months or so of entries
in c.l.javascript, and found a couple where people
had expressed opinions about the value of supporting
much older versions of Netscape and IE. The entries
included incidental mention of server logs showing
how many pages had been retrieved by such browsers.
I'd like to get some sort of communal variety of
opinions on how much effort it's worth to put in the
support, or in some cases, the "graceful degradation"
allowing partial capabilities to remain in a page
under the old browser.
My situation is that I have no access to server side
capabilities or CGI, have yet to buckle down and learn
Java, but have a fairly complex application I'd like
accessible via the web.
Are there links answering:
1. How many commercial sites still insist on full
compatibility? Allow significant degradation? Give
up on NN < 6? Ignore browsers with small market
shares?
2. How do developers feel about coding for browsers
older than, say, two years?
3. Are there statistics from a variety of sites
showing use by different browsers?
I have been using document.cookie to write and read cookies.
Unfortunately, when I open my page in Internet Explorer, I don't see
what I wrote to my cookie while in Netscape Navigator. Similarly, my
page that I opened in Netscape doesn't see what I wrote to the cookie
while in IE.
Surely there must be away for IE and Netscape to read the same
cookie information ??. Otherwise, what happens if a user just happens
to be browsing my page in both browsers? They'll expect things to be
there, and they won't be there because one browser doesn't see what
was written in the other.
Any ideas on how to get Netscape to read cookies written by IE, and
visa versa?
Using jquery 1.5 and part of my XML is this
<gd:when endTime='2011-03-03T16:00:00.000-06:00' startTime='2011-03-03T11:00:00.000-06:00'/>
If I use:
$(xml).find('gd\:when').each(function(){
alert($(this).attr('startTime'));
});
[Code]....
It works in Safari but in Firefox I get the error:
uncaught exception: Syntax error, unrecognized expression: [nodeName=gd:when]
