Fri. Dec 13th, 2019

Host your Website

Read and learn

FatCow Web Hosting $1.00/mo* Trust your web hosting to the #1 web host provider, GoDaddy!

jQuery AJAX para Realizar Consultas con PHP y MySQL – Estilos con Bootstrap y jQuery UI (6/12)

1 min read



Aplicando estilos con bootstrap, jquery ui e implementando la ventana de diálogo y formulario para agregar registros Parte VI

Link repositorio: https://github.com/CazaresLuis/jQuery_AJAX_para_Realizar_Consultas_con_PHP_y_MySQL

43 thoughts on “jQuery AJAX para Realizar Consultas con PHP y MySQL – Estilos con Bootstrap y jQuery UI (6/12)

  1. hola, que tal?
    He estado siguiendo tus tutoriales y me han servido bastante,
    pero tengo una duda,yo estoy manejando bootstrap 3 y al poner sus librerías no me funcionan, al momento de dar click en el boton de agregar no me muestra nada mas que el texto de "agregar usuario", de igual manera con el de editar,
    como le puedo hacer para que funcione en bootstrap 3? es que estoy manejando otros elementos como cabeceras y pues funcionan con esa versión de bootstrap,ojala me pudieras ayudar, me urge
    y otra cosa, supongo que al usar la nueva versión de bootstrap también lo tengo que hacer con jquery ui, ya lo baje, pero ninguno me sale un archivo con ".custom.css" o el "custom.min.js",
    bueno ojala me puedas ayudar, gracias

  2. Hola Luis buenas noches.

    Quisiera saber cuales son las librerías de javascript actuales para la sección de visualizar el formulario, porque no se logrado visualizar el formulario para seguir los demás pasos.
    Te agradezco.

  3. hola antes que nada es un excelente tutorial y  pues gracias x compartirlo.
    Solo tengo un problema cuando doy clic en el botón de agregar si e aparece la venta pero no me aparecen mis campos dentro de la ventana , si me podrías resolver mi duda te lo agradecería mucho

  4. hola buenos dia no me aparece el tabla con  borde  estoy utilizando la version 3.0 bootstrap  podrias pas el codigo fuente no hay ningun link gracias por tu atencion

  5. Luis ante todo gracias por compartir toda esta informacion, me ha sido de gran ayuda.  Sin embargo tengo un detalle, todo me funciona bien pero mi formulario tiene mucho campos y no se ve muy bien un campo debajo del otro, que me sugieres hacer para editar el formulario de manera de poder hacer almenos 4 columnas. Muchas gracias

  6. Buenos Días Sr. Luis primero que todo muchas gracias por esos tutoriales, me han servido demasiado… mil gracias. 

    Segundo, tengo un problema en la parte del formulario, cuando lo quiero visualizar en el navegador se ejecuta pero un rectángulo pequeño con el titulo de la ventana pero no muestra el resto del formulario.

    * tengo instalado el actual bootstrap v3.3.4, y se me dio por poner el que manejas en los tutoriales (v2.1.1), ahora si muestra el formulario completo, pero entonces mi pregunta es no se puede hacer con la ultima librería de bootstrap? o habria que cambiar algo.

    de nuevo mil gracias… sigue con esta labor, es muy valiosa para muchas personas.

  7. Saludos Luis, desde ya te doy las gracias por tu tiempo y dedicación al hacer estos vídeos. Te escribo ya que tengo un problema con la ventana emergente, me aparece solamente el titulo (agregar usuario) pero no me aparece nada del formulario… sería genial si me pudieras ayudar con ese problema… y te reitero las gracias, ya que he aprendido un montón gracias a los vídeos

  8. HOLA AMIGO BUEN DIA, ME LLAMAN LA ATENCION TUS TUTORIALES, PERO TENGO UN INCONVENIENTE HE SEGUIDO TODOS LOS PASOS  DE TUS VIDEOS Y ME SUCEDE LO SIGUIENTE, LA MAQUETACION DEL ARCHIVO INDEX.PHP. NO ME RECONOCE LOS ESTILOS DE BOOTSTRAP, Y JQUERY.UI , Y MASTER.CSS, NO SE SI TU PUDIERAS AYUDARME. GRACIAS TE ANEXO LA LINEAS DE CODIGO Q COLOCO EN EL "INDEX.PHP".

    <head>
    <meta charset="UTF-8">

    <link type="text/css" href="css/smoothness/jquery-ui-1.10.4.custom.min.css" rel="stylesheet"/>
    <link type="text/css" href="css/bootstrap/css/bootstrap.min.css" rel="stylesheet"/>
    <link type="text/css" href="css/master.css" rel="stylesheet"/>
    <title>JQuery Ajax para consultas con PHP Y MySQL</title>
    </head>

  9. Luis Fernando Cázares Bulbarela Te felicito de verdad por tan excelentes Tutoriales y material de apoyo pero tengo el mismo problema que muchos y es que solo muestra el nombre del formulario ojala nos puedas orientar al respecto bendiciones desde Colombia. 

  10. Hola Luis, excelente tutorial, una consulta, para hacer algo similar a lo que muestras en el video, estoy usando bootstrap 3.1.0 y jquery-ui-1.10.4, al parecer genera conflicto usarlos juntos, ya que al lanzar la ventana modal con el formulario, solo muestra el nombre del formulario, ni siquiera carga la imagen de la x para cerrar.

  11. Hey Samuel y a los que les da este problema, bajense el Firebug (este es un plugin para firefox que valida la integridad del html yo que se mas), entonces este indica errores, con estos errores ir a google y buscar, la razon del porque no abre el dialogo es el orden de los imports de los javascript, -.- ese es el clavo -.-

  12. Hola Luis, lo primero es para agradecerte tan buen conocimiento compartido de una excelente manera y lo segundo es para pedirte el favor y me indiques porque razón no me carga la vista de agregar usuario.

  13. fijate amigo q' pude resolver lo de jquery ui…
    pero me dio problemas lo que es el jquery validation con la version jquery-validation-1.11.1, ya que a la hora de querer agregar el usuariono me despliega el jquery ui, verifique las rutas de la biblioteca del jquery validation y me sigo dando problema, al llegar a tu video no. 10 no puedo seguir continuando para validar los datos 🙁
    amigo puedes mandar adjunto tu proyecto para ver en que estoy fallando
    email es [email protected]
    gracias

  14. hola amigo, fijate que tengo problemas al cargar las librerias del jquery ui…
    las librerias estan declaradas bien con sus rutas el problema es de que no me abre el dialogo el cual no puedo seguir continuando….
    me podrias ayudar

  15. Hize el cambio de jquery 1.8.3 al inicio y ya reconoce jquery pero sigue sin reconocer dialog… TE aviso por si a alguien mas se le presenta la misma dificultad. Gracias un Saludo

  16. Asi tengo las cabeceras incluidas
    script type="text/javascript" src="js/jquery/js/jquery-ui-1.9.2.custom.js">script>
    script type="text/javascript" src="js/jquery/js/jquery-2.0.3.min.js">script>
    script type="text/javascript" src="js/jquery/js/jquery-1.8.3.js">/script>
    script type="text/javascript" src="css/bstrp/js/bootstrap.js">/script>

  17. Hola Luis ,
    Encuentro una gran ayuda tus tutoriales mas para los nuevos como yo.
    Estoy aprendiendo con ajax queria actualizar una tabla y pense no necesitar el agregar registros pero vaya error. Volvi a barrer tus videos y justo en este tengo un extraño error me dice:
    – ReferenceError: jQuery is not defined
    -TypeError: $(…).dialog is not a function
    estoy incluyendo bien las Cabeceras de jquery-ui-version.js y la de jquery.js tambien bootstrat. Te agradezco la atencion.

  18. Estimado Luis, muy agradecido por entregar tus conocimientos, tu paciencia y principalmente la dedicación que has tenido para hacer una presentación como esta y que uno la puede seguir y llegar al resultado final con el éxito asegurado. Felicitaciones y estaré pendiente de tus nuevos videos.
    Atte. Miguel Santiago

  19. me g usto mucho tu tutorial quisiera saber como hacer una funcion "buscar" para que el usuario ponga el nombre y encuentre el registro y lo pueda editar y eliminar

Comments are closed.

Copyright © All rights reserved. | Newsphere by AF themes.