par
Elie » 05 mai 2009, 01:43
Salut,
J'aimerai adapté un script existant pour le rendre compatible au Framework Prototype.
Il s'agit du script suivant :
http://www.byscripts.info/scripts/javas ... rdion-menu
Malheureusement, ne connaissant pas les équivalents de MooTools, j'ai décidé de refaire une version simplifié de ce script avec ce code :
Code : Tout sélectionner
Event.observe(window, 'dom:loaded', function() {
$$('#illustrations li').each(function(liste) {
Event.observe(liste, 'mouseover', function(event) {
new Effect.Morph($(liste), { style: 'width: 693px' });
$$('#illustrations li').each(function(element) {
if($(element) != $(liste)) $(element).morph('width: 50px');
});
Event.observe(liste, 'mouseout', function(event) {
new Effect.Morph($(liste), { style: 'width: 211px' });
$$('#illustrations li').each(function(element) {
if($(element) != $(liste)) $(element).morph('width: 211px');
});
});
});
});
});
Le code marche mais est bourré d'imperfection que je ne suis capable de corrigé n'ayant pas les bonnes bases pour gérer l'enchainement entre mouseover et mouseout sans que ca clignote partout.
La base est là mais faut un bon coup d'amélioration !
http://betedebombe.free.fr/lazare/
Merci, Elie
Salut,
J'aimerai adapté un script existant pour le rendre compatible au Framework Prototype.
Il s'agit du script suivant :
http://www.byscripts.info/scripts/javascript-dynamic-accordion-menu
Malheureusement, ne connaissant pas les équivalents de MooTools, j'ai décidé de refaire une version simplifié de ce script avec ce code :
[code]Event.observe(window, 'dom:loaded', function() {
$$('#illustrations li').each(function(liste) {
Event.observe(liste, 'mouseover', function(event) {
new Effect.Morph($(liste), { style: 'width: 693px' });
$$('#illustrations li').each(function(element) {
if($(element) != $(liste)) $(element).morph('width: 50px');
});
Event.observe(liste, 'mouseout', function(event) {
new Effect.Morph($(liste), { style: 'width: 211px' });
$$('#illustrations li').each(function(element) {
if($(element) != $(liste)) $(element).morph('width: 211px');
});
});
});
});
});[/code]
Le code marche mais est bourré d'imperfection que je ne suis capable de corrigé n'ayant pas les bonnes bases pour gérer l'enchainement entre mouseover et mouseout sans que ca clignote partout.
La base est là mais faut un bon coup d'amélioration !
http://betedebombe.free.fr/lazare/
Merci, Elie