Comunidad de diseño web y desarrollo en internet online

Problema con modal de bootstrap para pasar variable id..que esta mal?

Citar            
MensajeEscrito el 01 Ago 2014 05:50 pm
Hola a todos, necesito desesperadamente de su colaboracion, porque la verdad que me he pasado la semana entera en esto y ni modo de dar con lo que es..
necesito pasar una variable de una pagina web a un modal (de bootstrap) de la misma pagina, mediante el data-id, lo logré, pero no como me hace falta, me lo muestra solo a traves de un input de tipo texto y para colmo no en el value, sino en el parametro id="". lo que necesito es que el id que quiero q me cargue en el modal (del registro que seleccione en un while de la pag padre) el id, pero no para mostrarlo sino para hacer una consulta que "SELECT *FROM categoria WHERE id="(id del registro q seleccione para q se abriera el modal)" ", para entonces me muestre solo mediante un mysql_fetch_array ese registro unicamente.
espero haberme explicado les dejo aki el codigo.

MUCHISIMAS GRACIAS x adelantado.

///////////////////////////////////////////////////////////////////////////////////////////////////////

Código PHP :

<?php
echo "<a href='#editar' class='open-Modal' rel='abrir' data-id='".$id."' title='".$id."' role='button' data-toggle='modal' title='Editar'><span class='icon-pencil'></span></a>";  // este es el hipervinculo de un registro x al cual al darle clic se abre el modal
 ?>

///////////////////////////////////////////////////////////////////////////////////////////////////////

Este es el script q me dijeron q interpreta la variable q se le pasa a la etiqueta "a" y la muestra en el modal
///////////////////////////////////////////////////////////////////////////////////////////////////////

Código Javascript :

<script>
$(document).on("click", ".open-Modal", function () {
var Codigo = $(this).data('id');
$("#myModalLabel #id").val( Codigo );
  }); 
</script>  

///////////////////////////////////////////////////////////////////////////////////////////////////////


///////////////////////////////////////////////////////////////////////////////////////////////////////

Código PHP :

<?php
$IDCAT="<input type='text' id='id'>"; // esta es una variable dentro del modal a la cual le asigno el valor del script mediante el id
 ?>

///////////////////////////////////////////////////////////////////////////////////////////////////////


PD: no hay forma de q acepte pasar el valor por value, ni por otra etiqueta html q no sea input..ya lo he intentado...

Por laogeekgirl

1 de clabLevel



Genero:Femenino  

programadora diseñadora fotografa runner

chrome
Citar            
MensajeEscrito el 04 Ago 2014 10:16 am
Mmm ... no entiendo muy bien lo que quieres hacer. Por lo que veo, tienes una lista de enlaces para editar artículos, cada artículo con una id, y lo que quieres es que al pulsar sobre cada enlace se haga una consulta a una base de datos, y después mostrar el resultado de esa consulta en un modal de bootstrap, ¿no?

Si es así, piensa que lo primero que hay que hacer antes de mostrar el modal, es la consulta a la base de datos, de modo que si quieres que se mantenga la página con el listado, y encima se muestre el modal, tendrás que usar ajax.

Lo más fácil es que uses la función ajax de jquery, y una vez que has obtenido la respuesta con los datos de la consulta, muestras el modal con esos datos.

Espero que sea esto a lo que te refieres.

Por isidoro

Claber

498 de clabLevel

2 tutoriales

Genero:Masculino  

firefox
Citar            
MensajeEscrito el 04 Ago 2014 02:38 pm
ERROR !!::

una vez que ejecutaste el PHP, y activas una ventana MODAL , no podrás hacer esto:

$IDCAT="<input type='text' id='id'>";

Ya que la página ya fue interpretada y no va a volver a ejecutar un código PHP hasta que recargues la página.

La cosa es que aquí necesitaras de una petición AJAX a otra página que haga la consulta.

Antes de preguntar ¿como hago eso?, a empezar a leer pequeña: http://www.w3schools.com/ajax/default.asp

Por elporfirio

Claber

652 de clabLevel

1 tutorial

Genero:Masculino  

FullStack Web Developer

chrome
Citar            
MensajeEscrito el 04 Ago 2014 03:28 pm
Gracias por sus respuestas..
ya entendi que es imposible, q solo es con ajax pero no estoy familiarizada cn ese lenguaje, si alguien pudiese orientarme para ver por donde empiezo o recomendarme algun tutorial donde se explique algo parecido.

Muchas gracias por su colaboracion.

Por laogeekgirl

1 de clabLevel



Genero:Femenino  

programadora diseñadora fotografa runner

chrome
Citar            
MensajeEscrito el 04 Ago 2014 04:08 pm
No te líes mucho buscando información sobre ajax. Estás usando bootstrap, y como bootstrap usa jQuery, puedes usar la función ajax de jQuery.
En esta página tienes un ejemplo de cómo usarlo:
http://www.imaginanet.com/blog/usando-ajax-un-simple-ejemplo-con-php-y-jquery.html
Sólo tienes que hacer la consulta a la base de datos en el archivo php, y en la función success ya tendrás disponibles los datos, así que ahí podrás crear el modal con los datos de la consulta.

Por isidoro

Claber

498 de clabLevel

2 tutoriales

Genero:Masculino  

firefox
Citar            
MensajeEscrito el 04 Ago 2014 05:21 pm
Muchisimas gracias isidoro por tu rapida respuesta y recomendaciones, ahora mismo investigo sobre eso y cualquier cosa que resuelva lo pongo aqui... :)

Por laogeekgirl

1 de clabLevel



Genero:Femenino  

programadora diseñadora fotografa runner

chrome

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.