pasar variable tipo submit de Jquery a php

[p92algal]

Buenas a todos,

Estoy intentando pasar la variable de un botón que podemos desplazar en Jquery a php.
Puedo crear distintos botones que se desplazan pero cada uno tiene un identificador para cuando lo pulse haga una cosa u otra dependiendo del tipo de identificador.

El problema es que no se como pasar ese identificador a php para q cuando lo pulse haga una serie de funciones.

Creo que no me explicado muy bien, porque soy nuevo en estos temas.
Pondre mi codigo:


</style>
<script type="text/javascript">
function aleatorio(inferior,superior){
numPosibilidades = superior - inferior
aleat = Math.random() * numPosibilidades
aleat = Math.floor(aleat)
return parseInt(inferior) + aleat
}

$(document).ready(function(){
//defino los elementos que se pueden arrastrar
$(".arrastrable").draggable();
$(".arrastrable").data("soltado", false);






//voy a crear una variable para contar los elementos que estoy soltando
$(".suelta").data("numsoltar", 0);
//defino elementos donde se puede soltar
$(".suelta").droppable({
drop: function( event, ui ) {
if (!ui.draggable.data("soltado")){
ui.draggable.data("soltado", true);
var elem = $(this);
elem.data("numsoltar", elem.data("numsoltar") + 1)
elem.html("Llevo " + elem.data("numsoltar") + " elementos soltados");
}
},
out: function( event, ui ) {
if (ui.draggable.data("soltado")){
ui.draggable.data("soltado", false);
var elem = $(this);
elem.data("numsoltar", elem.data("numsoltar") - 1);
elem.html("Llevo " + elem.data("numsoltar") + " elementos soltados");
}
}
});

//soltar solo elementos rojos
//$("#sueltarojo").droppable("option", "accept", ".rojo");
//soltar solo elementos azules
//$("#sueltaazul").droppable("option", "accept", ".azul");

//enlaces para crear nuevos elementos rojos y azules










var cont=0;
$(".creaelemento").click(function(e){
e.preventDefault();
var posx = 0;
var posy = 100;
cont=cont+1;

var nuevoElemento = $('<div class="azul arrastrable ui-draggable" style=" position:absolute" style="top: ' + posy + 'px; left: ' + posx + 'px;"> <input type="submit" value="Pulsar'+cont+'" id="prueba" name="prueba" /></div>'
);

// este es el boton con su identificador quiero pasar a php






nuevoElemento.draggable(
{
drag: function(event, ui){
$("#offsetx").text(ui.offset.left);
$("#offsety").text(ui.offset.top);
}
}
);
$(document.body).append(nuevoElemento);
}

)











})
</script>



// php


<?php





if($_POST['prueba']=="pulsar1"){



echo "PULSO EL BOTÓN 1";

}


if($_POST['prueba']=="pulsar2"){


echo "PULSO EL BOTÓN 2";

}

?><br />


Muchas Gracias.

Saludos!!

[maycolalvarez]

Bienvenido al foro, le recomiendo que consulte las políticas y utilice la herramienta highlight para mostrar código.

volviendo al tema: le recuerdo que PHP es un lenguaje del lado del servidor, por lo tanto para enviar datos desde el navegador cliente a PHP necesita realizar peticiones HTTP, lo que es lo mismo que pasar datos por GET (en la URL), o el envío de formularios HTML sea por el metodo GET o POST.

tambien existe una tecnica llamada AJAX, que le permite desde el mismo javascript enviar este tipo de peticiones sin recargar la página, con el cual no tendría problemas al enviar datos sin perder sus objetos "draggeables" actuales.

Recomendación:
investigar sobre los objetos del DOM
modelo cliente-servidor (páginas web dinámicas)
AJAX: http://librosweb.es/ajax/index.html

dudas y preguntas, responderlas por éste mismo hilo
suerte

[p92algal]

Muchas Gracias,

Lo consultaré!!

[p92algal]

Buenas,

He intentado pasar las características del botón a php, pero no lo consigo con la función:

Código Javascript:

var cont=0;
            $(".creaelemento").click(function(e){
                e.preventDefault();
                var posx = 0;
                var posy = 100;
                cont=cont+1;
                
                var nuevoElemento = $('<div  class="azul arrastrable ui-draggable" style=" position:absolute" style="top: ' + posy + 'px; left: ' + posx + 'px;"> <input  type="submit" value="Pulsar'+cont+'" id="prueba" name="prueba" /></div>'
                                );
 
$.ajax({
  type: 'POST',
  url: 'http://localhost/indexprueba.php',
  data: 'pulsar=nuevoElemento.value', // [B]???no se como se declararía la variable[/B]
  success: function(data){
    $('.results').html(data);
  }
});
 
 
 
                    
                nuevoElemento.draggable(
                {
   drag: function(event, ui){
      $("#offsetx").text(ui.offset.left);
      $("#offsety").text(ui.offset.top);
   }
}       
                );
                $(document.body).append(nuevoElemento);
            }
            
            )
 
 
 
Muchas Gracias
 
Saludos!!!