Tengo el siguiente código en JQuery para en este caso un botón con el ID #Ant:
$('body').on('click', '#Ant', function(e) {
e.preventDefault();
$(".Tips").hide();
$("#Ant").prop('disabled',true);
var dataString = $("#FrmBus").serialize()+ '&' + encodeURI("Ant")+ '='+encodeURI($("input[name$='Ant']").val());
$.ajax({
url: "http://localhost:81/Prueba/",type: "POST",data:dataString,cache:false,success:function(data)
{
$(".Tips").show();
var $response=$.parseHTML(data);
$response=$('.Tips',$response).html();
$(".Tips").html($response);
$("input:button").button();
$("#Ant").prop('disabled',false);
}});
return false;});
Lo que quiero saber es si puedo poner allí también otro botón que será el que tiene el ID #Sig. Esto es para hacerlo todo en la misma función y no crear otra para ese botón siguiente. Yo luego desde PHP hago lo demás. Por ejemplo, aunque si se puede realizar no sé cómo sería el código ('#Ant #Sig'
o bien '#Ant,#Sig'
), quedaría algo así:
$('body').on('click', '#Ant #Sig', function(e) {
e.preventDefault();
$(".Tips").hide();
$("#Ant").prop('disabled',true);
var dataString = $("#FrmBus").serialize()+ '&' + encodeURI("Ant")+ '='+encodeURI($("input[name$='Ant']").val()) + encodeURI("Sig")+ '='+encodeURI($("input[name$='Sig']").val());
$.ajax({
url: "http://localhost:81/Prueba/",type: "POST",data:dataString,cache:false,success:function(data)
{
$(".Tips").show();
var $response=$.parseHTML(data);
$response=$('.Tips',$response).html();
$(".Tips").html($response);
$("input:button").button();
$("#Ant").prop('disabled',false);
$("#Sig").prop('disabled',false);
}});
return false;});
Es que yo solo de JQuery quiero lo de ajax para que no refresque toda la página, la particularidad de cada botón lo hago desde PHP. La idea es no poner tanto código. Se puede unificar ambos botones (Anterior y Siguiente) en una sólo función o debo hacer una función para cada caso.
En HTML5 lo tengo así:
<div class="Tips">
<form id='FrmBus' method='post' action=''>
<p style='text-align:center'>
<input type='button' name='Ant' id='Ant' value='Anterior'>
<input type='button' name='Sig' id='Sig' value='Siguiente'>
</p>
</form>
</div>
Y desde PHP una parte del código está así:
if (!isset($_SESSION['T'])) {
$_SESSION['T']=15;
}else{
if(isset($_POST['Ant']) && !empty($_POST['Ant'])) {
$_SESSION['T']--;
}
if(isset($_POST['Sig']) && !empty($_POST['Sig'])) {
$_SESSION['T']++;
}
}
mysqli_stmt_bind_param($sql,'i',$_SESSION['T']);
...
...