I have a section of Javascript code that works a treat in IE but does nothing in Firefox. If we remove the doctype it appears to work, put the doctype back in and it breaks. We need the doctype to remain in so the page renders correctly cross-browser. Code:
View 2 RepliesI have created an animated image gallery in dhtml. It works fine in
Internet Explorer. In Firefox, it only works if I ommit the DOCTYPE tag.
The page is valid xhtml-strict but with a xhtml1-strict DOCTYPE, I get a
dead script and dozens of error messages like "Error in parsing value in
property 'width'. Declaration dropped." on Line 0. Code:
I use the following script for a scrolling button, it scrolls down with you if you scroll down.
Only one problem, it only works if I don't use any doctype.
If I do, the script stops working.
But without a doctype my CSS is rendered different, so that's not what I want ofcourse.
Somebody got an idea on this one? Code:
which is the best DOCTYPE to use with JavaScript?Just validating now and its telling me that the<body onLoad="startclock()"> onLoad attribute is not supported....
View 6 Replies View RelatedI was roughing out a feature I want to add to my site in notepad with no doctype declare.I got it just how I wanted, then realized it didn't work in IE. I added a doctype, it validates at xhtml strict, but it killed IE, while it started adding round corners in IE which wasn't working with no doctype...but now my JS isn't working... So I lost functionality of the JS while adding the round corner style that wasnt working when the JS was mostly working...FF works fine every damn way of course....I uploaded it to http://[url]......Also when it was functioning, the lower set of icons background wasn't showing. You can load that link ^^ in FF to see exactly what I'm going for....it works in ff
css:
body {
margin: 0px;[code]....
I have a javascript (snow.js) on my website. Without a DOCTYPE in my HTML it runs in IE, Mozilla and Chrome.Because my mouse-overs (hover) were not working in Chrome I needed to add a DOCTYPE, after it worked (DOCTYPE : <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http:[url].....).
But my javascipt still works in IE but not in Mozilla and Chrome anymore. This script runs with the following statements after <body> :
<script language="JavaScript" src="snow.js">
</script>
I had to add the following DOCTYPE to a webpage in order for IE to parse my page design properly, and this caused the form on the page to fail in FireFox (which works fine without the doctype). The form works fine in IE.Here is the DOCTYPE I added to the top of the page;
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
The error log in FireFox says;
frmTest is not defined - Line 30
Here is the block of code it is referring to;
function MoveForward(ipage)[code].........
This <div> layer positioned always at bottom left of the screen on scrolling (and calling some code from labpixies) works well in non-ie browsers, but in ie it requires the omission of the doctype declaration. Why? Is it possible to fix it so that it works with the doctype in ie?
<!doctype html>
<html lang="en">
<head>
<title></title>
</head>
[Code]...
is it true that the doctype declaration must be on the very first line (there mustn't even be a blank line above it) in order for it to be "working correctly" ?
View 8 Replies View RelatedFor a variety of reasons that I won't currently go into, I need a lightbox script that doesn't rely so heavy on the document's DOCTYPE (Strict, Transitional, etc) and will just work with a page where the DOCTYPE doesn't get assigned.
View 5 Replies View RelatedI am trying to display a map with Google maps. The code listed below is located at http:[url]....
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">[code]....
I find another example where some uses a CDATA tag, but it still doesn't work. http:[url]...I finally remove the DOCTYPE and it works. http:[url]....My problem is I want the DOCTYPE.
I have a problem with customer website.My script creates an Auto-Greet that overlays the page, displays in the lower left of the browser and remains visible as the user scrolls the page.
My Mockup the customer home page. This is the desired action.http:[url]....Customer website: (undesired action)http:[url]....The only difference is that my customers does not declare a .dtd document.They have a <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">. On my mock-up, I declare a .dtd document and my script works.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http:[url]...
Question: I'm trying to figure out a way in javacript to dynamically change the <!DOCTYPE, is this possible?
I have been attempting to transition to use of xhtml strict doctype andmy text editor, BBEdit (on Mac) tells me, when I ask it to check syntax,that the attribute 'name' is not allowed in form object, as in any otherform element that I tried to use it in. This begs the question, how doI script forms with javascript in the context of this doctype? None ofthe javascript texts I have address this issue (O'Reilly Rhino book andothers).I could figure it out, but it appears to be a complicated process, justdoing getElementById() and sorting it out.Does anyone have a reference to material that deals with this issue?
View 2 Replies View RelatedWithout getting into too much history on the why, I came into a situation where I needed to create a function to get various properties of !DOCTYPE so that other functions could adjust to work properly with certain DOCTYPEs (Strict, Transitional, etc.). I have tested the function in the following Windows browsers IE6+ FF3+ Chrome2+ and Safari3+ Opera9+. The only one that I can’t get working is Opera (testing with 9.64). I’m hoping that someone out that has a solution! Here is the code:
[Code]...
I am trying to implement a floating menu with a strict doctype for HTML 4.01.
I have got it working without the doctype but as soon as I insert the doctype line it just falls flat on it's face, anyone know of a working floating menu for this situation?
I am now using a strict !DOCTYPE and want to ensure that my pages comply. The Javascript I used to use no longer works - how can I seperate it from the structure of the page?
<input name="rdo1" id="rdo12" type="radio" checked="checked" value="didnt"
<textarea name="txtarea1" id="txtarea1" cols="20" rows="5">
<script type="text/javascript">
/*
Clear default form value
*/
function clearText(thefield){
if (thefield.defaultValue==thefield.value)
thefield.value = ""
}
</script>
I have an XML file that I'm trying to load into and xml object, however the doctype tag is killing the javascript, and does not parse the XML at all. If I remove the doctype, the javascript can parse, and I can access the XML DOM. So I know the XML is valid. Even with the Doctype, it validates. However Javascript does not like it. I don't have a choice to remove the Doctype tag of the XML.
If I remove the Doctype, this method works to parse the XML DOM:
Code:
xmlDoc = new ActiveXObject("Microsoft.XMLDOM");
xmlDoc.async = false;
xmlDoc.load(filename);
Also, if I use the .open method to retrieve the XML, I cannot access the XML DOM via xmlhttp.responseXML. But I do get a result when I use xmlhttp.responseText, it displays the corresponding XML.
Code:
xmlhttp.open("GET", filename, false);
I have a simple page that uses ajax, php, mysql to get database entries and displays them in a table by a limited number of results.
ie. it only shows 10 entries at a time.
Anyways, as soon as I had ANY DOCTYPE to the document, the table no longer shows up in Firefox. It will how ever show up in IE8 or if I remove the DOCTYPE.
Page WITH DOCTYPE
Page WITHOUT DOCTYPE
What on earth would be causing this? I have validated the page with W3C with VALID markup.
I have the script below, which is supposed to populate a text box
on a form which opened this popup window - it should then call a
function 'PostThisPage' on the opener document, and then close the
current window/popup.
This works ok in IE - can anyone please help me by pointing out what it
needs to become cross-browser compatible? It doesn't work in Firefox
1.0.
<script>
window.opener.document.forms(0).tbGoToDate.value = 񟭄-11-11'
window.opener.PostThisPage();
window.close();
</script>
All this time I was testing my sites only in IE6 until my friend told me it wasn't working in FireFox. So I have to make changes in my Javascript code. In the Javascript console all the errors are pointed at the window object in all lines. alert(event.type) gives event undefined. Then I tried Event.type because I read somewhere that mozilla reads it as Event while IE as event. But then it gives:
Error: document.Event has no properties
Source File: http://localhost/xxx/xxx/xxx.js
Line: 3
Any idea of what I should be doing for it to work in FireFox ? The site works perfectly fine in IE until someone told me that IE doesn't follow w3c rules.
i have function that print xml table to the screen , it work fine on IE but not on Firefox. The problem is on red line:
var xmlDoc = this.req.responseXML;
var rows = xmlDoc.getElementsByTagName('ROWSET/ROW');
alert(rows.length); // = 0 on Firefox
I add alert and notice that on firefox i am getting 0.
again on IE it work fine.
I am using a custom JS dropdown in place of an HTML select ... the problem is the drop is used to select a link then a button is clicked to goto the selected item.
In IE it work perfect ... but in FF the values just get appended to the URL in address bar ... it is just a window.open function but will not work. Code:
I'm trying to move an image with the following JS function, but it only seems to work when I remove the XHTML doctype from the top of the document.
Here's the javascript:
Code:
I read something about this on another forum and I think it has something to do with the declaration of obj.style.top, but I can't find a solution. I've tried creating a new variable that contains "document.getElementByID(obj)" and then using that variable to change the top of the image, but it still doesn't work.
So I didn't know whether to put this in HTML & CSS or here. So I'm just going to put it here and the mods can move it if needed.So I had this script working for auto width of a DIV, then I added DOCTYPE to the top of my document, now it won't change the width ha ha. I have tried with all DOCTYPE's and same thing.The JS I am using is:
window.onload=function(){
document.getElementById("right").style.width= + screen.width - 193;
}
As I said this worked before I added DOCTYPE to the top of the HTML. But when I add any one of the DOCTYPES it stops working.
i have an html page with no DOCTYPE and this image carousel works fine across all browers.i tried to add a DOCTYPE (tried, xhtml, xhtml, html5) and all their various to narrow down what it doesnt like to no avail.after adding the DOCTYPE it still worked fine in all browsers except IE7. its like it ignored hiding the overflow.. all of the images we just displayed inline across the page.
View 2 Replies View RelatedI use the following script in order to show/hide a section, and at the same
time to change a companion .gif with another:
function doExpand(paraNum,arrowNum){
if
(paraNum.style.display=="none"){paraNum.style.display="";arrowNum.src="../../images/arrOn.gif"}
else {paraNum.style.display="none";arrowNum.src="../../images/arrOff.gif"}
}
and then in the body:
<div id="reltpc"><a href="javascript:;" onClick="doExpand(xplan1,ico1)"><img
id="ico1" src="../../images/arrOff.gif" alt="" width="10" height="9"
border="0"> Show Info</a></div>
<div id="xplan" style="display:none" onClick="doExpand(xplan,ico1)">
<p>text here</p>
<p>some more text here</p>
</div>
Furthermore, two more scripts are used in order to show/hide a section
without the image:
function doSection (secNum){
if (secNum.style.display=="none"){secNum.style.display="block"}
else{secNum.style.display="none"}
}
function noSection (secNum){
if (secNum.style.display=="block"){secNum.style.display="none"}
}
and then in the body:
<div id="more"><a href="javascript:;" onClick="doSection(dtails1)">More
Info</a></div>
<div id="dtails1" style="display:none" onClick="noSection(dtails1)">
<p>text here</p>
<p>some more text here</p>
</div>
All three of them are working good in IE and Ffox, however the second claims
to use "gelElementById" instead.
Well, how could it be done? Would you help me please, to get that
conversion?