Bonjour,
Dans le cadre d'un projet web embarqué (Navigateur NetFront), je souhaite crée une popup HTML, bloquant l'ensemble des éléments cliquables (liens, inputs, ...).
La solution est donc de créer une div semi-transparente par dessus le reste de l'appli (qui contiendrais ensuite la popup centré horizontalement et verticalement) :
Cette solution fonctionne parfaitement bien pour les clics souris, mais pas du tout pour une navigation clavier (à l'aide des tabs). En effet je peux survoler chaque liens et inputs et cliquer dessus avec ma touches entrée.
Donc je ne bloque rien dans mon cas (navigation télécommande).
Existe-t'il selon vous une solution permettant de tout bloquer de manière simple et optimisée (environnement embarqué), n'allant pas jusqu'à la modification de chaque élément du DOM concerné.
Merci d'avance pour vos réponses.
Spirit
Dans le cadre d'un projet web embarqué (Navigateur NetFront), je souhaite crée une popup HTML, bloquant l'ensemble des éléments cliquables (liens, inputs, ...).
La solution est donc de créer une div semi-transparente par dessus le reste de l'appli (qui contiendrais ensuite la popup centré horizontalement et verticalement) :
div#popup {
width: 100%;
height: 100%;
background-color: white;
opacity: 0.7;
position: absolute;
}Cette solution fonctionne parfaitement bien pour les clics souris, mais pas du tout pour une navigation clavier (à l'aide des tabs). En effet je peux survoler chaque liens et inputs et cliquer dessus avec ma touches entrée.
Donc je ne bloque rien dans mon cas (navigation télécommande).
Existe-t'il selon vous une solution permettant de tout bloquer de manière simple et optimisée (environnement embarqué), n'allant pas jusqu'à la modification de chaque élément du DOM concerné.
Merci d'avance pour vos réponses.
Spirit
