Discussion :

[RolandGautier]

Bonjour,

Sur un site bootstrap, dans des formulaires, j'utilise les popover pour gérer les exceptions.
J'y installe couramment un ou des boutons et tout cela fonctionne très bien.

J'ai aujourd'hui besoin d'un réponse ponctuelle et souhaite y adjoindre une zone de saisie (<input type='text' ...)
Cela donne l'extrait suivant (o est l'objet vers lequel pointe la popover) :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
o.dataset[title]="SIREN : 410 409 460";
o.dataset[content]="
	<p>Ce SIREN correspond &agrave; de nombreux &eacute;tablissements d'une m&ecirc;me entreprise.<hr>
	Pr&eacute;cisez le d&eacute;partement ou le code postal de votre propre &eacute;tablissement :</p>
	<div class='form-group'>
		<label class='sr-only' for='dptcp'>departement ou code postal</label>
		<input 	type='text' class='form-control' id='dptcp' form='formAccueil' oninput='dptcp(this);' 
			placeholder='2 ou 5 chiffres' value=''>
	</div>
	<button type='button' disabled='disabled' id='dptcpOk' class='btn btn-primary btn-block btn-sm' 
		onclick='grattage(this);'>Ok</button>";
o.dataset[toggle]="popover";
o.dataset[placement]="right";
o.dataset[container]="body";
o.dataset[html]="true";
o.dataset[trigger]="manual";

Cela parait sympa mais dans la pratique, cela réagit exactement comme si le input text n'était pas accessible :
Le curseur change au survol, mais ni clique ni tab ne met le focus sur la zone de saisie, qui apparait grisée.

Pourriez-vous svp m'indiquer mes erreurs ?
Merci par avance de votre aide.
Roland

[Invité]

Bonjour,

1- quel rapport avec le forum CSS ?

2- et puis... il faudrait plutôt le code HTML généré (celui affiché par le navigateur), ou mieux : une page en ligne.

[RolandGautier]

Bonjour Jreaux,

=1- quel rapport avec le forum CSS ?

A franchement parler, j'ai fait une recherche sur "bootstrap" et la majorité des post concernés se trouvaient ici, à première vue.
De plus, je n'ai trouvé (sauf erreur de ma part) ni forum "bootstrap" ni forum "framework" dur dvlpz.net.
Je me suis donc dit qu'un modérateur bienveillant allait surement le déplacer dans le bon forum ...

2- et puis... il faudrait plutôt le code HTML généré (celui affiché par le navigateur), ou mieux : une page en ligne.

Le code est généré à la volée par le serveur en fonction du défaut (pour alléger le html, sinon, plétore ...), rendu à javascript suite à un échange ajax (qui a généré la situation exceptionnelle ...), et mis en place par javascript.
Je n'ai pas encore trouvé le truc pour faire un copier-coller du volet 'inspecteur' de l'outil de développement de firefox59, seul endroit où il est possible de voir le code html en place (mais je suis client pour une solution à cette impossibilité).
Je vais faire une ptte démo sur codepen et poster le lien.

(edit)

Donc, le résultat de mes tests sur codepen :

Je précise : PC Ubuntu 17.10 Firefox59 Booststrap 3.3.7

L'input text dans une popover sur la page courante fonctionne parfaitement : https://codepen.io/RolandGautier/full/VXGJPK

L'input text dans une popover sur un modal ne fonctionne pas : https://codepen.io/RolandGautier/full/BrOgOV

ce qui est vraiment dommage, mes formulaires sont déjà tous sur modal ...

Merci par avance de vos lumières.
Roland

[Invité]

Si on ne peut pas tester, je ne vois pas comment on pourrait te répondre...

Reste l'option :

...une page en ligne...