Skip to main content

Search and Top Navigation

#5827 closed bug (worksforme)

Opened July 15, 2010 08:14AM UTC

Closed July 15, 2010 12:43PM UTC

Last modified October 11, 2012 09:15PM UTC

IE8 crash with Bounce and parent animate

Reported by: Kurt Owned by:
Priority: minor Milestone:
Component: ui.effects.core Version: 1.8.2
Keywords: bounce Cc: fwdavy@yahoo.fr
Blocked by: Blocking:
Description

On $(".action").effect('bounce',{ times:3 },scroll); IE8 alert 'position not valid'. Is a bug not regular but it's bounce and a parent animate.

********************

Agent utilisateur : Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.1; WOW64; Trident/4.0; Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1; SV1) ; SLCC2; .NET CLR 2.0.50727; .NET CLR 3.5.30729; .NET CLR 3.0.30729; Media Center PC 6.0; Orange 8.0)

Horodateur : Thu, 15 Jul 2010 08:07:54 UTC

Message : Impossible d'obtenir la propriété position. Argument non valide.

Ligne : 4618

Caractère : 4

Code : 0

URI : http://127.0.0.1/akairnet.com/js/jquery.js

********************

<!DOCTYPE html PUBLIC "-W3CDTD XHTML 1.0 StrictEN" "http:www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">

<head>

<meta charset="utf-8">

<meta http-equiv="Content-type" content="text/html;charset=UTF-8" />

<title>AKAIRNET - technologie Internet & Intranet</title>

<meta name="description" content="Développement de site internet et ingenierie informatique" />

<meta name="keywords" content="ajax, intranet, internet, jquery, joomla, flash, cms, web, domaine, serveur, e-marketing, analyse, lozère, auvergne, millau, mende, rodez, clermont-ferrand, montpellier" />

<link rel="stylesheet" type="text/css" href="style/style.css" media="screen" />

<link href="medias/picto/favicon.ico" rel="shortcut icon" type="image/x-icon" />

<script type="text/javascript" src="js/jquery.js"></script>

<script type="text/javascript" src="js/jquery-ui-1.8.custom.min.js"></script>

<script type="text/javascript" src="js/jquery.corner.js"></script>

<script type="text/javascript" src="js/jquery.featureCarousel.js"></script>

<script type="text/javascript" src="js/jquery.color.js"></script>

<script type="text/javascript" src="js/template.js"></script>

</head>

<body>

<div class="logo">

<a href="">

<div class="inc"></div>

</a>

<div class="loader"></div>

</div>

<div id="wrapper">

<div class="client">

<div class="projet"></div>

<div class="closeright"></div>

</div>

<div class="boxgrid">

<div id="featureCarousel"></div>

<div class="bull"></div>

<div class="info"></div>

<div id="placontener"></div>

<div class="boxcaption" id="planete">

<div class="close"></div>

<div class="ville"></div>

<div class="resume">

<div class="pinfo"></div>

<div class="more"></div>

<div class="races"></div>

</div>

<div id="heros"></div>

<div id="villecontener"></div>

</div>

</div> <!--boxgrid-->

</div>

</div> <!--wrapper-->

<div id="foot">Akairnet.com tous droits réservé

<br />Siret : 521 783 878<br />

<div class="1p2"><div class="planetes" style="color:#c0c0c0;font-weight:bold;cursor:pointer;">Nous contacter</div></div>

<div class="sitemap">Sitemap</div>

</div>

</body>

</html>

********************

var num;

var zindex = 10;

var pdata = bdata = new Array();

var scroll = 500;

$(document).ready(function(){

Mystart = function(xml){ start(xml); };

myAjax('core');

});

function start(msg){

pdata = eval('(' + msg + ')');

carroussel();

planete();

if(!$.browser.msie){

$('.boxgrid').corner('20px right');

$('.projet').corner('20px left');

$('.client').corner('20px');

$('#planete').corner('20px right');

$('.heroes').corner('20px right');

}

//$(".client").hover(function(){$(this).css({'width':'900px'})},function(){$(this).css({'width':'40px'})});

$(".projet").click(function(){$(this.parentNode).animate({width:940,'backgroundColor':'#fff'},scroll);$('.closeright').show("slow")});

$('.closeright').click(function(){$(this.parentNode).animate({width:40,'backgroundColor':'#840000'},scroll);$(this).hide(scroll)});

$(".actionp").hover(function(){bull(this,9)},function(){$('.bull').empty();$('.bull').css('background-image','')});

$(".loader").css('background','');

$('.actionp').click(function(){

num = this.id.substring(0, 1);

bg(this,'#planete','',10);

core(bdata[num],pdata);

                        $(".action").effect('bounce',{ times:3 },scroll);

$("#planete").stop().animate({top:'0px'},scroll);

$('.batiment').corner('20px right');

});

}

function myAjax(type, data){

$(".loader").css('background','url("medias/picto/ajax-loader.gif")');

$.ajax({

type: 'POST',

url: 'ajax.php',

data: 'type='+type+'&data='+data,

success: Mystart

});

}

function parseXml(xml) {

data = eval('(' + xml + ')');

$(".races").append(data);

$(".loader").css('background','');

}

function bg(obj, Myclass, path, index){

$(Myclass).css({'background-image':'url(medias/'+path+obj.id.substring(1)+'.jpg)','z-index':index});

}

