Dialogue prompt en jquery

**pc75** · 04/10/2013, 15h32

Bonjour,

J'affiche une fiche détaillée dans une popup avec un window.open.
Dans cette popup, j'ai placé une icône pour que l'utilisateur puisse s'envoyer cette fiche par mail.
Quand il clique sur cette icône, je souhaite qu'il saisisse son adresse mail.
J'essaye de remplacer le prompt de javascript par du jquery.
Voilà ce que j'ai fait :

Code html :

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
17
18
19
20
21
22
23
24
...
<head>
<script src="jquery.js" type="text/javascript"></script>
<script src="jquery.ui.draggable.js" type="text/javascript"></script>  
 
<script src="jquery.alerts.js" type="text/javascript"></script>
<link href="jquery.alerts.css" rel="stylesheet" type="text/css" media="screen">
</head>
.....
<table width="100%" cellspacing="0" cellpadding="0" align="right">
	<tr>
		<td width="100%" align="right">
			<img src="Mail.jpg" id="prompt_button" onclick="FicheParMail(<%=Numero%>);" style="cursor:pointer" alt="Envoyer par mail" title="Envoyer par mail" border="0" height="15" width="15" align="absbottom">
			&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
			<a href="#" onclick="self.close()">
			<font face="arial" size="2" color="#0000FF">
			<em>
			Fermer cette fenêtre
			</em>
			</font>
			</a>
		</td>
	</tr>
</table>

Et ma fonction js :

Code :

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

1
2
3
4
5
6
7
8
9
10
function FicheParMail(Numero)
	{
        jPrompt('Type something:', 'Prefilled value', 'Prompt Dialog', function(r)
        {
        if( r )
		{
		document.location.href = "FicheParMail.asp?Numero=" + Numero + "&Destinataire=" + r;
		}
    });
	}

le souci est que la fenêtre s'ouvre en fin de ma page et prend toute la largeur de la page.

Je ne trouve pas ou intervenir pour que ce prompt s'ouvre centré dans ma page et avec une largeur moins grande.

Merci.

**NoSmoking** · 05/10/2013, 15h06

Bonjour,
problème de structure du document, de CSS ???

http://www.developpez.net/forums/d12...-simple-alert/

**pc75** · 07/10/2013, 09h08

Merci pour la réponse, mais c'est une fenêtre de type prompt dont j'ai besoin.
Mon code fonctionne, mais le souci, c'est que cette fenêtre prompt s'affiche en bas de ma page et prend toute la largeur de la page.
Je souhaiterai qu'elle s'affiche comme le prompt de js.

**Kaamo** · 07/10/2013, 09h26

le souci est que la fenêtre s'ouvre en fin de ma page et prend toute la largeur de la page.

Ce n'est pas un problème de configuration de style ?

Sinon au lieu de passer par ce plugin tiers, passe par jQuery UI (dialog) qui est beaucoup plus flexible.

Voici une page de test. (Clique sur le bouton pour afficher le prompt)

**pc75** · 07/10/2013, 12h10

Merci,

C'est effectivement plus abordable pour moi.
Par contre, la fenêtre s'ouvre dans le coin en haut et à gauche, et je ne trouve pas l'endroit où je pourrai modifier cette position.

**Kaamo** · 07/10/2013, 13h43

sur la page de test jsfiddle ? Elle s'ouvre au milieu chez moi (chrome).
Par défaut, les dialogs s'ouvrent au milieu crentré. Tu peux modifier à l'aide de la propriété position

Dialogue prompt en jquery

jQuery

Vue hybride

Discussions similaires

Partager

Partager