Raga questo è il mio menu composto attraverso l'utilizzo degli accordion.codice:<script src="javascript/prototype.js" type="text/javascript"></script> <script src="javascript/scriptaculous.js" type="text/javascript"></script> <script src="javascript/effects.js" type="text/javascript"></script> <script src="javascript/accordion.js" type="text/javascript"></script> <script type="text/javascript" src="javascript/prototype2.js"></script> <link rel='stylesheet' href='css/general.css' type='text/css'> <script type="text/javascript"> // // In my case I want to load them onload, this is how you do it! // Event.observe(window, 'load', loadAccordions, false); // // Set up all accordions // function loadAccordions() { var bottomAccordion = new accordion('vertical_container'); var nestedVerticalAccordion = new accordion('vertical_nested_container', { classNames : { toggle : 'vertical_accordion_toggle', toggleActive : 'vertical_accordion_toggle_active', content : 'vertical_accordion_content' } }); // Open first one bottomAccordion.activate($$('#vertical_container .accordion_toggle')[0]); // Open second one topAccordion.activate($$('#horizontal_container .horizontal_accordion_toggle')[2]); } </script> <link rel="stylesheet" type="text/css" href="css/accordion.css" /> </head> <body> <div id="vertical_container" > <h1 class="accordion_toggle" onmouseover="new Effect.Fade(this, {duration:0.5, from:1.0, to:0.7});" onmouseout="new Effect.Fade(this, {duration:0.5, from:0.7, to:1.0});">Chi Siamo</h1> <div class="accordion_content"> <h2>What's new in v2.0?</h2> Well i listened to all you guys out there in my forum and my blog and now all those wishes have been granted!</p> <ul style="margin: 0 0 0 50px;"> [*]Open/Close functionality added (Click on an active accordion). [*]Nested Vertical Accordions [*]Accordions will dynamically resize on content added REAL TIME! [*]...lots of bug fixes![/list] </p> </div> <h1 class="accordion_toggle" onmouseover="new Effect.Fade(this, {duration:0.5, from:1.0, to:0.7});" onmouseout="new Effect.Fade(this, {duration:0.5, from:0.7, to:1.0});">Produzione(Operatività)</h1> <div class="accordion_content"> <h2>What's new in v2.0?</h2> Well i listened to all you guys out there in my forum and my blog and now all those wishes have been granted!</p> <ul style="margin: 0 0 0 50px;"> [*]Open/Close functionality added (Click on an active accordion). [*]Nested Vertical Accordions [*]Accordions will dynamically resize on content added REAL TIME! [*]...lots of bug fixes![/list] </p> </div> <h1 class="accordion_toggle" onmouseover="new Effect.Fade(this, {duration:0.5, from:1.0, to:0.7});" onmouseout="new Effect.Fade(this, {duration:0.5, from:0.7, to:1.0});">Realizzazioni</h1> <div class="accordion_content"> <h2>What's new in v2.0?</h2> Well i listened to all you guys out there in my forum and my blog and now all those wishes have been granted!</p> <ul style="margin: 0 0 0 50px;"> [*]Open/Close functionality added (Click on an active accordion). [*]Nested Vertical Accordions [*]Accordions will dynamically resize on content added REAL TIME! [*]...lots of bug fixes![/list] </p> </div> <h1 class="accordion_toggle" onmouseover="new Effect.Fade(this, {duration:0.5, from:1.0, to:0.7});" onmouseout="new Effect.Fade(this, {duration:0.5, from:0.7, to:1.0});">Materiali</h1> <div class="accordion_content"> <h2>What's new in v2.0?</h2> Well i listened to all you guys out there in my forum and my blog and now all those wishes have been granted!</p> <ul style="margin: 0 0 0 50px;"> [*]Open/Close functionality added (Click on an active accordion). [*]Nested Vertical Accordions [*]Accordions will dynamically resize on content added REAL TIME! [*]...lots of bug fixes![/list] </p> </div> </div>
Il mio problema è che la effect.fade non è supportata da IE6 (il 7 non so xchè non ho provato) mentre per gli accordion è tutto apposto.
Ho letto che l'elemento a cui viene applicata la effect.fade deve avere un layout, e cioè almeno avere le proprieta css di height e width cosa che io ho messo.
Almeno questo è quello che io ho capito dalla guida. GUIDA - wiki.script.aculo.us.
Quindi nonostande io abbia dato quelle proprietà in IE6 la effect.fade non è applicata.![]()
Come posso fare?
E comunque l'unica cosa che mi verrebbe da dire è IE = :berto:

Rispondi quotando