JQuery :: Can't Deal With XHTML DOM?
Mar 21, 2010Can JQuery deal with XHTML DOM?I was told that it cannot and that I should use only HTML Strict.
View 2 Replies
ADVERTISEMENT
JQuery :: How To Deal With Conflicting Scripts
Jan 7, 2011I have a web page which utilizes both Moo tools and JQuery features. The Moo Tools seems to be negating my JQuery functionality for a sliding menu. I did some research and it looks like I can add $.noConflict(); to resolve this, but I am not sure how to add it. For instance I am linking to both the JQuery and Moo tools code.
<script type="text/javascript" src="../js/mootools.js"></script>
<script type="text/javascript" src="../js/JQuery.js"></script>
I am sure the Moo tools JS is interfering, b/c when I take it out the JQuery functionality works.
JQuery :: Monkey-patch The Ajax Calls To Deal With A Microsoft IE - Timeouts ?
Dec 4, 2011This is really more a IE issue than jquery but I am using jquery.
Has anyone used this setTimeouts method from the IXMLHttpRequest2 object from IE.
I want to monkey path jquery calls with this call below. I tried this and I still get a property method error even though the method seems to be available. Has anyone experienced this?
With this Javascript code, I get this error "Object does not support this property or method" error. I checked that the methods are available and I do a check that the method is there. Am I sending the wrong number of args? Has anyone used this?
How To Deal With Vars In This Form
Feb 19, 2006I have found whit google this form in this group. But i'n not good in
javascript :(. I try and error normal but i only error now.
Whit i now want to now how can i get access to the vars vis and inv. Normal
when i submit a form then is see something link
formhandler?vis=somthing&inv=something.
But i dont see that in this form. I want the use data form this form to set it in a databse whit php. I cant get use nog $_GET['vis'] is wil give nothing.
Is there someone who can helpen me ?
The script:
How To Deal With Multiple Cookies
Mar 27, 2010I finally created a cookie but my web host automatically created a cookie for my website already. Whenever I try to access my cookie, I accesses my web host's cookie. How do I fix this?You don't have to read this, but here is my code.Quote:
<HTML>
<HEAD>
<TITLE>Test</TITLE>
[code].....
Mobile Safari To Deal With Too Large Images
Dec 4, 2010I am making a mobile version for our bulletin board website. Users often post photo's by hotlinking and on the desktop this is no problem.But on a mobile phone (I test with an iPhone) these images are just waaay to large to load.First of all: The size of the photo. It's dimentions. They are way to big for a mobile screen to display they fully, so I now have a javascript that shrinks all loaded images to a max width.
Problem is: The have to load first and while loading they mess up de rest of the text. It stretches the browsers viewport so people need to swipte to the left and back to the right UNTIL the photo is loaded. Only then the javascript puts the large images back in proportion. Is there a way that, while on loading a page with a lot of large photo's (postes by users), the photo's are resized WHILE loading? Even setting the max-width in css is not enough. The css property only applies after load.
JQuery :: Replace Some .aspx Loading In Div By Xhtml Or Html?
Aug 23, 2011here we have my new site
[URL]
If you look good the source of this page, i have some .aspx load to .ajob div when i click image links...
here the piece of :
<div
class
="thumbnailMask"
> <ul
[Code].....
.aspx appears in this too :
[URL]
i want replace .aspx by xhtml or html in the same place then there
JQuery :: Adapting Xhtml Layout For Photo Slider To PHP Blog Template?
Jun 18, 2009I am hoping to use a 3rd party script for a simple JQuery photo slider for my WP blog. But the script creator says: "If you are trying to 'include' this into a blog template then you will need to have a good knowledge of the template structure and how it is pulling the information from the database. The files that I supply are intended for use in a normal xhtml page where you would just add the javascript calls and stylesheet links to the page head, then embed the xhtml into the web page or use a simple php 'include' to add this at run time." He couldn't help further. The blog theme I purchase comes with a photo slider but I wasn't happy with it 100%. I took the code from the new one and put it in as best as I could where the original one was formatted. I am not a programmer though and I know that clearly I did not do it right, as I used "a" ids like you would in HTML and I know they don't belong in PHP. However, it magically is working somewhat! All the graphics are showing, it's pulling images, and they are sliding. I just need to clean it up a bit. Here is a page where it is on:
[Code]...
XML In XHTML
Nov 30, 2005I am trying to include and xml document inside my xhtml document. There
are a number of reasons for this including portability, multiple
interface generation, and scalability of information.
My problem is that javascript is understanding the nodes in my xml
document as html elements.
<xml>
<book>
<title>Lord of the Rings</title>
</book>
</xml>
If I parse this, the title element cannot be extracted and the page
title(in the browser) becomes "Lord of the Rings".
Is there a way to exclude this xml node from the xhtml rules?
DOM In XHTML On IE6
Feb 27, 2007Maybe you can answer a question for me: I'm reading the preview for XML web development (sitepoint book) and it clearly shows IE rendering XML (the author states IE5 and above); does that mean that IE's problem with XHTML is CDATA and not XML universally? If that's true then IE could render an albeit gimped XHTML page which would explain why HTML 4.01 and XHTML are virtually synonymous in IE 6.
Is there a workaround for this in JavaScript, if the above is true?
Getting Correct Xhtml From DIV
Dec 23, 2005I'm facing the bug about the failure of innterHTML while
reading xhtml content inside a DIV, in fact it has passed as html
removing the closing of some nodes. Is there a way to read the content
of the div perfectly how it is in the page, kind of:
var obj = document.getElementById("myDIV");
var realContent = obj.toString();
IE6, Xhtml, Scrollbars And You
Jul 20, 2005IE6 in standards mode doesn't seem to hide scrollbars on the body element
(overflow:hide) Ain't this a quandary. I have it in my head that I need to
specify html instead. The scrollbars do hide on Gecko browsers though, so
there is definitely a disagreement among browser developers on how to
implement scrollbars (as a side note, Gecko browsers with their notoriously
bug-ridden resize code seem to always screw up when asked to stretch and
scroll divs, even when the page is reloaded on every resize!)
My first thought is to modify the CGI that generates the style sheet as I
already have code that deprecates the document type when hidden scroll bars
are required on IE6 (but not IE5.) This is based on the simple empirical
evidence that the scroll bars are still there on IE6 in standards mode, so
the optimal document type (XHTML strict) cannot be used. So I could just
change this to output an html style (rather than a body style) for IE6 and
lose the deprecation (it wouldn't be needed at this point.)
So the question is this. Given that CGI-based processing of browser
versions for these kinds of tweaks is taboo, what would you check on the
client side before dynamically generating the style for the body and/or html
element? It doesn't seem like you could just send both as this would surely
break some older browsers (I know you can do tricks with comments and such,
but that only works for NS4 and maybe IE3 AFAIK.)
documentElement is the only thing I can think of that indicates standards
mode and NS6/Mozilla support this AFAIK.
IE Conditional comments perhaps? I would hate to hard-code a test for a
browser version number into the actual document (for obvious reasons), but I
guess it is an alternative if the browser version is exposed to these
things.
I don't see any other way to deal with a situation like this than with
server-side code that looks at the browser's version number and makes the
necessary adjustment. And there are lots of little differences like this
that just don't seem to have viable client-only solutions. There's DirectX
stuff (probably is an object detect for that) and funky colored scrollbars
(hey people ask for them) and document margins (Opera did them slightly
differently than the rest as I recall) and now this scrollbar thing.
Xhtml Validation
Aug 15, 2007How do you get JS to validate? Am more or less positive my JS used to validate now the following won't even pass
if(1==1 && 2==2)
{
}
why? because the validator wants &&
Any ideas how even that script can be validated. The doc type is transitional.
Xhtml W/javascript And Css Only Works In IE
Jul 23, 2005There are two main things which I am trying to work through:
Drop down menu (bottom of page) - which only works in IE (on pc) right
now, although it should work on all browsers except opera.
Traditionally in a HTML 4.0 Transitional environment.
Div content that scrolls - placed correctly and works in IE and that's
it. Here is an example of the working script on another site
http://www.dyn-web.com/dhtml/scroll/scroll-rel.html . Traditionally in
a Xhml strict.
My goal is to get this page to look as good in Netscape and on the mac
as it already does in IE.
InnerHTML Mangles The Xhtml
Jul 23, 2005When using innerHTML to insert xhtml IE5+ mangles the xhtml completely. For example it removes the quotes from attributes. It also does other ridiculous things like on a <div> it will insert the enbedded style="DISPLAY:BLOCK"! This is a documented feature you can find in msdn.
Is there a way to disable this quite appalling feature?
Creating XHTML In An Iframe
Aug 26, 2005I am trying to find a way to load XHTML content in an Iframe.
I use to do this in html by using the following code :
var iframeObject = document.createElement("iframe");
MyDiv.appendChild(iframeObject);
var data =
"<html><head><title>testing</title></head><body>data</body></html>"
iframeObject.contentDocument.open();
iframeObject.contentDocument.writeln(data);
iframeObject.contentDocument.close();
This works fine. I can create my content dynamicly and synchroniously.
No problem.
No I try to switch to XHTML, but have trouble getting th eiframe to
understand that it gets XHTML data. It simply assumes that the data is
"text/html".
I tried to add the contentType with the .open() arguments:
var iframeObject = document.createElement("iframe");
MyDiv.appendChild(iframeObject);
var data = "<!DOCTYPE html PUBLIC "-//W3C//DTD ..etc..
transitional.dtd">"
+ "<html xmlns="http://www.w3.org/1999/xhtml" > etc etc </html>";
iframeObject.contentDocument.open("application/xhtml+xml", true);
iframeObject.contentDocument.writeln(data);
iframeObject.contentDocument.close();
The code runs but the content is not seen as xhtml, so I can't mix html
and xml. Someone gave me the hint to use the following:
iframeObject.src="data:application/xhtml+xml,"+data;
This works, the data gets loaded and is actually seen as xhtml, but..
the loading happens async in stead of sync.
Is there anyone who can help me with :
- does document.open("application/xhtml+xml", true) work at all?
should it work ?
Document.createElement() In XHTML
Nov 25, 2006I try the following in Firefox and other modern browsers:
window.addEventListener('load', function() {
document.title = CSS.getClass('fontSize');
var div = document.createElement('div');
document.getElementsByTagName('body')[0].appendChild(div);
alert(div);
alert(div.style)
}, true);
It works fine in normal HTML mode (Content-type: text/html), but in
XHTML mode it alerts "[object Element]" instead of "[object
HTMLDivElement]" and the second alert shows "undefined" instead of
"[object CSSStyleDeclaration]". So I can't reach the style declaration
which is important for me. Strict mode makes trouble again and again,
the biggest bug: document.write does not work:
Textarea In XHTML 1.0 Transitiona
Nov 7, 2007I've just been converting my ASP v2.0 web site to use master pages which by
default uses this doctype:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
whereas before it used to use:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
This appears to have effected the multi-line textarea tag in that it doesn't
completely obey the height attribute. It appears to adjust the height to the
nearest line height.
Is there anyway to get around this?
XHTML, <script>, Opera
Jul 20, 2005Opera 7 doesn't appear to support the <script> element in XHTML. Does
this mean that it impossible to use Javascript with XHTML? Or is there
a workaround, such as the legacy method, in HTML, of commenting out the
Javascript code.
XHTML 1.1 Valid Aligning
Apr 24, 2007An easy XHTML1.1 valid way of aligning divsfunction XHTMLAlign(tagid, align){
var viewportwidth;
var viewportheight;
// the more standards compliant browsers (mozilla/netscape/opera/IE7) use window.innerWidth and window.innerHeight
if (typeof window.innerWidth != 'undefined')
{
viewportwidth = window.innerWidth,
viewportheight = window.innerHeight
}
// IE6 in standards compliant mode (i.e. with a valid doctype as the first line in the document)
else if (typeof document.documentElement != 'undefined'
&& typeof document.documentElement.clientWidth !=
'undefined' && document.documentElement.clientWidth != 0)
{
viewportwidth = document.documentElement.clientWidth,
viewportheight = document.documentElement.clientHeight
}
// older versions of IE
else
{
viewportwidth = document.getElementsByTagName('body')[0].clientWidth,
viewportheight = document.getElementsByTagName('body')[0].clientHeight
}
var tag = document.getElementById(tagid);
tag.style.position="absolute";
if(tag.style.marginLeft == ""){
tag.style.marginLeft = "0";
}
if(tag.style.marginRight == ""){
tag.style.marginRight = "0";
}
if(tag.style.marginTop == ""){
tag.style.marginTop = "0";
}
if(tag.style.marginBottom == ""){
tag.style.marginBottom = "0";
}
if(tag.style.width == ""){
if (tag.width != ""){
tag.style.width = tag.width;
} else {
tag.style.width = "0";
}
}
if(tag.style.height == ""){
if (tag.height != ""){
tag.style.height = tag.height;
} else {
tag.style.height = "0";
}
}
if ( align=="left" ){
tag.style.left=parseInt(tag.style.marginLeft) + "px";
tag.style.right= viewportwidth - (parseInt(tag.style.width) + parseInt(tag.style.marginLeft)) + "px";
} else if ( align=="right" ){
tag.style.right=parseInt(tag.style.marginLeft) + "px";
tag.style.left=viewportwidth - (parseInt(tag.style.width) + parseInt(tag.style.marginRight)) + "px";
} else if ( align=="center" ){
tag.style.right= ((viewportwidth - parseInt(tag.style.width))/2) - parseInt(tag.style.marginLeft) + parseInt(tag.style.marginRight) + "px";
tag.style.left= ((viewportwidth - parseInt(tag.style.width))/2) + parseInt(tag.style.marginLeft) - parseInt(tag.style.marginRight) + "px";
}
if ( align=="top" ){
tag.style.top=parseInt(tag.style.marginTop) + "px";
tag.style.bottom= viewportheight - (parseInt(tag.style.bottom) + parseInt(tag.style.marginTop)) + "px";
} else if ( align=="bottom" ){
tag.style.bottom=parseInt(tag.style.marginTop) + "px";
tag.style.top=viewportheight - (parseInt(tag.style.width) + parseInt(tag.style.marginBottom)) + "px";
} else if ( align=="vcenter" ){
tag.style.bottom= ((viewportheight - parseInt(tag.style.width))/2) - parseInt(tag.style.marginTop) + parseInt(tag.style.marginBottom) + "px";
tag.style.top= ((viewportheight - parseInt(tag.style.width))/2) + parseInt(tag.style.marginTop) - parseInt(tag.style.marginBottom) + "px";
}
return;
}
setInterval('XHTMLAlign("divid", "center")', 100);
setInterval('XHTMLAlign("divid", "vcenter")', 100);
Xhtml Complient Javascript
Aug 6, 2004the following line is erroring in an xhtml validator:
var ns6clock=document.getElementById && !document.all
the && is erroring, but I cant work out how to change it eg to the ascci value? Code:
Javascript In Xhtml Strict
Jul 11, 2002does anyone know of any sites that use (validating) xhtml strict, and also use javascript functions - rollovers etc?
(the strict dtd won't allow you to use the "name" attribute, in images, so I want to find out what the solution is to this problem)
XHTML-compliant Document.write
May 10, 2006How can I make an XHTML-compliant form of an expression in this
format:
document.write("<scr"+"ipt type='text/javascript' src='path/to/file.js'>"+"</scr"+"ipt>");
this turns out to be a non-trivial exercise. inserting '<' and
'>' causes the browser to write the text to the page as literal
text rather than as the intended script element. Using escape codes
seemed to work (makes it standard compliant) but the text is not
written to the page.
The point is to have a conditional branch in which, when a certain
condition is true, a script tag will be generated that will call a
JS include that responds to the specific condition.
This procedure works in the present implementation -- but fails XHTML
compliance testing. Now, we would like to have both.
Document.createElement Is Not XHTML Standard
Jan 2, 2007I've been creating a script that dynamic loads js files.
but after creating that script, (and i use
document.createElement('script');) in that function.. i've realise that
the code that shows up in the browser is:
<script type="text/javascript">
should it be
<script type="text/javascript" />
or
<script type="text/javascript"></script>
Whole Layout Messes Up - Xhtml Will Not Allow </script>
Apr 8, 2010The Problem: I have the following code in my head section of my page:
<script type="text/javascript" src="js/random-testimonial.js"></script>
However xhtml will not allow </script> so to counter this I try to make the code into this:
<script type="text/javascript" src="js/random-testimonial.js" />
Thing is, when I do that, my whole layout messes up, it's as if it is ignoring my stylesheet when it is in the php version of the site, when it is in a normal html file, it pushes my main container to the left and then you can not see the header container properly, only a little bit of it. Everything seems to work fine if I keep it the code like the first shown here but I can not have it like that for xhtml, is there something I am missing here?
Xhtml Doctype And Form Name Attribute?
Aug 21, 2010I 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 Related