Pasar variable de PHP a Javascript

[pablokru]

Hola! Tengo un bucle WHILE que me genera lo siguiente:

Nombre
Juan
Hacer pregunta

Nombre
Pedro
Hacer pregunta

Nombre
Jose
Hacer pregunta

etc...

Este es el código:

Código HTML:

<?php
$i=1;
while ($u=mysql_fetch_array($result6)){
?>
<table>
<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" />
<input type="hidden" id="tema" value="<?php echo $tema[$i]['id_org']; ?>"/>
</form>
<input type="button" value="Enviar Pregunta" onClick="ajax_preg();"/>
</div>
</td>
</table>
<?php $i++ } ?>
 

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, poder capturar en una variable el texto de la pregunta y la siguiente variable: <?php echo $tema[$i]['id_org']; ?>, que en el caso de Jose será $tema[3]['id_org']; ?>

Este es el codigo que escribi, el problema es que la var id_org me captura siempre el mismo valor!!

Código Javascript:

function ajax_preg(){
    var preg=$('#pregunta').val(); //el texto de la pregunta lo captura sin problema
    var id_org=$('#tema').val(); //me captura siempre el mismo valor!!
    $.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('');
        }
 });
}
 

Por ultimo, este es el codigo de la venta 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");
            });
        }); 
    });
 

Espero se entienda. Gracias!

[andresgarciadev]

no puedes manejarlos con id si en cada vuelta le pondras el mismo, tendria que ser una clase o intentar hacer que el id de cada uno se imprima diferente
una vez echo podrias agregarle un data al boton poniendole el texto del id...
es decir si ahora la tema le pones como id
<input type="hidden" id="tema<?php echo $i; ?>" value="<?php echo $tema[$i]['id_org']; ?>"/>

al boton le pones lo mismo pero en un data en vez de id
<input type="button" value="Enviar Pregunta" onClick="ajax_preg();" data-tema="tema<?php echo $i; ?> " />

asi en el javascript llamas al data del boton clickeado lo cual t traera el id respectivo
var idtema = $(this).data("tema");
con esto idtema obtendria el valor de "tema+numero del while"

no se si me explico bien XD

[pablokru]

Hola, muchas gracias por tu respuesta!

Probe el código que me pasaste, pero la var idtema queda en cero.

(si hago un alert (idtema) luego de hacer click en el botón enviar pregunta, me aparece "undefined" ).-

Sabes que puede estar pasando???

Gracias nuevamente!