Comunidad de diseño web y desarrollo en internet online

Cambiar el contenido de un div con un href

Citar            
MensajeEscrito el 10 Jun 2009 03:01 am
Hola gente de javascript.
Soy bastante novato en el tema de javascript, pero por lo que he visto es bastante fuerte, y queria ver si se podia hacer lo siguiente:
Yo tengo mi pagian dividida en 4 divs.
-Head
-Menu
-Content
-Footer

Ahora lo que quiero saber, es si al presionar un href del menu, por ej href='fotos.php' (por decir de algo), no se abra toda la pagina desde 0, es decir que lo unico que suceda es que se modifique la parte del content, por la que esta en fotos.php
Nose como podria hacerse, por ahi haciendo que los demas divs, queden iguales y solo se reemplace el del content, o de alguna otra manera


Encontre algo con jquery, pero no me funciona del todo bien, ahora lo muestro
newjavascript.js

Código Javascript :

<script type="text/javascript" src="jquery.js"></script>
 
      function getPagina(num) {

          $.post(

              'proceso.php','saracatunga.php',

              {
              'pagina': num

              },

              function(a,s) {

                  // OK

                  if (s == 'success') {

                      $("div#resultados").html(a);

                  } else {

                      alert('error desconocido, comprueba tu conexion a Internet');
                  }

              }

          );

      }

aca el index

Código HTML :

<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title></title>
   <script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="newjavascript.js"></script>


   </head>
    <body>

      <div>
             <a href="javascript:getPagina(1);">Primero</a>
             <a href="javascript:getPagina(2);">Segundo</a>
    </div>
      <div id="resultados"></div>
    </body>

Esto funciona perfecto con el link 1(proceso.php) pero no se donde poner para dirigirme al link 2 ( saracatunga.php) si alguien lo sabe le agradeceria que me ayude
MUchas gracias
Matias Casal

Por matucasal

3 de clabLevel



 

firefox
Citar            
MensajeEscrito el 10 Jun 2009 05:59 am
Miren
Logre solucionarlo, pero ahora me surge otro error que este si me suena que es mas dificil de arreglar.
Implemente el tuto de ajax que hay en esta pagina y me salio lo que queria. Pero ahora el problema se me hace con las fotos.
Primero les dejo mi pagina
http://www.pareddupla.com.ar/

En la seccion fotos , hay una galeria de imagenes simple hecha con jquery y con jquery.galleria.js

Ahora, logre implementar el tema de ajax
y lo hice aca
http://www.pareddupla.com.ar/otroinicio.php
Ahi funciona como debe, pero hay un problema nuevo, la galeria de imagenes que habia hecho antes perdio todo su "formato" prueben haciendo click en la parte de fotos, y es como si no hubiera aplicado el jquery.js ni el jquery.galleria.js ni el galleria.css
Les dejo mi codigo por las dudas, pero me parece que es algo que no se lo que me esta faltando.
El html principal

Código HTML :

<head>
<script type="text/javascript" src="ajax.js"></script>
</head>
<body>
<div id="menu">
<ul>
<li><a href="javascript:llamarasincrono('contentindex.html', 'content');">Inicio</a></li>
<li><a HREF="http://www.myspace.com/pareddupla" TARGET="_BLANK">My Space</a></li>
<li><a href="javascript:llamarasincrono('contentfotos.html', 'content');">Fotos</a></li>
</div>
<div id="content">
</div>
</body>


Luego el contentfotos.html

Código HTML :

<html xmlns="http://www.w3.org/1999/xhtml"><head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /><title>Pared Dupla</title>

<link rel="stylesheet" href="styles.css" type="text/css" />
<script type="text/javascript" language="javascript" src="elreproductorflash/niftyplayer.js"></script>
<link href="galleria.css" rel="stylesheet" type="text/css" media="screen">
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jquery.galleria.js"></script>
<script type="text/javascript">
jQuery(function($) { $('ul.gallery').galleria(); });
</script>
</head>

<body>
<ul class="gallery">
<li><img src="images/fondocopado.jpg" title="" alt="Image01"></li>
<li><img src="images/azules.jpg" title="" alt="Image02"></li>
</body></html>

El ajax.js es igual al del tutorial
Me gustaria poder poner la galeria de fotos tal como como la que utilice en http://www.pareddupla.com.ar/fotos.html
(ahi esta sin jquery) en el contentfotos.html
Muchas gracias si alguien sabe como hacerlo

Por matucasal

3 de clabLevel



 

firefox
Citar            
MensajeEscrito el 17 Jun 2009 04:06 am
Lo que he aprendido hasta ahora es que cuando llamas una pagina con ajax esta puede reconocer los estilos pero no los js asi que tendras que llamarlos de nuevo en el archivo llamado
Si estas usando jquery en el archivo llamado unete al club, hice esa pregunta hace tiempo en este foro y sigo con la duda

Por Takashi

Claber

105 de clabLevel



Genero:Masculino  

Caracas - Venezuela

firefox

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.