Jquery : fenetre modale et objet PDF
Bonjour tous le monde
J'ai un souci et impossible de trouver quelq'un qui l'a déjà eu sur le web. Ca à l'air plutôt coton comme souci.:aie:
Je veux afficher une fenêtre modal en utilisant un bibliothèque de type jquery.
Pour le moment pas de souci il existe plusieurs bibliothèque de ce type, c'est presque banal, j'en ais essayé plusieurs mais elles avaient toutes le même souci (SimpleModal, noryModal...)
Je possède une page contenant un objet qui affiche un pdf (via un flux de byte) :
Code:
1 2 3 4 5 6 7
| <object
class="pdf-frame"
data="<%=request.getContextPath() %>/getpdf.htm"
type="application/pdf"
width="800" height="500">
<param name="src" value="<%=request.getContextPath() %>/getpdf.htm">
</object> |
Ma fenêtre modale s'affiche bien sauf dans la zone contenant cet objet. Il reste en premier plan et il est possible de le manipuler.
Voici le code de ma fenêtre modal qui marche bien dans les cas courants :
Code:
1 2 3 4 5 6 7 8 9 10 11 12 13
| <form method="POST" action="javascript:fenetreModal()" >
<input id="buttonSigne1" type="submit" value="Je signe" />
</form>
function fenetreModal() {
$('#modalContentTest').modal();
}
<div id='modalContentTest' style='display: none'>
<form action='#'>
LE CONTENU DE MA FENETRE MODALE
</form>
</div> |
Pourquoi un objet de type pdf reste toujours en arriere plan ?
Une solution serait peut être de le faire en manuel :
J'ai essayé de détourner le problème en effaçant l'objet avant l'apparition de la fenêtre modale, ca marche mais ce n'est pas satisfaisant.
Une autre solution pour m'aider serait un code permettant de griser l'objet pdf de le rendre dans le dernier plan et qu'il soit non cliquable. :mrgreen:
Évidemment c'est un peu demander le beurre, l'argent du beurre et le cul de la crémière.