PDA

View Full Version : [FIXED][3.0.0] SlideIn/Out no work in IE and Opera



Perfect Lion
14 Jul 2009, 10:57 AM
Hi Staff,

I am creating my presentation of frontpage and am using the fx.slidein / out to cheer the transaction between a frame and another. The animation in IE7 and Opera not working correct. =/

It is bug?

Exemple:


<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<script src="ext-3.0.0/adapter/ext/ext-base.js" type="text/javascript"></script>
<script src="ext-3.0.0/ext-all-debug.js" type="text/javascript"></script>
<script>
var el;
var preview;
var next;

Ext.onReady(function(){
el = Ext.get('slid');
preview = Ext.get('preview');
next = Ext.get('next');

preview.on({
click: function() {
el.slideOut('b',{
easing: 'easeOut',
callback: function(e) {
e.update('preview');
e.slideIn('b',{easing: 'easeIn'});
}
});
}
});

next.on({
click: function() {
el.slideOut('b',{
easing: 'easeOut',
callback: function(e) {
e.update('next');
e.slideIn('b',{easing: 'easeIn'});
}
});
}
, scope: this
});

});

var slidIn = function() {
el.slideIn('b');
}

var slidOut = function() {
el.slideOut('b');
}

</script>
<style>
div#content {
height: 100px;
width: 150px;
background: red;
position: relative;
}
div#content,
div#slid { width: 250px; }
div#slid {
background: blue;
height: 50px;
position: absolute;
bottom: 0;
}
div#commom div#preview,
div#commom div#next {width: 30px; top:0; height: 35px; background: #000; color: #FFF; text-align: center; padding-top: 15px}
div#commom div#preview {
position: absolute;
left:0;
}
div#commom div#next {
position: absolute;
right:0;
}
</style>
</head>
<body>
<div id="content">
<div id="slid">
Content Here!!!
</div>
<div id="commom">
<div id="preview"></div>
<div id="next"></div>
</div>
</div>
<input type="button" onclick="slidIn();" value="In" />
<input type="button" onclick="slidOut();" value="Out" />
</body>
</html>

evant
16 Jul 2009, 6:59 AM
This has been fixed in SVN.