function bull(obj){

var mystr = '';

$('.bull').empty();

bg(obj, '.bull','thumbs/');

num = obj.parentNode.className.substring(0, 1);

data = bdata[num];

for(i in data['action'])

mystr = mystr + '<li>'+data['action'][i][0]+'</li>';

$('.bull').append('<div class="infoh"><h2>'+pdata['planetes'][num][1]+'</h2><ul>'+mystr+'</ul></div>');

$('.bull').append('<p>'+pdata['planetes'][num]['intro']+'</p>');

}

function carroussel(){

for(i in pdata['carroussel'])

$('#featureCarousel').append('<div class="feature"><a href="#"><img src="medias/thumbs/'+pdata['carroussel'][i][0]+'.jpg" alt="'+pdata['carroussel'][i][2]+'" /></a><div><h2>'+pdata['carroussel'][i][1]+'</h2><p>'+pdata['carroussel'][i][2]+'</p></div></div>');

$("#featureCarousel").featureCarousel({

counterStyle:4,

autoPlay:4000,

});

}

function planete(){

for(i in pdata['planetes']){

$('#placontener').append('<div id="'+i+pdata['planetes'][i][0]+'" class="actionp" style="left:'+pdata['planetes'][i]['legende'][0]+'px;top:'+pdata['planetes'][i]['legende'][1]+'px"><span id="fancybox-title-wrap"><span id="fancybox-title-left"></span><span id="fancybox-title-main">'+pdata['planetes'][i][1]+'</span><span id="fancybox-title-right"></span></span><div class="carre" style="border-'+pdata['planetes'][i]['legende'][2]+':1px solid #FFFFFF"></div></div>');

bdata[i] = pdata['planetes'][i]['contenu'];

}

}

function core(data, pdata){

$('.pinfo').children().empty();$('.ville').empty();$('.races').empty();$('#heros').empty();$('#villecontener').empty();

$('.pinfo').append('<h3>'+pdata['planetes'][num][1]+'</h3>'+'<p>'+pdata['planetes'][num]['intro']+'</p>');

for(i in data['action']){

$('.ville').append('<div id="ac'+i+'" class="action" style="left:'+data['action'][i][1]+'px;top:'+data['action'][i][2]+'px;"><span id="fancybox-title-wrap"><span id="fancybox-title-left"></span><span id="fancybox-title-main">'+data['action'][i][0]+'</span><span id="fancybox-title-right"></span></span><div class="carre" style="border-'+data['action'][i][3]+':1px solid #FFFFFF;"></div></div>');

$('#villecontener').append('<div id="'+data['action'][i][0]+'" class="batiment"><div class="closeleft"></div></div>');

$('#ac'+i).click(function(){

$("#"+data['action'][this.id.substring(2, 3)][0], ".boxgrid").animate({left:'0px'},scroll);

$("#"+data['action'][this.id.substring(2, 3)][0]).css('background-image','url("medias/'+data['action'][this.id.substring(2, 3)][0]+'.jpg")');

});

}

$('.more').empty();

if(data['more']){

$('.more').append('<div class="picto">'+data['more']+'</div>');

if(data['somore'][0].constructor.toString().indexOf("Array") == -1){

Mystart = function(xml){ parseXml(xml); };

myAjax(data['somore'][0],data['somore'][1]);

}else{

for(i in data['somore']){

$('.races').append('<div id="r'+i+'" class="race" style="background-image:url(medias/picto/32x32/'+data['somore'][i][1]+'.png)"><div class="name">'+data['somore'][i][0]+'</div></div>');

$('#heros').append('<div id="heroesr'+i+'" class="heroes"><div class="bandeau"></div><div class="title"></div><div class="description"></div><div class="closetop"></div></div>');

$('.title').corner('20px tr');

$('.description').corner('20px br');

$('#r'+i).click(function(){$("#heroes"+this.id).animate({top:'0px'},scroll);

$("#heroes"+this.id).children().empty();

$(".title").append('<h2>'+data['race_name'][this.id.substring(1, 2)]+'</h2>');

$(".bandeau").css('background-image','url(medias/bandeau.jpg)');

});

}

}

}

$(".actionp").draggable({containment: '.boxgrid', scroll: false, zIndex: 2700});

$(".planetes").draggable({containment: '.boxgrid', scroll: false, zIndex: 2700});

$('.close').click(function(){$(this.parentNode).stop().animate({top:'330px'},scroll);});

$('.closetop').click(function(){$(this.parentNode).animate({top:'-660px'},scroll);});

$('.closeleft').click(function(){$(this.parentNode).animate({left:'900px'},scroll);});

}

Attachments (0)
Change History (3)

Changed July 15, 2010 12:43PM UTC by scottgonzalez comment:1

resolution: → worksforme
status: newclosed

The bounce demo is working fine for me in IE8. If you continue to have problems, please attach a reduced test case.

Changed July 15, 2010 02:16PM UTC by Kurt comment:2

It's a hard bug because not always. I think that the bug is a conflict with bounce and $(this.parent).stop().animate({top:'0px'},scroll);...

I am ok if I replace by similar effect :

$('#ac'+i).fadeIn(scroll).animate({top:"-=20px"},scroll/2).animate({top:"+=20px"},scroll/2).animate({top:"-=5px"},scroll/2).animate({top:"+=5px"},scroll/2)

Thanks for your answer.

Changed October 11, 2012 09:15PM UTC by scottgonzalez comment:3

milestone: TBD

Milestone TBD deleted