Abrir ventana sin recargar

[humanista]

Hola,

estoy buscando la forma de, estando en una página, mandar un parámetro por GET y que se cargue una página "encima" de ella, sin tener que ir a un sitio nuevo.

El efecto podría ser algo así como cuando en facebook mandas un mensaje o compartes algo, que te salta una pantalla donde metes datos, sin tener la sensación de que te has movido de donde estabas.

PD: si este mensaje no va aquí, por favor muévanlo.

[Karmac]

AJAX y JavaScript

[PepeF]

Puedes hacer esto

Código PHP:

<?php
if($_GET['nombre'] = "nombre"){
echo "Esto sale cuando la direcion es tuweb.com/tuarchivo.php?nombre=nombre";
}elseif($_GET['direcion'] = "Foros"){
echo "Esto sale cuando la direcion es tuweb.com/tuarchivo.php?direcion=Foros";
}}
?>
 

[humanista]

Vale, sí, va en AJAX, lo pregunto allí entonces. Gracias.

[humanista]

De todas formas no hay foro de AJAX como tal. Entiendo que además de AJAX, interviene PHP, no? Alguien sabe cómo se podría hacer?

[GROGUI2]

Hola,

PHP interviene, pero de modo independiente de si usas AJAX o no (es decir, preocupate solo de que PHP envíe la información que necesites, y en el formato que necesites (texto, JSON (objetos), etc)), con AJAX tu recibes la respuesta que genere el PHP (sea una página web, o un "trozo de ella", o un objeto (JSON)), y con esa respuesta la colocas donde tu quieras.

Mira el plugin de jQuery para JavaScript, tiene funcionalidades para hacer peticiones AJAX, y una vez recibas la respuesta, pueda usar funciones de manipulacion de nodos, para insertar esa respuesta en la parte que quieras de tu pagina web.

Espero que te sirva

[raco_hernandez]

Mira esto seria el ajax

$.ajax({
type: "GET",
url: "<?=$_SERVER['PHP_SELF']?>",
data: ({
VAR1: VAR1,
VAR2: VAR2
}),
dataType: "html",
async:false,
success: function(msg){
alert(msg);
}
});

Y esto en PHP

if($_GET["VAR1"]=="EJEMPLO"){
...
exit();
}

[humanista]

Sí, lo de pasar los parámetros creo que lo tengo claro. El tema es encontrar un código que te abra una ventana en el mismo sitio donde estás, sin recargar.

[Karmac]

El propio AJAX no recarga. Tu obtienes los datos del archivo PHP y haces con ellos lo que quieras, si quieres abrir una ventana pues con JavaScript corriente, y metes en ella la respuesta del PHP.

Saludos.

[humanista]

ya... pero me refiero a abrir una ventana sin q salte un pop-up. según parece se hace con AJAX, nunca has visto el efecto? es como cuando en facebook vas a enviar un mensaje a un contacto.

[Triby]

Supongo que quieres algo como esto: http://www.scriptiny.com/2008/04/cus...-dialog-boxes/

[raco_hernandez]

Si hay varios mira este

http://jqueryui.com/demos/dialog/

[humanista]

Sí Triby eso es lo que quiero pero el problema me viene justo después. Una vez abierta la ventana, no veo cómo poder ejecutar desde ella AJAX por lo que no sé si la forma que me planteas es la que necesito.

Lo que ando buscando es ésto:

Ventana princiapl -> ventana emergente (sin recargar) -> Lanzar desde ella aplicación AJAX para que haga algo en esa ventana.

Es algo así como lo que hacen fb (cuando mandas un mensaje privado) o twitter (cuando escribes un post pinchando en el icono de redactar).

[Dradi7]

Viendo mas o menos tu requerimiento supongo que tu tienes esto

La ventana que vas a llamar

Código HTML:

<div id="dialog" />
 

Llamas la ventana

Código Javascript:

$( "#dialog" ).dialog();
 

y según entiendo lo que quieres es que en la ventana modal lanze un evento ajax, si es así bueno

Primero supongo que usas ajax para llenar ese modal, usando jQuery

Código Javascript:

$.ajax({
    url:"myurl",
    type:"post",
    success:function(data){
        $('#dialog').innerHTML(data);
        $('#dialog').dialog();
    }
});
 

Supongamos que tengas un botón en esa ventana lo único que tendrías que hacer por ejemplo seria esto

Código Javascript:

$.ajax({
    url:"myurl",
    type:"post",
    success:function(data){
        $('#dialog').innerHTML(data);
        $('#dialog #myButton').click(function(){
            // NUEVAMENTE ACA LLAMAS UN AJAX CUANDO HAZ HECHO CLICK EN EL BOTON
            $.ajax({
            });
        });
        $('#dialog').dialog();
    }
});
 

Si miras bien el código lo único que se hace es que una vez cargada la información dentro de la ventana modal asigno un evento a un botón que se encuentra dentro de la ventana así puedes hacer por cada control que esta dentro de ella y listo.

Saludos