accordion de mootools e Internet Explorer 8

angeldelolmo · #1 (**permalink**) 21/07/2009, 04:04

Hola! tengo un accordion de mootols que funciona bien en todos los exploradores y versiones excepto el IE8...

alguien sabe cómo solucionarlo???

deirdre · #2 (**permalink**) 21/07/2009, 05:36

Mejor pon tu código completo y nos podremos hacer una idea más ajustada.

Bye

angeldelolmo · #3 (**permalink**) 21/07/2009, 08:03

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'
		});
	});
});

angeldelolmo · #4 (**permalink**) 24/07/2009, 03:23

por favor, alguien puede ayudarme?

deirdre · #5 (**permalink**) 24/07/2009, 21:27

Hola angeldelolmo

Si te funciona bien en todos los navegadores (incluido ie7) lo puedes solucionar fácilmente colocando este meta justo después de <html>

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />

De esta forma obligas a ie8 a comportarse como ie7, y no afecta en nada al resto de los browsers (incluidos ie6 y 7).

Nos cuentas.

Bye

angeldelolmo · #6 (**permalink**) 05/08/2009, 04:06

Hola ! no me funciona correctamente, hay alguna otra solución que se os ocurra ?

deirdre · #7 (**permalink**) 05/08/2009, 09:16

Hola angeldelolmo

Con la información que proporcionas no me es posible ayudarte. Construyo un prototipo con tus datos, que son estos:

Código HTML:

<!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>

<body>
<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>
</body>

</html>

Añadiéndole, naturalmente, los dos js, y no ocurre nada en ningún browser. ¿Porqué? Porque falta la hoja de estilo, que es la que construye la forma del acordeón.

Ese es el motivo, y no otro, de que en mi primer post de este hilo te pidiera el código completo. Si proporcionas información incompleta no es posible ayudarte.

Si lo tienes subido, pon la url. O subes el paquete completo en un zip a algún almacén.

Bye