#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: | [email protected]… |
| 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 13 years ago by
| Resolution: | → worksforme |
|---|---|
| Status: | new → closed |
comment:2 Changed 13 years ago by
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.
The bounce demo is working fine for me in IE8. If you continue to have problems, please attach a reduced test case.