Enviar variables .POST y mostrar resultado en .DIALOG

[amelper]

Hola a todos, compañeros foreros,

Acudo a ustedes por un problema que me ha surgido. Soy programador PHP y con algún que otro conocimiento en JS, pero me estoy adentrando en el lado JQuery. Ahora mismo tengo un problema.

Tengo la intención de programar un JS que cuando se haga click en un botón de una web determinada, se cree un .dialog y este envíe, mediante .post o .ajax pero method post, unas variables a una web PHP, la cual recojerá estas variables y mostrará en el .dialog esa misma web PHP, porque deberá interpretar las variables recogidas. Tras finalizar ese proceso, la web PHP mostrará un botón para cerrar el .dialog, o, el propio .dialog se cerrará automáticamente tras llegar al final del proceso.

La put-ada, no se como hacerlo. Tengo claro como hacer el .dialog, pero no consigo hacer el .post o .ajax para que envíe las variables y muestre en el mismo .dialog el proceso de la web PHP.

Algun ejemplo o ayudita¿?

Muchas gracias de ante mano.

[Pablo Ayala]

carga en un div oculto la pagina donde mandas el post, asi:

Estilo:

Código CSS:

#midiv{
 display:none;
}
 

Div donde se cargara:

Código HTML:

<div id="midiv"></div>
 

Archivo remoto (que se cargara por load)

Código PHP:

<input type="hidden" name="miinput" id="miinput" value="<?php echo elvalor; ?>" />
 

Código Javascript:

$("#midiv").load("lapagina.php", function(){
     var valor = $("#midiv #miinput").val();
});
 

Espero haberme explicado...

Un saludo

[amelper]

Se supone que en ciertas webs existirá un botón HTML con un parámetro "onclick".

Al hacer click debe mostrar una alerta si no hay texto seleccionado, pero si lo hay debe abrir un .dialog el cual será el archivo PHP clipper.php ubicado en un servidor fijo, y que recibirá, mediante POST, las variables indicadas (Texto Seleccionado, URL, Título de web).

Por GET me funciona perfectamente pero tiene las limitaciones propias del GET, y no puedo tener dichas limitaciones.

Adjunto ejemplo de clipper.php (fichero receptor de variables),fichero clipper.js (fichero con JQuery), y fichero clipper.html (fichero con boton llamador):

Código Javascript:

function QJ()
{
    x = document.createElement('div');
    x.appendChild(window.getSelection().getRangeAt(0).cloneContents());
 
    var urlclip   = 'http://www.*******.com/clipper.php';
    var style     = '-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;border:5px #000000 solid;box-shadow:3px 3px 3px #000;z-index:1000;background:#fff;';
    var divid     = 'UT'+Math.round(Math.random()*100);
    var head      = document.getElementsByTagName('head')[0];
 
    var jquery    = document.createElement('script');
    jquery.type   = 'text/javascript';
    jquery.src    = 'http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js';
 
    var jqueryui  = document.createElement('script');
    jqueryui.type = 'text/javascript';
    jqueryui.src  = 'http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.13/jquery-ui.min.js';
 
    head.appendChild(jquery);
    head.appendChild(jqueryui);
 
    jquery.onload = function()
    {
        jqueryui.onload = function()
        {
            $('<div id="'+divid+'"></div>').dialog(
            {
                autoOpen:   true,
                id:         divid+'dialog',
                title:      "Clipper",
                width:      480,
                height:     300,
                modal:      true,
                resizable:  false,
                buttons:
                { 
                    "close":
                    {
                        text:  'close this clipper',
                        click: function()
                        {
                            $(this).dialog('close');
                        }
                    }
                }
            }).width(480).height(300).css(style);
 
            $.ajax(
            {
                url:      urlclip,
                dataType: 'text',
                type:     'POST',
                data:
                {
                    u:location.href, 
                    q:escape(x.innerText), 
                    t:escape(document.title)
                },
                success:function(data_resultado)
                {
                    $('#'+divid).empty().html(data).dialog('open');
                }
            });
        }
    }
}
 

Código PHP:

<?php
 
$userid = islogin();
 
echo "<form name='select' method='POST' action='clipper.php'>";
echo "<input type='text' name='title' value='".$_POST['t']."'><br>";
echo "<input type='hidden' name='url' value='".$_POST['u']."'><br>";
echo "<textarea name='texto'>".$_POST['t']."'></textarea><br>";
echo "<input type='submit' name='send' value='send'>";
echo "</form>";
 
?>
 

Código HTML:

<html>
<head></head>
<body>
<button name="clipper" onclick="javascript:function%20U(){var%20head=document.getElementsByTagName('head')[0];var%20script=document.createElement('script');script.type='text/
javascript';script.src='http://0.0.0.0/clipper.js';head.appendChild(script);script.onload=function(){QJ();};};U();">clipper</button>
</body>
</html>
 

Un saludo.