twitter: [jQuery] Re: Jquery does not work in IE8

Dear Karl,

Thank you for your reply. I tried moving the jquery scripts before
everything else, but it seems to have no effect in IE.
I moved it back, and this is what it looks like now. (This all works
fine in Safari 4.0.4). Do you have any other suggestions?! Sorry, but
as you can tell, I find this stuff very hard to understand! Jurgen :-)

<html><head>
<title>Dreams Gallery</title>
<base target="detail">
<script language="JavaScript">

// Checks the browser and adds classes to the body to reflect it.

$(document).ready(function(){

var userAgent = navigator.userAgent.toLowerCase();
$.browser.chrome = /chrome/.test(navigator.userAgent.toLowerCase
());

// Is this a version of IE?
if($.browser.msie){
$('body').addClass('browserIE');

// Add the version number
$('body').addClass('browserIE' + $.browser.version.substring
(0,1));
}

// Is this a version of Chrome?
if($.browser.chrome){

$('body').addClass('browserChrome');

//Add the version number
userAgent = userAgent.substring(userAgent.indexOf('chrome/')
+7);
userAgent = userAgent.substring(0,1);
$('body').addClass('browserChrome' + userAgent);

// If it is chrome then jQuery thinks it's safari so we have
to tell it it isn't
$.browser.safari = false;
}

// Is this a version of Safari?
if($.browser.safari){
$('body').addClass('browserSafari');

// Add the version number
userAgent = userAgent.substring(userAgent.indexOf('version/')
+8);
userAgent = userAgent.substring(0,1);
$('body').addClass('browserSafari' + userAgent);
}

// Is this a version of Mozilla?
if($.browser.mozilla){

//Is it Firefox?
if(navigator.userAgent.toLowerCase().indexOf('firefox') != -1)
{
$('body').addClass('browserFirefox');

// Add the version number
userAgent = userAgent.substring(userAgent.indexOf
('firefox/') +8);
userAgent = userAgent.substring(0,1);
$('body').addClass('browserFirefox' + userAgent);
}
// If not then it must be another Mozilla
else{
$('body').addClass('browserMozilla');
}
}

// Is this a version of Opera?
if($.browser.opera){
$('body').addClass('browserOpera');
}

});

<!--
function na_preload_img()
{
var img_list = na_preload_img.arguments;
if (document.preloadlist == null)
document.preloadlist = new Array();
var top = document.preloadlist.length;
for (var i=0; i < img_list.length; i++) {
document.preloadlist[top+i] = new Image;
document.preloadlist[top+i].src = img_list[i+1];
}
}

function na_change_img_src(name, nsdoc, rpath, preload)
{
var img = eval((navigator.appName.indexOf('Netscape', 0) != -1) ?
nsdoc+'.'+name : 'document.all.'+name);
if (name == '')
return;
if (img) {
img.altsrc = img.src;
img.src = rpath;
}
}

function na_restore_img_src(name, nsdoc)
{
var img = eval((navigator.appName.indexOf('Netscape', 0) != -1) ?
nsdoc+'.'+name : 'document.all.'+name);
if (name == '')
return;
if (img && img.altsrc) {
img.src = img.altsrc;
img.altsrc = null;
}
}

// -->
</script>
<meta http-equiv="Content-Type" content="text/html;
charset=ISO-8859-1"><style type="text/css">

</style></head>

<title>jCarousel</title>

//Captify
$(document).ready(function(){
$('img.captify').captify({
// all of these options are... optional
// speed of the mouseover effect
speedOver: 'fast',
// speed of the mouseout effect
speedOut: 'normal',
// how long to delay the hiding of the caption after mouseout (ms)
hideDelay: 500,
// 'fade', 'slide', 'always-on'
animation: 'slide',
// text/html to be placed at the beginning of every caption
prefix: '',
// opacity of the caption on mouse over
opacity: '0.7',
// the name of the CSS class to apply to the caption box
className: 'caption-bottom',
// position of the caption (top or bottom)
position: 'bottom',
// caption span % of the image
spanWidth: '100%'
});
});
</script>

</head>

<body>

</ul>
</div>

</html>

On Dec 17, 3:33 pm, Karl Swedberg <k...@englishrules.com> wrote:
> If I view source on the detail frame, I see that you're referring to
> the $ function before you load the jQuery file. Put the script element
> that loads jQuery before your other script and see if that helps.
>
> --Karl
>
> ____________
> Karl Swedbergwww.englishrules.comwww.learningjquery.com
>
> On Dec 17, 2009, at 4:26 AM, blueshift wrote:
>
>
>
> > Jquery-1.3.2. runs fine in Safari and Firefox. In IE8 (using the
> > Developer Tools), I get the error: "Could not get the position
> > property. Invalid argument jquery-1.3.2.js, line 12 character 12949".
> > Using debugging, the script highlights the characters {J[G]=K}.
>
> > I have no idea what this does, but it seems to cause the problem! The
> > result is when a thumbnail image is clicked in one of my galleries,
> > the image does not open in IE8. If anyone understands this or how to
> > correct it, I'd be very grateful!
>
> > See the problem in action (or not) on my website:www.blueshiftgallery.com
> > (click on a gallery to open the thumbnails).
>
> > Many thanks!

twitter

Thursday, December 17, 2009

[jQuery] Re: Jquery does not work in IE8

0 Comments:

Post a Comment

About Me

Previous Posts