Foros del Web » Programando para Internet » Javascript »

Modificar pagina, cargar Galeria de imagenes

Estas en el tema de Modificar pagina, cargar Galeria de imagenes en el foro de Javascript en Foros del Web. Hola, hay forma de que al hacer click sobre un boton de la web, se modifique la misma pagina en la que estoy, desaparesca el ...
  #1 (permalink)  
Antiguo 15/12/2011, 21:17
Avatar de hackcrack  
Fecha de Ingreso: abril-2011
Mensajes: 331
Antigüedad: 13 años, 11 meses
Puntos: 9
Modificar pagina, cargar Galeria de imagenes

Hola, hay forma de que al hacer click sobre un boton de la web, se modifique la misma pagina en la que estoy, desaparesca el contenido y aparesca un slideshow?

Yo lo puedo hacer ocultando las cosas con css y luego mostrandolo en javascript, pero eso haria que al entrar a la pagina carge todo junto, entonces se volveria re lenta.

No hay forma de cargar los datos del slide al momento de hacer click, que los tome de otra pagina, y oculte el contenido actual o lo elimine.
__________________
Los mejores juegos de PC gratis en ******
  #2 (permalink)  
Antiguo 16/12/2011, 08:08
Avatar de autonotel  
Fecha de Ingreso: junio-2003
Ubicación: Vigo
Mensajes: 480
Antigüedad: 21 años, 9 meses
Puntos: 13
Respuesta: Modificar pagina, cargar Galeria de imagenes

Con AJAX:

en página principal pones el código para hacer la llamada a la otra página

Código:
function objetoAjax(){
   var xmlhttp=false;
      try {
         xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
      } catch (e) {
         try {
            xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
         } catch (E) {
            xmlhttp = false;
         }
      }
   
      if (!xmlhttp && typeof XMLHttpRequest!='undefined') {
         xmlhttp = new XMLHttpRequest();
      }
   return xmlhttp;
}

// Esta función cargará las paginas
function llamarasincrono(url, id_contenedor){
   ajax = objetoAjax();
   ajax.onreadystatechange=function(){ // función de respuesta
      if (ajax.readyState == 4){
         retornado = cargarpagina(ajax, id_contenedor);
		 eval(retornado);
      }
      //alert(retornado);
      
   }   
   ajax.open('GET', url, true); // asignamos los métodos open y send
   ajax.send(null);
}
function cargarpagina(pagina_requerida, id_contenedor){

      var valor = pagina_requerida.responseText;
      var elem = valor.split('[JS]');

      document.getElementById(id_contenedor).innerHTML = elem[0];
      //alert(elem[1].length);
      return elem[1];
}
<body>
<p>aquí el contenido inicial que se sustituirá por el del div cuando se cargue</p>

<div id="informacion"></div>
<div onlick="llamarasincrono('frame.php', 'informacion'"> clic para mostrar el div</div>
y en frame.php

Código:

//

Pones  el contenido que quieres para el div "información" sin headers ni nada. En principio (solo en principio aunque este codigo te podría cargar javascript también) no debe tener codigo javascript solo html. Los atributos se los das al div.
Bueno, algo así sería. Prueba primero con textos y luego vas mejorando.

Saludos
  #3 (permalink)  
Antiguo 16/12/2011, 09:09
Avatar de hackcrack  
Fecha de Ingreso: abril-2011
Mensajes: 331
Antigüedad: 13 años, 11 meses
Puntos: 9
Respuesta: Modificar pagina, cargar Galeria de imagenes

Muchas gracias, voy a probar. Osea que en principio es recomendable solo html, entonces en vez de mandarle el javascript de una podria hacer un llamado al archivo js, eso seria codigo html asi que no habria problemas :)
__________________
Los mejores juegos de PC gratis en ******

Etiquetas: ajax
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 17:32.