Different Content For Different Browsers?
Oct 25, 2011I 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 RepliesI 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 RepliesThe following extremely simply JavaScript code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta http-equiv="Content-Style-Type" content="text/css">
[Code]....
alerts the innerHTML content in all the browsers. Except in Firefox 3.6.8, which alerts a blank value. What the f?:confused: I know that innerHTML is not a standard DOM method, but it used to be a crossbrowser one since FF 1.5, right? Edit: It does not work even in case of firstChild.nodeValue or firstChild.data. FF 3.6.8 says that the DIV element has no first child, which is amazing.
I have a quiz embedded on my site that originates elsewhere (QuizRevolution.com) and is embedded on my site via a link (plus some other code), part of that code being in an iframe. The quiz contains YouTube videos that, because of how the quiz is set up by QuizRevolution, will not play in browsers/devices without Flash (for example, the iPad). What I would like to do is put some script on my site that will load a SECOND quiz from QuizRevolution (this one without video) for browsers/devices without Flash. This second quiz will substitute for the first one. Does anyone know how to do this? The tricky part seems to be how I have embedded the quiz in my site, so I have included that part of the page here:
[Code]....
Why 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
1) Script Title: Ajax Tabs Content Script (v 2.2) and Featured Content Slider Using jQuery UI
2) Script URL (on DD): [URL]
3) Script URL of Featured Content Slider Using jQuery UI [URL]
4) Script URL of my implementation of both script. [URL]
5) Problem: I've integrated the featured content slider in one of the default content section of the tab menu as you can see on the link on point 4. The slider is working perfectly when until i click on other tab menu and then back tab menu 1. The slider seize to work no more and worst the other featured content slides are appearing below the first one.
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 previously developed two scripts, both of which work really well, however I want to amalgimate them together if possible? My first script loads the content specified into a single div, replacing the content depending on which function is called, it also displays a loading gif during a timeout of 2 seconds. Here is the page:
[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'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 )
.........
I'm using JQuery to write content into an otherwise empty iframe like so:
Code:
$('#ifrmID').contents.find('html').html(htmlContent);
The content is coming from an Ajax request. The content gets used more than once on the page for other purposes which is why I don't simply change the iframe src--I have to do an ajax request regardless so I'm trying to avoid multiple calls.
After I load the content, I need modify the height of the iframe so it fits snuggly around the content.
Calculating the height isn't a problem with the exception that it's not always correct and I think it's because the calculation is happening before images have downloaded.
I don't seem to be able to rely on a `load` or `ready` event to delay the calculation. The load event is the only one that tiggers on a change of iframe content, but it doesn't see the new content.
Code:
$('iframe').each(function () {
$(this).load(function () {
alert($(this).contents().find('html').html());
});
});
This will output '<html><body></body></html>' even though I have successfully inserted different content.
Any suggestions on what I'm doing wrong, or if it's possible to do what I want reliably?
Note that a general JS solution will be appreciated as much as a JQuery one.
I use a small piece of JS code to make different elements on the page show/hide when clicking a link, based on id:
function toggle( targetId ){
if (document.getElementById){
target = document.getElementById( targetId );
if (target.style.display == "none"){
target.style.display = "";
} else {
target.style.display = "none";
}
}
}
Then HTML looks like this:
<a href="#" onClick="toggle('news'); return false;">Show/hide news</a>
<div id="news" style="display:none">BlahBlahBlah</div>
This works. Initially the element is hidden (with style="display:none" property of the element), and the script gets its id and changes its display property to "block" when clicking on a link.
But when Javascript in a browser is turned off, the elements to show are all hidden, and there's no way to see the content of the element.
My question: is there a way to hide toggled elements on page load with JS, so that when it's turned off the hidden content is shown?
Most Jquery I have seen 'pushes' the content above or below it up or down the page as it reveals the hidden content, the above example reveals the content over the top without pushing out any other content which is what I am looking for I have tried to take the code and everything works aside from those tabs!! I was hoping somebody has a link to another site that does the same effect
View 1 Replies View RelatedThe 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]
My code runs great in every browser but IE6 IE7 and IE8. it breaks and causes all scripts to fail. i setup Visual Web Developer in my VM like a blog post told me, and when i load the page i get Microsoft JScript runtime error: Object doesn't support this property or method that seem to break on this line
[Code]...
I need to shed some light on browsercompatibilityon my website.here's the breakdown:
-website runs smoothly on Firefox and Opera
-website runs slugishly on Safari and Chrome
now I understand that my code is not squashed down and formated for browsersuccess, but Im so perplexed why some browsers run itawesomelywhile the others run it as if it was os9.Also, I havent had a chance to cross check this site on other systems and computers so I would like to hearperformanceresults from real people
It works perfectly in IE but not in Firefox or Safari. I'd like it to work in all or most browsers if thats possible.
View 1 Replies View Related