Opened 9 years ago

Closed 9 years ago

Last modified 6 years ago

#5827 closed bug (worksforme)

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@…
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 dataaction?) mystr = mystr + '<li>'+dataaction?[i][0]+'</li>';

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

}

function carroussel(){

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

$("#featureCarousel").featureCarousel({

counterStyle:4, autoPlay:4000,

});

}

function planete(){ for(i in pdataplanetes?){ $('#placontener').append('<div id="'+i+pdataplanetes?[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">'+pdataplanetes?[i][1]+'</span><span id="fancybox-title-right"></span></span><div class="carre" style="border-'+pdataplanetes?[i]legende?[2]+':1px solid #FFFFFF"></div></div>'); bdata[i] = pdataplanetes?[i]contenu?; }

} function core(data, pdata){

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

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

for(i in dataaction?){ $('.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">'+dataaction?[i][0]+'</span><span id="fancybox-title-right"></span></span><div class="carre" style="border-'+dataaction?[i][3]+':1px solid #FFFFFF;"></div></div>');

$('#villecontener').append('<div id="'+dataaction?[i][0]+'" class="batiment"><div class="closeleft"></div></div>'); $('#ac'+i).click(function(){

$("#"+dataaction?[this.id.substring(2, 3)][0], ".boxgrid").animate({left:'0px'},scroll); $("#"+dataaction?[this.id.substring(2, 3)][0]).css('background-image','url("medias/'+dataaction?[this.id.substring(2, 3)][0]+'.jpg")');

}); }

$('.more').empty(); if(datamore?){

$('.more').append('<div class="picto">'+datamore?+'</div>'); if(datasomore?[0].constructor.toString().indexOf("Array") == -1){

Mystart = function(xml){ parseXml(xml); }; myAjax(datasomore?[0],datasomore?[1]);

}else{

for(i in datasomore?){ $('.races').append('<div id="r'+i+'" class="race" style="background-image:url(medias/picto/32x32/'+data['somore'][i][1]+'.png)"><div class="name">'+datasomore?[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>'+datarace_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);});

}

Change History (3)

comment:1 Changed 9 years ago by Scott González

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.

comment:2 Changed 9 years ago by Kurt

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.

comment:3 Changed 6 years ago by Scott González

Milestone: TBD

Milestone TBD deleted

Note: See TracTickets for help on using tickets.