[jQuery] Cross browser problem in JQuery 1.2.1, Run on FF1.5 but not IE6
Dear all
Can you please tell me if this is really a cross browser problem or my
misunderstanding, I cannot run the code below successfully under IE6
but FF is perfect.
So, would you all mind if you can help me out in this problem? MS
debugger information attached.
Thank you very much for all your help.
----------------------------------------------------------------------------------
code.php:
...
<script language="javascript" src="jquery/jquery-1.2.1.min.js"></
script>
<script language="javascript" src="jquery/jquery-calendar.js"></
script>
...
<script language="javascript">
$(document).ready(function(){
$('#dateInput').calendar({ appendText: '(yyyymmdd)',
dateFormat: 'YMD-',
onSelect: getResult
});
function getResult(dateText){
$.ajax({ url: 'init.php',
type: 'POST',
data: 'date=' + dateText,
datatype: 'xml',
timeout: 1000,
error: function(){
alert('getResult: Cannot load data.');
},
success: showResult
});
$('#load').show();
}
function showResult(xml){
var previous_page;
$('td.page,td.pagename,td.refcodeid,td.numcode,td.noResult').empty();
if($(xml).find('page').text() != ''){ //<< MS debugger show that
this line has error
$(xml).find('page').each(function(){
var pagename = $(this).find('pagename').text();
var refcodeid = $(this).find('refcodeid').text();
var numcode = $(this).find('numcode').text();
$('<tr colspan="3" id="page"
onmouseover="this.style.backgroundColor=\'#FFFF66\'"
onmouseout="this.style.backgroundColor=\'\'"></
tr>').appendTo('#trackingCodeResultTab');
var div_pagename = $('<td></
td>').addClass('pagename').text(pagename).appendTo('#page');
var div_refcodeid = $('<td></
td>').addClass('refcodeid').text(refcodeid).appendTo('#page');
var div_numcode = $('<td></
td>').addClass('numcode').text(numcode).appendTo('#page');
});
}else{
$('<tr id="page"></tr>').appendTo('#trackingCodeResultTab');
var no_result = $('<td colspan="3"></
td>').addClass('noResult').html('No result').appendTo('#page');
}
$('#load').hide();
}
});
</script>
Please click a date:
<span id="load" style="background:#FF0000; color:#FFFFFF; font-
weight:bold; padding:1px 3px; display:none;">Loading...</span>
<div id="dateInput" style="display:block;"></div>
<div id="trackingCodeResult">
<table cellpadding="0" cellspacing="0" width="450px"
id="trackingCodeResultTab">
<th>Page name</th><th>Reference code</th><th>Number of times of
going this page</th>
</table>
</div>
----------------------------------------------------------------------------------
init.php - The XML returned by this page:
<result>
<page>
<pagename>example4.php</pagename>
<refcodeid>AC8x</refcodeid>
<numcode>2</numcode>
</page>
<page>
<pagename>example5.php</pagename>
<refcodeid>AC9x</refcodeid>
<numcode>3</numcode>
</page>
<page>
<pagename>example6.php</pagename>
<refcodeid>AC19x</refcodeid>
<numcode>4</numcode>
</page>
</result>
---------------------------------------------------------------------------
Error from M$ script debugger
Line 23: Object doesn't support this property or method.
Line that highlighted by debugger:
r=jQuery.merge(r,ret[i].getElementsByTagName(tag));