[SOLUCIONADO] Php ajax mysql

[sonystar_17]

hola a todos
Soy un poco nuevo en esto de la programación!!

hace poco estuve viendo como obtener información de la base de datos sin recargar la web
y llege a este ejemplo : http://www.w3schools.com/php/php_ajax_database.asp

me funciono perfecto la verdad
pero estoy trabajando con bootstrap , y quería hacer un select multiple
así que me tome y dije bootstrap chosen.

pero el problema es que en ves de mostrarme la lista asi :






me la muestra asi :






intente ya de varias formas , pero nada y la verdad no se si se pueda usar bootstrap chosen para hacer la lista.
y quería preguntar si alguno de ustedes podría saber el motivo o iluminar mi mente :C

mi ejemplo base es el de la pagina de w3schools

[jpint]

Para darle el estilo bootstrap a los elementos del formulario, los input tienen que tener la clase "form-control", aún así no se si bootstrap chosen la soportará.

[zeuskx]

Buenas, como dice el compañero para que bootstrap muestre los estilos en los formularios tienes que usar la clase form-control y dentro meter los elementos, en tu caso el select con las opciones.

No conozco bootstrap chosen pero puede que no te coja los css por que estas usando un archivo independiente para cargar los datos con ajax con lo cual en ese archivo tienes que agregar las las librerías de boostrap (bootstrap css, bootstrap js) para que carguen sus estilos..

Saludos y suerte

[sonystar_17]

ps estuve intentando en y el mismo archivo de llamada , hice lo que me dijeron y nada.
sigue sin mostrar el select como debería.

asi que supongo que no se puede con bs chosen.
si alguien tiene alguna idea bienvenida sea.

gracias por las respuesta!

[pateketrueke]

asi que supongo que no se puede con bs chosen.

Yo creo que sí es posible, pero seguramente haces algo mal ¿cómo adivinar si no muestras el código ni posibles errores que recibas?

Acá nadie es adivino como para deducir qué harás mal.

Además dicho problema no tiene relación alguna con PHP porque Choosen es un widget para el navegador: únicamente HTML, CSS y Javascript.

Así que dudo que algo de código PHP solucione algo.

[sonystar_17]

Si tiene razón.
ya que las pruebas que e echo son con un selec simple en la pagina que hago el llamado con ajax :

Código HTML:

<form name="formulario" method="post">
<select name="users" class="form-control chosen-select">
  <option value="">Select a person:</option>
  <option value="1">CodeMeter</option>
  <option value="2">Lois Griffin</option>
  <option value="3">Joseph Swanson</option>
  <option value="4">Glenn Quagmire</option>
  </select> 

eso seria el select que tengo en el archivo que llamo desde el ajax

Código:

        xmlhttp.open("GET","nombre.php?q="+str,true);

lo tengo con toda su estructura y llamando a los css y query correspondientes
es mas cuando entro en la pagina directamente puedo ver el select perfecto.
cuando hago el llamado desde la otra pagina en la cual tengo el boton para hacer el llamado con ajax
el select me sale normal.


el ajax es idéntico a este
[URL="http://www.w3schools.com/php/php_ajax_database.asp"]http://www.w3schools.com/php/php_ajax_database.asp[/URL]

[pateketrueke]

Me imagino que Choose tendrá algún modo de que funcione para datos cargados con Ajax.

¿Qué tanto has leído de la documentación entonces?

[sonystar_17]

la verdad poco pero ya lo solucione gracias a tu sugerencia.
tenia que llamar en la pagina principal de esta forma :

Código:

  <script type="text/javascript">
    function doChosen() {
        $(".chosen-select").chosen();
        $(".chosen-select-deselect").chosen({allow_single_deselect:true});
    }
    </script>

y luego en el ajax para hacer el llamado :

Código:

document.getElementById("normalize").innerHTML=xmlhttp.responseText
       doChosen();

y funciono.

la verdad que gracias no había pasado por mi mente buscar un poco sobre el envió de datos cargados con ajax.



ya marque el tema como solucionado gracias a todos los que respondieron!!!