[SOLUCIONADO] Pasar variable PHP a Ventana Modal

[pablokru]

Hola!

Quisiera saber como pasar una variable PHP a una ventana modal para luego insertarla en una base de datos.
En la ventana modal aparece un cuadro de texto para que el usuario ingrese una pregunta. El objetivo es insertar en la base de datos la pregunta (esto lo hace) y otra variable (esto no se como hacerlo!).

Esta es la variable que también quiero pasar:

Código PHP:

<?php echo $ant[$i]['id_org'];?>
 

Código HTML:

<?php
            $i=1;
            while ($u=mysql_fetch_array($result6)){
            ?>
<table id="tabla_buscarp">
<tr>
<td>Nombre</td>
</tr>
<tr>
<td><? echo $u['nombre'];?></td>
</tr>
<td>
<a id="ventana_modal" href="#" rel="abrir">Hacer Pregunta</a>
<div id="mascara"></div>
<div id="ventana">
<a href="#" rel="cerrar">Cerrar</a>
<h2>Escribe tu pregunta a continuacion</h2>
<form>
<input type="text" id="pregunta" />
</form>
<input type="button" value="Enviar Pregunta" onClick="ajax_preg();"/>
</div>
</td>
</table>
<?php $i++ } ?>
 

Este es el código de la ventana modal:

Código Javascript:

$(document).ready(function(e) {      
        $('a[rel="abrir"]').click(function(e) {
            e.preventDefault();
              
            var ancho = $(window).width();
            var alto = $(document).height();
      
 
            var mascara = $("#mascara");
            var ventana = $("#ventana");
      
            mascara.css({
                "width" : ancho,
                "height" :  alto
            });
      
            mascara.fadeIn("fast", function() {
                  
                ventana.css({
                    "top" : (alto / 2) - (ventana.height() / 2),
                    "left" : (ancho / 2) - (ventana.width() / 2)
                });
                  
                ventana.fadeIn("fast");
 
            });
        });
      
        $("a[rel='cerrar']").click(function(e) {
            e.preventDefault();
            $("#ventana").fadeOut("fast", function() {
                $("#mascara").fadeOut("fast");
            });
        }); 
    });
 

Este es el código jquery:

Código Javascript:

<script>
//esto es ajax jquery:
function ajax_preg(){
    var preg=$('#pregunta').val();
    var id_org=[COLOR="Red"]ESTA VARIABLE NO SE COMO CAPTURARLA??[/COLOR]
    $.ajax({
        url:'resumen_preguntas_ajax.php',
        type:'POST',
        dataType:'text/html',
        data:'pregunta='+preg + '&id_org='+id_org,
        success: function(datos){
        $("#preg_callback").html(datos);
        $('#pregunta').val('');
        }
 });
}
</script>
 

Desde ya muchas gracias por la ayuda que puedan darme!

[SeaPirates]

¿Y no sería posible imprimir tu variable PHP en javascript, para luego recogerla directamente al abrir la ventana?

var id_org = "<?php echo $ant[$i]['id_org']; ?>";

La imprimes en la misma página, de modo que el archivo JS pueda recoger la variable..

[pablokru]

Hola, ya probe eso. El problema es que me imprime siempre la misma posición sin importar donde haga click!

[SeaPirates]

Iniciado por pablokru

Hola, ya probe eso. El problema es que me imprime siempre la misma posición sin importar donde haga click!

No entiendo tu respuesta. ¿La variable debe devolver la posición donde hagas clic?

[pablokru]

Exacto, me tiene que decir la posición donde hago click.

[SeaPirates]

Iniciado por pablokru

Exacto, me tiene que decir la posición donde hago click.

Al realizar click, puedes capturar la posición donde has dado click desde el evento

e.pageX y e.pageY

[pablokru]

No es exactgamente lo que busco. El código que escribi me muestra lo siguiente:

Nombre
Juan
Hacer pregunta

Nombre
Pedro
Hacer pregunta

Nombre
Jose
Hacer pregunta

etc...

Al hacer click en Hacer pregunta, se abre una ventana modal con un cuadro de texto para escribir la pregunta (<form><input type="text" id="pregunta" /></form>) y un botón que dice enviar pregunta (<input type="button" value="Enviar Pregunta" onClick="ajax_preg();"/>)

Lo que yo quiero es que si hice click en hacer pregunta de Jose, excribi la pregunta y puse enviar pregunta, me capture el texto de la pregunta y la siguiente variable: <?php echo $ant[$i]['id_org']; ?>, que en el caso de Jose será $ant[3]['id_org']; ?>

Espero se entienda. Gracias!

[fegm_4]

Pudiste resolverlo? Quiero hacer algo similar!

[pablokru]

Hola, si ya lo resolvi:

Supone que tenes el siguiente link:

Código HTML:

<a " href="#" rel="abrir" title="<? echo $v['id_org'];?>">Enviar consulta</a>
 

Al hacer click se ejecuta la función JavaScript:

Código Javascript:

$(document).ready(function(e) {                                        
$('a[rel="abrir"]').click(function(e) {
            e.preventDefault();
 
var temp = $(this).attr('title');// aca capturo en la variable temp lo que estaba en title
//y si queres podes enviarla de vuelta a la pagina, fuera de la ventana modal:
document.getElementById("org").value = temp; //aca le envio el valor de la variable temp al input de html con id org.
 

O sea que esa variable ahora la podes tener de vuelta en HTML lista para usar:

Código HTML:

<input type="hidden" id="org"/>
 

Saludos.

[fegm_4]

Hey gracias por tu respuesta! Muy bien explicado!

[fegm_4]

Iniciado por pablokru

Hola, si ya lo resolvi:

Supone que tenes el siguiente link:

Código HTML:

<a " href="#" rel="abrir" title="<? echo $v['id_org'];?>">Enviar consulta</a>
 

Al hacer click se ejecuta la función JavaScript:

Código Javascript:

$(document).ready(function(e) {                                        
$('a[rel="abrir"]').click(function(e) {
            e.preventDefault();
 
var temp = $(this).attr('title');// aca capturo en la variable temp lo que estaba en title
//y si queres podes enviarla de vuelta a la pagina, fuera de la ventana modal:
document.getElementById("org").value = temp; //aca le envio el valor de la variable temp al input de html con id org.
 

O sea que esa variable ahora la podes tener de vuelta en HTML lista para usar:

Código HTML:

<input type="hidden" id="org"/>
 

Saludos.

Una pregunta ¿Qué colocas en el CSS?