Discussion :

[Seta-san]

Bonsoir,

Je n'arrive pas à résoudre une énigme à laquelle je ne me suis jamais confrontée.

J'ai un champ jquery "bootstrap datepiker" sur une page qui fonctionne correctement.
Je l’enlève afin qu'elle soit généré en fonction de certains résultats par XMLHttpRequest.

Vous voyez certainement ou je vais en venir... Le datepiker ne s'applique plus sur le champ s'il est généré par XMLHttpRequest dans un second temps.

Je comprend bien la cause, comme le champ n'est pas présent à l'origine sur la page: si il arrive après, il ne sera pas "interprété".

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
 <div data-date-format="dd-mm-yyyy" class="input-group date nk-int-st">
             <span class="input-group-addon"></span>
             <input   type="text" class="form-control" name="date_consentement" id="date_consentement" value="">
	 </div>

Savez-vous comment je pourrais faire pour activer le datepiker après que le champ soit passé par XMLHttpRequest?

J'ai essayé d'ajouter $('.datepicker').datepicker(); en pensant que ca allez le recharger, mais non...

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
 
[...]
// On ne fait quelque chose que si on a tout reçu et que le serveur est ok
else if(xhr.readyState == 4 && xhr.status == 200)
{
	document.getElementById('etat_conformite').innerHTML = xhr.responseText;
	$('.datepicker').datepicker();		
}
[...]

J'ai trouvé quelques cas similaires sur la toile, mais aucune n'a de conclusion.

Merci par avance pour votre aide.

[mathieu]

dans le code de "relance" du datepicker, vous l'appliquez à un élément ".datepicker" mais cet élément n'a pas l'air d'être dans le code HTML que vous ajoutez dans l'élément #etat_conformite.

[Seta-san]

Bonjour mathieu,

Merci pour votre retour.
Je suis vraiment une nouille!
Je comprenais pas pourquoi avec .etat_conformite ca ne fonctionnait pas, du coup j'ai appliqué bêtement .datepicker en espérant avoir une réaction.

Mon erreur était bien d'avoir appelé une classe au lieu d'un ID (#etat_conformite).

Merci encore