- Mensajes
- 1
- Reacciones
- 0
- Puntos
- 0
Que buen dato... justo lo que necesitaba.... se agradece!
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<script src="js/jquery.js" type="text/javascript"></script>
<script src="js/jqdynamic.js" type="text/javascript"></script>
</head>
<body>
<form action="javascript:" method="post" id="process">
<input type="text" name="i0" />
<input type="text" name="i1" value="input 1" />
<input type="text" name="i2" value="input 2" />
<input type="text" name="i3" value="input 3" />
<input type="text" name="i4" />
<input type="text" name="i5" value="input 5" />
<input type="text" name="i6" value="input 6" />
<input type="text" name="i7" />
<input type="hidden" name="i8" value="Día:" />
<input type="hidden" name="i9" value="Año:" />
<input id="submitBtn" type="submit" value="send" />
<input type="reset" value="reset" />
</form>
<div id="resultado"></div>
</body>
</html>
<?php
header('Content-type: text/html; charset=utf-8');
print_r($_POST);
print '<input class="algo" type="button" value="test" />';
?>
$(document).ready(function() {
// Esta es la función que ejecuta el botón mostrado con PHP al procesar los datos... que no funciona.
$('.algo').click(function() {
alert('Un mensaje');
});
$('#process').submit(function() {
sendP(this, 'process.php', '#resultado', true);
});
});
/*
* Esta función envía los datos con el método POST de manera dinámica.
* [B]object[/B] es el id del formulario que se va a enviar.
* [B]file[/B] es el archivo que procesa los datos.
* [B]tagId[/B] es la id del div que mostrará los resultados
* [B]as[/B] es un variable boolean para saber si se envían de manera Sincronizada (Synchronized) o Asíncrona (Asynchronous)
*
*/
function sendP(object, file, tagId, as) {
var datos = $(object).serialize();
$.ajax({
url: siteroot + file,
async: as,
data: datos,
type: 'POST',
success: function(result) {
$(tagId).ajaxComplete(function(event, request, settings) {
$(tagId).html(result);
});
}
});
}
Prueba poniéndole id al botón y usando echo de php, print no me convence mucho.Hola a todos, tengo un problema con JQuery (el lenguaje de programación y no el usuario XD):
Lo que ocurre es que tengo una página llamada prueba.php y otra llamada process.php; la primera tiene un formulario html que envía los datos a process.php y esta los procesa. Esa parte es simple y funciona correctamente... el problema es cuando quiero utilizar JQuery junto con PHP. Estoy utilizando JQuery (las funciones de Ajax) para cargar el contenido en un div (para no recargar toda la página) y funciona, pero lo que no funciona es añadir un botón con PHP y hacer que este botón haga algo con JQuery. Aquí van los archivos.
prueba.php
PHP:<html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <script src="js/jquery.js" type="text/javascript"></script> <script src="js/jqdynamic.js" type="text/javascript"></script> </head> <body> <form action="javascript:" method="post" id="process"> <input type="text" name="i0" /> <input type="text" name="i1" value="input 1" /> <input type="text" name="i2" value="input 2" /> <input type="text" name="i3" value="input 3" /> <input type="text" name="i4" /> <input type="text" name="i5" value="input 5" /> <input type="text" name="i6" value="input 6" /> <input type="text" name="i7" /> <input type="hidden" name="i8" value="Día:" /> <input type="hidden" name="i9" value="Año:" /> <input id="submitBtn" type="submit" value="send" /> <input type="reset" value="reset" /> </form> <div id="resultado"></div> </body> </html>
process.php
PHP:<?php header('Content-type: text/html; charset=utf-8'); print_r($_POST); print '<input class="algo" type="button" value="test" />'; ?>
jqdynamic.js
PHP:$(document).ready(function() { // Esta es la función que ejecuta el botón mostrado con PHP al procesar los datos... que no funciona. $('.algo').click(function() { alert('Un mensaje'); }); $('#process').submit(function() { sendP(this, 'process.php', '#resultado', true); }); }); /* * Esta función envía los datos con el método POST de manera dinámica. * [B]object[/B] es el id del formulario que se va a enviar. * [B]file[/B] es el archivo que procesa los datos. * [B]tagId[/B] es la id del div que mostrará los resultados * [B]as[/B] es un variable boolean para saber si se envían de manera Sincronizada (Synchronized) o Asíncrona (Asynchronous) * */ function sendP(object, file, tagId, as) { var datos = $(object).serialize(); $.ajax({ url: siteroot + file, async: as, data: datos, type: 'POST', success: function(result) { $(tagId).ajaxComplete(function(event, request, settings) { $(tagId).html(result); }); } }); }
El problema en concreto, es que cuando presiono el botón de que tiene el atributo class="algo", de la página process.php, este no hace nada. Yo realmente no encuentro el error. La consola de errores de Firefox no dice nada relevante, ni tampoco Firebug. En fin, si alguien tiene alguna idea le doy las gracias.
Saludos.
EDITADO: al parecer los botones creados a través de print (de PHP), e incluso, los botones creados con el método append (de JQuery) no parecen funcionar al retorno de la función con Ajax. Igualmente dejo el post por si alguien tiene una solución.
Prueba poniéndole id al botón y usando echo de php, print no me convence mucho
// ** Ajustes de MySQL. Solicita estos datos a tu proveedor de alojamiento web. ** //
/** El nombre de tu base de datos de WordPress */
define('DB_NAME', '[B]nombredetubasededatos[/B]');
/** Tu nombre de usuario de MySQL */
define('DB_USER', '[B]nombredeusuario[/B]');
/** Tu contraseña de MySQL */
define('DB_PASSWORD', '[B]contraseña[/B]');
/** Host de MySQL (es muy probable que no necesites cambiarlo) */
define('DB_HOST', '[B]localhost[/B]');