asked on

jQuery works in FF & Chrome BUT cannot get it to work in IE8

Hello All; (Needs immediate attentions if possible please)

The code that I am using comes from here
The code of course works across all browsers.
http://jquery.malsup.com/form/#html

BUT, when I test it on my computer (XP IIS5.1 all updates)
It works in FF and Chrome BUT does not work in IE8
I just tested on another computer in the network to make sure that it was not an issue with my system, and it also would not work on that systems IE8.

Please have a look at this.
You can change the out put to php or whatever, that is not the issue.
I am using ASP Classic, but, like I mentioned, that is not the issue.
There is something else that is stopping it from working within IE8

Code below for the main page. With links to the .js files on external servers.

Carrzkiss

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript" src="http://github.com/malsup/form/raw/master/jquery.form.js?v2.44"></script>

<script language="javascript" type="application/javascript">
$(document).ready(function() { 
    $('#htmlForm').ajaxForm({ 
        target: '#htmlExampleTarget', 
		loading_img:'loading.gif',
        success: function() { 
            $('#htmlExampleTarget').fadeIn('slow'); 
        } 
    }); 
});
</script>
</head>

<body>
<form id="htmlForm" action="show1.asp" method="post">
<input type="text" name="MyText" value="[Background=#000000]" />
<input type="submit" value="Echo as HTML" />
</form>

<div id="htmlExampleTarget"></div>


</body>
</html>

Open in new window

Dave Baldwin

When I run it in Firefox, it is inserting all of the code between <head> and </body> into the div. See below, I used Web Developer's 'View Generated Source' to get that. That's probably not what you want. IE8 doesn't like things like that. It's broken code anyway.

<html xmlns="http://www.w3.org/1999/xhtml"><head>


<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Untitled Document</title>
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript" src="http://github.com/malsup/form/raw/master/jquery.form.js?v2.44"></script>

<script language="javascript" type="application/javascript">
$(document).ready(function() { 
    $('#Formxx').ajaxForm({ 
        target: '#htmlExampleTarget', 
		loading_img:'pleasewait.gif',
        success: function() { 
            $('#htmlExampleTarget').fadeIn('slow'); 
        } 
    }); 
});
</script>
</head><body>
<form id="Formxx" action="show1.asp" method="post">
<input name="MyText" value="[Background=#000000]" type="text">

<input value="Echo as HTML" type="submit">
</form>

<div id="htmlExampleTarget">


<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Untitled Document</title>



<script language="javascript" type="application/javascript">
$(document).ready(function() { 
    $('#Formxx').ajaxForm({ 
        target: '#htmlExampleTarget', 
		loading_img:'pleasewait.gif',
        success: function() { 
            $('#htmlExampleTarget').fadeIn('slow'); 
        } 
    }); 
});
</script>

<form id="Formxx" action="show1.asp" method="post">
<input name="MyText" value="[Background=#000000]" type="text">

<input value="Echo as HTML" type="submit">
</form>

<div id="htmlExampleTarget"></div>


</div>


</body></html>

jQuery works in FF &amp; Chrome BUT cannot get it to work in IE8

jQuery works in FF & Chrome BUT cannot get it to work in IE8