Discussion :

[dimrun]

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.

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 :

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

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 :

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

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.

Évidemment c'est un peu demander le beurre, l'argent du beurre et le cul de la crémière.

[Tchupacabra]

as tu essayé avec z-index de CSS ?

[SpaceFrog]

essaye de mettre une balise div autour de la balise object

Code :

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

1
2
3
4
5
6
7
8
9
10
11
 
<div id='modalContentTest' style='display: none'>
 
<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>
</div>

[Bovino]

Et des balises script autour de ton js !!!

Code :

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

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>
<script type="text/javascript">
function fenetreModal() {
    $('#modalContentTest').modal();
}
</script>
<div id='modalContentTest' style='display: none'>
  <form action='#'>
  LE CONTENU DE MA FENETRE MODALE
  </form>
</div>

[dimrun]

Les balises script y étaient c'était pour simplifier mon code dans ce message que je les ai retirés.

J'ai déjà essayer de rajouter des balises div entre mon objet ( ca m'était utile quand j'ai essayé d'effacer mon pdf avant la fenêtre modal). mais ca ne change rien au problème le pdf s'affiche toujours devant la fenêtre modal.

[SpaceFrog]

ça vient du plugin adobe reader sans doute ...
essaye de mettre un iframe en fond de la fenetre modale ?

[dimrun]

essaye de mettre une balise div autour de la balise object

Code :

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

1
2
 
<div id='modalContentTest' style='display: none'>

Je crois qu'il y a un souci de compréhension je ne cherche pas à mettre le pdf dans la fenêtre modal mais le pdf doit se positionner derrière la fenêtre modal.

Je viens de faire des tests avec z-index sans succès le pdf se superpose toujours sur la fenêtre modal

[dimrun]

ça vient du plugin adobe reader sans doute ...
essaye de mettre un iframe en fond de la fenetre modale ?

Déjà essayé Le souci est le même avec une balise object ou une balise iframe tant qu'elle contient un pdf

[SpaceFrog]

d'ou la proposition de mettre un iframe dans ta fenetre modale ...

[dimrun]

Pour aider à la compréhension j'ai rajouter mon souci en piece jointe

[SpaceFrog]

a priori ça ne t'aide pas dasn la compréhension du fait que tu devrais essayer de rajouter un iframe dans la fenetre modale ...

[dimrun]

a priori ça ne t'aide pas dans la compréhension du fait que tu devrais essayer de rajouter un iframe dans la fenetre modale ...

En fait en essayant de rajouter des informations au fil de discussion j'ai zappé quelques uns de tes messages Je m'attendais pas à des réponses aussi rapides.

Et puis j'ai compris de travers ca :

essaye de mettre un iframe en fond de la fenetre modale ?

Du coup cette idée permet de faire un pas en avant :

La fenêtre modal est maintenant devant avec une iframe, je ne peux plus cliquer sur le pdf dans la zone ou l'iframe est définit, ca cest bien. Par contre les zones ou le pdf est présent mais ou la fenêtre modal n'est pas présente pose toujours souci : je peux cliquer sur le pdf et il n'est pas grisé.

Je joins l'évolution du problème en pièce jointe.