Tema: abrir con enlace un iframe en una zona especifica
Ver Mensaje Individual
  #14 (permalink)  
Antiguo 03/12/2010, 23:10
Avatar de rzkgraphics
rzkgraphics
 
Fecha de Ingreso: noviembre-2010
Mensajes: 61
Antigüedad: 14 años
Puntos: 2
Respuesta: abrir con enlace un iframe en una zona especifica
Cita:
Iniciado por emprear Ver Mensaje
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
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es" lang="es" >
  4. <head>
  5. <title>2 Divs con Ajax</title>
  6. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  7. <meta http-equiv="Content-Language" content="ES-ar" />
  8. <meta http-equiv="Content-Style-Type" content="text/css" />
  9. <meta http-equiv="Content-Script-Type" content="text/javascript" />
  10. <meta name="copyright" content="&copy; 2006, Guillermo Gianello" xml:lang="es" lang="es" />
  11. <meta name="author" content="http://emprear.com"  xml:lang="es" lang="es" />
  12. <script type="text/javascript" src="ajaxdd.js"></script> 
  13. <style type="text/css">
  14. /*<![CDATA[*/
  15.  
  16. p {
  17. border: 2px solid #273018;
  18. padding: 4px;
  19. background-color:#789449;
  20. color: #000;
  21. font-size: 10pt;
  22. font-weight: bold;
  23. width: 120px;
  24. text-align: center;
  25. cursor: pointer;
  26. }
  27.  
  28. #a, #b {
  29. width :250px;
  30. height: 150px;
  31. border: 2px solid #273018;
  32. color: #000;
  33. font-size: 10pt;
  34. font-weight: bold;
  35. background-color:#9E933F;
  36. margin-bottom: 10px;
  37. }
  38.  
  39. /*]]>*/
  40. </style>
  41.  
  42. <script type="text/javascript">
  43. //<![CDATA[
  44. function recarga(){
  45. ajaxpage('a.html','a');
  46. ajaxpage('b.html','b');
  47. }
  48. //]]>
  49. </script>
  50. </head>
  51. <body>
  52. <p onclick="recarga();">Cargar a y b</p>
  53. <div id="a">
  54. Div A
  55. </div>
  56. <div id="b">
  57. Div B
  58. </div>
  59. <!-- ©2000 Emprear.com -->
  60. </body>
  61. </html>


archivo a.html

Código HTML: 
Ver original
  1. <h1>A</h1>


archivo b.html

Código HTML: 
Ver original
  1. <h1>B</h1>


Pone los 4 archivos en una carpeta.

Saludos
Lo probaré. Gracias por la ayuda de verdad se me está haciendo de mucha utilidad ;) y estoy aprendiendo un poco de esto jeje.

Lo de URL DIRECTA me refería a que por ejemplo :

si estoy en menú 1 : mi url sería http://midominio.com/menu1.html , pero con esto que estoy haciendo para la web, no puedo compartirlo así =/ alguna otra forma?