Foros del Web - Ver Mensaje Individual - abrir con enlace un iframe en una zona especifica

emprear · #13 (**permalink**) 03/12/2010, 20:24

lo de las URLS directas, no se bien que quieres decir

Para cambiar el contenido de 2 divs, debes poner las funciones ajaxpage() que cargan individualmente en una función, y cargarla desde otro elemento

Archivo ajaxdd.js (aqui dentro pones el contenido de la script de dinamyc Drive

Archivo 2divs.html

Código HTML:

Ver original<!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" xml:lang="es" lang="es" >
<head>
<title>2 Divs con Ajax</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Language" content="ES-ar" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<meta http-equiv="Content-Script-Type" content="text/javascript" />
<meta name="copyright" content="&copy; 2006, Guillermo Gianello" xml:lang="es" lang="es" />
<meta name="author" content="http://emprear.com"  xml:lang="es" lang="es" />
<script type="text/javascript" src="ajaxdd.js"></script> 
<style type="text/css">
/*<![CDATA[*/
 
p {
border: 2px solid #273018;
padding: 4px;
background-color:#789449;
color: #000;
font-size: 10pt;
font-weight: bold;
width: 120px;
text-align: center;
cursor: pointer;
}
 
#a, #b {
width :250px;
height: 150px;
border: 2px solid #273018;
color: #000;
font-size: 10pt;
font-weight: bold;
background-color:#9E933F;
margin-bottom: 10px;
}
 
/*]]>*/
</style>
 
<script type="text/javascript">
//<![CDATA[
function recarga(){
ajaxpage('a.html','a');
ajaxpage('b.html','b');
}
//]]>
</script>
</head>
<body>
<p onclick="recarga();">Cargar a y b</p>
<div id="a">
Div A
</div>
<div id="b">
Div B
</div>
<!-- ©2000 Emprear.com -->
</body>
</html>

archivo a.html

Código HTML:

Ver original<h1>A</h1>

archivo b.html

Código HTML:

Ver original<h1>B</h1>

Pone los 4 archivos en una carpeta.

Saludos