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>
Raga questo è il mio menu composto attraverso l'utilizzo degli accordion.
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: