Problema con Iframes y IE y Firefox

javiervarz · #1 (**permalink**) 29/06/2011, 09:34

Hola

Tengo un iframe con dos columnas, en una tengo un menú en jquery y en la otra quiero que se muestre el contenido. cuando doy click en algún elemento del menú quiero que la página correspondiente se abra en el iframe del lado derecho.

para esto utilizo el tag name="marco2" en el iframe y Target="marco2" en las href.

Todo bien en Chrome y Safary pero en IE (8 y 9) y en Firefox me abre el link en otra pestaña, en vez del Iframe.

Alguna idea?

Codigos:

Html de los iframes:

Código:

<html>

<body>

<iframe src="http://lumistell.localhost/wp-content/themes/headway-2010/custom/menu2.html"  id="marco1" name:"marco1" width="300" height="800" scrolling="auto" frameborder="0">
  <p>Your browser does not support iframes.</p>
</iframe>
<iframe src="http://lumistell.localhost/wp-content/themes/headway-2010/custom/contenido.html" id="marco2" name:"marco2" width="700" height="800" scrolling="no" frameborder="0">
  <p>Your browser does not support iframes.</p>
</iframe>


</body>
</html>

++++++

Estructura del menú:

Código:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en-EN">
<head>
	<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js" type="text/javascript"></script>	
	<script src="http://lumistell.localhost/wp-content/themes/headway-2010/custom/menu2.js" type="text/javascript"></script>
	<link rel="stylesheet" type="text/css" href="stylemenu2.css" />
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />



</head>
<body>
		
	<ul class="menu">
		
		<li>
			<a href="#">Agitadores</a>
			<ul class="acitem">
				<li><a href="http://lumistell.localhost/?page_id=83" target="marco2">Agitador Orbital</a></li>
               			<li><a href="http://lumistell.localhost/?page_id=185" target="marco2">Incubador con Agitaci&oacute;n Orbital</a></li>
                		<li><a href="http://lumistell.localhost/?page_id=87" target="marco2">Incubador de Piso con Agitaci&oacute;n Orbital</a></li>
                		<li><a href="http://lumistell.localhost/?page_id=90" target="marco2">Agitador de Botellas</a></li>
				<li><a href="http://lumistell.localhost/?page_id=92" target="marco2">Agitador de Botellas con Temperatura controlada</a></li>
                	</ul>
		</li> 
		<li>
			<a href="#">Ba&ntilde;os</a>
			<ul class="acitem">
				<li><a href="http://lumistell.localhost/?page_id=94" target="marco2">Ba&ntilde;o Mar&iacute;a</a></li>
               			<li><a href="http://lumistell.localhost/?page_id=96" target="marco2">Ba&ntilde;o de Agitaci&oacute;n Rec&iacute;proca</a></li>
                	</ul>
		</li> 
		<li>
			<a href="#">C&aacute;maras Bioclim&aacute;ticas</a>
			<ul class="acitem">
				<li><a href="http://lumistell.localhost/?page_id=99" target="marco2">C&aacute;mara Bioclim&aacute;tica</a></li>
               			<li><a href="http://lumistell.localhost/?page_id=102" target="marco2">Accesorios</a></li>

                	</ul>
		</li> 
		<li>
			<a href="#">C&aacute;maras Ambientales</a>
			<ul class="acitem">
				<li><a href="http://lumistell.localhost/?page_id=104" target="marco2">C&aacute;mara de Crecimiento de Plantas</a></li>
               			<li><a href="http://lumistell.localhost/?page_id=106" target="marco2">C&aacute;mara de Germinaci&oacute;n</a></li>
				<li><a href="http://lumistell.localhost/?page_id=109" target="marco2">C&aacute;mara para Pruebas de Estabilidad de Productos</a></li>
                	</ul>
		</li> 
		<li>
			<a href="#">Campanas</a>
			<ul class="acitem">
				
				<li><a href="http://lumistell.localhost/?page_id=111" target="marco2">Campanas de Extracci&oacute;n</a></li>
				<li><a href="http://lumistell.localhost/?page_id=113" target="marco2">Campanas de Flujo Laminar Horizontal</a></li>
				<li><a href="http://lumistell.localhost/?page_id=115" target="marco2">Campanas de Flujo Laminar Vertical</a></li>
			</ul>
		</li>
		<li>
			<a href="http://lumistell.localhost/?page_id=27" target="marco2">Hornos</a>
			
		</li>
		<li>
			<a href="#">Incubadores</a>
			<ul class="acitem">
				
				<li><a href="http://lumistell.localhost/?page_id=120" target="marco2">Incubadores</a></li>
				<li><a href="http://lumistell.localhost/?page_id=122" target="marco2">Incubadores de Baja Temperatura</a></li>
				<li><a href="http://lumistell.localhost/?page_id=124" target="marco2">Columna de Incubaci&oacute;n</a></li>
			</ul>
		</li>
		<li>
			<a href="#">Otros Equipos</a>
			<ul class="acitem">
				
				
				<li><a href="http://lumistell.localhost/?page_id=126" target="marco2">Sistema de Purificaci&oacute;n de Aire</a></li>
				<li><a href="http://lumistell.localhost/?page_id=128" target="marco2">C&aacutemara para Pruebas de Adhesi&oacute;n</a></li>
				<li><a href="http://lumistell.localhost/?page_id=130" target="marco2">Equipamiento para Salas de Conservaci&oacute;n de Cadaveres</a>
		</li>

javiervarz · #2 (**permalink**) 29/06/2011, 11:11

Resuelto, error en el código... eso pasa por tomar tanto café y no dormir!