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 comment:1
| resolution: | → worksforme |
|---|---|
| status: | new → closed |
Changed July 15, 2010 02:16PM UTC by 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 comment:3
| milestone: | TBD |
|---|
Milestone TBD deleted
The bounce demo is working fine for me in IE8. If you continue to have problems, please attach a reduced test case.