Bonjour,
Voila je souhaite faire une effet dans une <div> pour cela j'utilise effects.js et prototype.js l'ffet que je souhaite faire ressemble beaucoup SlideUp, mais ce n'est pas exactement ce que je veux...
SlideDown Affiche le contenu d'une <div> de haut en bas.
SlideUp, c'est l'inverse le contenu de la <div> glisse de bas vers le haut pour dispaitre au final.
Or ce que je voudrais faire c'est que le contenu de la <div> glisse de bas en haut, j'ai donc utilisé SlideDown en inverssant quelles valeur mon nouvelle effet ce nomme SlideUpUp mais le probleme c'est que le point de départ de l'effet ce situe au centre de la div et non en bas pour aller vers le haut comme je le souhaite...
Voila mes modifications:
Effect.SlideUpUp = function(element) {
element = $(element);
Element.cleanWhitespace(element);
// SlideDown need to have the content of the element wrapped in a container element with fixed height!
var oldInnerTop = Element.getStyle(element.firstChild, 'top');
var elementDimensions = Element.getDimensions(element);
return new Effect.Scale(element, 100, Object.extend({
scaleContent: false,
scaleX: false,
scaleFrom: 0,
scaleMode: {originalHeight: elementDimensions.height, originalWidth: elementDimensions.width},
restoreAfterFinish: true,
afterSetup: function(effect) { with(Element) {
makePositioned(effect.element);
makePositioned(effect.element.firstChild);
if(window.opera) setStyle(effect.element, {bottom: ''});
makeClipping(effect.element);
setStyle(effect.element, {height: '0px'});
show(element); }},
afterUpdateInternal: function(effect) { with(Element) {
setStyle(effect.element.firstChild, {top:
(effect.dims[0] - effect.element.clientHeight) + 'px' }); }},
afterFinishInternal: function(effect) { with(Element) {
undoClipping(effect.element);
undoPositioned(effect.element.firstChild);
undoPositioned(effect.element);
setStyle(effect.element.firstChild, {top: oldInnerTop}); }}
}, arguments[1] || {})
);
}
Merci de votre aide
Az