error fadein jquery

[fhederico]

Hola,

Por ejemplo, si pincho en el link "Repuestos", me abre la "pagina" PERO dentro de esta tienes estas funciones (en el archivo respuestos.html)

Código:

<script type="text/javascript">
	$(document).ready(function(){
	   $('#mision').click(function(){
		$('#contenido').fadeOut(1000);
		$('#contenido').load('http://www.climatizacionserper.com.ar/visionmision.html');
		$('#contenido').fadeIn(1000);
		$('#contenido').fadeIn(1000);
		$("#contenido").css({"height":"300px","width":"565px","overflow-y":"visible","overflow-x":"hidden"});
		});
	});
</script>

.
.
.

<script type="text/javascript">
	$(document).ready(function(){
	   $('#repuestos').click(function(){
		$('#contenido').fadeOut(1000);
		$('#contenido').load('http://www.climatizacionserper.com.ar/repuestos.html');
		$('#contenido').fadeIn(1000);
		$("#contenido").css({"height":"300px","width":"565px","overflow-y":"visible","overflow-x":"hidden"});
	});
</script>

La ultima funcion, tiene mal el cierre de la etiqueta, deberia ser

Código:

<script type="text/javascript">
	$(document).ready(function(){
	   $('#repuestos').click(function(){
		$('#contenido').fadeOut(1000);
		$('#contenido').load('http://www.climatizacionserper.com.ar/repuestos.html');
		$('#contenido').fadeIn(1000);
		$("#contenido").css({"height":"300px","width":"565px","overflow-y":"visible","overflow-x":"hidden"});
	});
});
</script>

Con esto ya no tendras el error Javascript, esto es en todos los archivo HTML donde tengas estas funciones.


Lo otro, aunque no seria lo mas "bonito", podrias agregarles un "onclick" al listado que tienes

Código:

<ul id="lista">
    <li><a id="organizacion" onclick="irUrl(1);">La organizacion</a></li>
    <li><a id="mision" onclick="irUrl(2);">Misión, valores, Visión</a></li>
    <li><a id="cultura" onclick="irUrl(3);">Cultura de la empresa</a></li>
    <li><a id="" onclick="irUrl(4);">Organigrama</a></li>
    <li><a id="estructura" onclick="irUrl(5);">Estructura y departamentalizacion</a></li>
    <li><a id="comunicacion" onclick="irUrl(6);">Proceso de comunicación</a></li>
    <li><a id="direccion" onclick="irUrl(7);">La Dirección de la comunicación</a></li>
</ul>

Y con esto creas una sola funcion arriba

Código:

<script type="text/javascript">
	$(document).ready(function()
	{		
		function irUrl(opc)
		{
			var _url = "";
			switch(opc)
			{
				case 1:
					_url = 'http://www.climatizacionserper.com.ar/visionmision.html';
					break;

				case 2:
					_url = 'http://www.climatizacionserper.com.ar/cultura.html';
					break;
					
				//Lo mismo con cada link segun el ID que le pases
					
				//Si no existe ninguno, entonces lo enviamos a la home
				default:
					_url = 'http://www.climatizacionserper.com.ar/inicio.html';				
			}
			
			$('#contenido').fadeOut(1000);
			$('#contenido').load(_url);
			$('#contenido').fadeIn(1000);
			$('#contenido').fadeIn(1000);
			$("#contenido").css({"height":"300px","width":"565px","overflow-y":"visible","overflow-x":"hidden"});
		}
	});
</script>

Esto es solo un ejemplo, tu puedes hacer lo que quieras, eso es segun tu criterio ;)

Saludos