21/07/2009, 08:03
|
 | | | Fecha de Ingreso: junio-2008
Mensajes: 109
Antigüedad: 16 años, 9 meses Puntos: 1 | |
| Respuesta: accordion de mootools e Internet Explorer 8
EL ACORDEÓN ES DE ESTE TIPO:
Código:
<div id="accordion">
<h3 class="toggler"> TITULAR </h3>
<div class="element"> CONTENIDO </div>
<h3 class="toggler"> TITULAR </h3>
<div class="element"> CONTENIDO </div>
<h3 class="toggler"> TITULAR </h3>
<div class="element"> CONTENIDO </div>
</div>
Y en el head de la página llamo a mootols.js y accordion.js:
Código:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Concierge | tips</title>
<link href="css/estilos.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="css/mootools.js"></script>
<script type="text/javascript" src="css/accordion.js"></script>
</head>
ACCORDION.JS
Código:
window.addEvent('domready', function() {
//create our Accordion instance
var myAccordion = new Accordion($('accordion'), 'h3.toggler', 'div.element',{
opacity: false,
onActive: function(toggler, element){
toggler.setStyle('color', '#0C008C;');
},
onBackground: function(toggler, element){
toggler.setStyle('color', '#0C008C;');
}
});
//add click event to the "add section" link
$('add_section').addEvent('click', function(event) {
event.stop();
// create toggler
var toggler = new Element('h3', {
'class': 'toggler',
'html': 'Common descent'
});
});
});
|