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:
I have a marquee tag on my page that slides in some text from right to left once and the stops and remains on the screen. Have a look at the website although it is still being worked on [URL] As you can see it works just fine in IE but goes nuts in firefox. Any javascript to replace the marquee tag so it works exactly the same and is also cross browser compatible.
View 4 Replies View RelatedI am using the following code to make a sortable table on my website. I got the code from [URL] (I admit it is not my code but it suits my needs well). Since I know most people do not what to click on links to random sites, this is the code I am using :
HTML Code:
<HEAD> <script LANGUAGE="Javascript"> <!-- This script and many more are available free online at --> <!-- The Javascript Source!! [URL] --> <!-- Begin function setDataType(cValue) { // THIS FUNCTION CONVERTS DATES AND NUMBERS FOR PROPER ARRAY // SORTING WHEN IN THE SORT FUNCTION var isDate = new Date(cValue); if (isDate == "NaN") { if (isNaN(cValue)) { // THE VALUE IS A STRING, MAKE ALL CHARACTERS IN // STRING UPPER CASE TO ASSURE PROPER A-Z SORT cValue = cValue.toUpperCase(); return cValue; } .....
For some reason the code only works for IE, is there an easy way to get this code to work for other browsers such as Firefox or safari?
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
this is more like a business question than a programming question. I see how lots of people here say that you should do a non-javascript version of your site first, and then start to put in the AJAX and javascript bells and whistles. This way it still works if someone has got javascript disabled.
But if you think about that in a real world situation, you only have so much time to spend at a project to complete it. I would rather spend it all on featuers that people will actuall use than on something that 95% of the people will never use, simply so i can be "compatible" which will not make me money.
Think about this, it will take up at least 40% of the total time you spend at your project to make it non-javascript compatible. Personally I have some forms which ask for a category name and a button to add it, and if you click it, the category is added on the fly with javascript.
If I was to make this non-js comatible, I would have to have the form submitted when the click the button, which is fine, except everything else they wrote in the form before they clicked that button would be lost and it'll be an extra headache to keep track of that. Very boring and hardly profitable.
I have to work width a code that contains 1.1.2 Jquery scripts,namely:
jquery.js
jquery.hoverIntent.js
jquery.dimensions.js
[code]....
I have a .js file that needs to be updated and am not familiar with javascript files (or if the .js file is even the problem). The problem occurs when users browse our site (www dot parasec dot com) using firefox as their browser. When they go to the top menu, the drop-downs appear to the far left of the window.
View 12 Replies View RelatedI wrote javascript code in my webpage. But its not working in the firefox.
How can i make it compatible to firefox.
I downloaded and installed Securimage's Captcha code, and then my jQuery slideshow (by Jon Raasch) stopped working. I'm new to jQuery and am really a javascript noob to begin with, so I don't know where to begin. I looked at slideshow.js and prototype-1.6.0.2,js to try to find some conflict and I can't find anything obvious. I know that the Captcha code is the problem because when I comment out the <script>, the slideshow starts working again. he site I'm working on is here: [URL]
View 5 Replies View RelatedI'm using Keith Wood's datepicker jQuery plugin v.4.0.2 (not the jQuery UI datepicker) with jQuery 1.4.2, and I want to use the jQuery UI Cupertino theme v.1.8.2.
I reproduced the example on this page [URL]... under the Layout/Style tab. The inline example worked, but the popup example failed.
I tried many permutations and combinations of loading .js and .css files, none of which worked. Would someone please point out the error of my ways? Code snippet and screenshots below.
[Code]...
This drag/drop code will work in IE and FF, and most likely Opera too...
All you have to do is insert the following code in between the <head></head> tags and set any element's class attribute that you'd like to render draggable to "dragdrop".
CSS...
<style type="text/css">
.dragdrop{
position:relative;
cursor:pointer;
}
</style>
Javascript...
<script language="javascript">
var mousedown=false;
var obj=null;
var omx=0;
var omy=0;
var oox=0;
var ooy=0;
function getEvent(e){
if(!e){e=event;}
return e;
}
function getObj(e){
e=getEvent(e);
if(navigator.appName.indexOf("Netscape")!==-1){
return e.target;
}
else{
return e.srcElement;
}
}
document.onmousedown=function(e){
e=getEvent(e);
obj=getObj(e);
if(obj.className!=="dragdrop"){
obj=null;
}
else{
mousedown=true;
omx=e.clientX;
omy=e.clientY;
if(navigator.appName.indexOf("Mozilla")!==-1||navigator.appName.indexOf("Netscape")!==-1){
oox=obj.style.left;
ooy=obj.style.top;
}
else{
oox=obj.style.pixelLeft;
ooy=obj.style.pixelTop;
}
}
}
document.onmouseup=function(e){
obj=null;
mousedown=false;
}
document.onmousemove=function(e){
var e=getEvent(e);
if(mousedown==true){
oox=oox.toString().replace(/px/,"")*1;
ooy=ooy.toString().replace(/px/,"")*1;
obj.style.top=ooy+e.clientY-omy;
obj.style.left=oox+e.clientX-omx;
}
}
</script>
You can preview this script in action here...
Could someone tell me how to make this site: http://webpages.charter.net/jelsinge...e/history.html compatible with those who use the Internet with JavaScript disabled? I really want to have the slideshow but is there a way I can have the site look good if someone disables JavaScript?v
View 5 Replies View RelatedJQuery newbie question re using validation plugin with Django newform.I have a simple email feedback contact django form that I wanted toenhance with some JQuery validation. I created a standalone (NonDjango) version of the form and it works correctly.However when I create a Django version of the form the validationrules seems to be ignored and the form is always posted - I wouldexpect the form to fail, and never post. One difference (not sure ifit's siignificant) is that the Django forms are created from classes/templates and render as tables. However the exact same HTML code worksfor the basic form.I'm now thinking that there must be something different re how thesubmit is being processed for the Django form - but I'm stumped.
View 4 Replies View RelatedI'm looking for the best cross browser compatible swipe script for android, iphone and other touch phones. Has anyone used any of the available frameworks or have you used custom scripts? [code]...
View 1 Replies View RelatedAre there any good web UI component libraries -open source or commercial - that you can recomment? They need to be cross browser compatible and have good documentation. Jquery UI is very good but limited in number of controls it offers. YUI is very verbose and very hard to use. extJs only other one I can think of. Any others you use and like?
View 2 Replies View RelatedI 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:
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
};
*******************************