Ouverture d'un popup

**arngrimur** · 30/09/2011, 12h04

Bonjour,

J'ai dans ce morceau de code l'affiche de texte et sur ce texte je souhaiterais que lorsque je clique , ça affiche un popup:

Code :

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

1
2
3
4
5
   DateTime date = Convert.ToDateTime(item.debut); int tt;
                           tt = DateTime.Compare(date, DateTime.Now); if (tt > 0)
                           {%><li><a href='POPUP.aspx' style="color: black">
                               <% Response.Write(item.objet);
                           }

Le problème est que je n'arrive qu'a faire marcher le popup sur une page séparée: ( c'est du JQuery)

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
17
18
19
20
21
22
23
24
25
26
27
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>yensdesign.com - How to create a stuning and smooth popup in jQuery</title>
    <script src="Scripts/jquery-ui.min.js" type="text/javascript"></script>
    <script src="Scripts/jquery.min.js" type="text/javascript"></script>
    <script src="Scripts/popup.js" type="text/javascript"></script>
    <link href="Styles/general.css" rel="stylesheet" type="text/css" />
</head>
<body>
    <center>
        <div id="button">
            <input type="submit" value="Press me please!" /></div>
    </center>
    <div id="popupContact">
        <a id="popupContactClose">x</a>
        <h1>
            Title of our cool popup, yay!</h1>
        <p id="contactArea">
            Here we have a simple but interesting sample 
        </p>
    </div>
    <div id="backgroundPopup">
    </div>
</body>
</html>

là quand je click sur le bouton ça affiche le popup correctement
mais donc moi je veux l'afficher dans le href du début, c'est possible ?
merci d'avance

**Napalm51** · 30/09/2011, 16h06

Tu devrais peut-être relire le tutorial que tu as utilisé (je me base sur le titre de la page de ton exemple, qui est un tutorial pour faire de jolies pop-ups jQuery).

Dans le fichier popup.js, il y à ce code :

Code :

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

1
2
3
4
5
6
7
8
# //LOADING POPUP  
# //Click the button event!  
# $("#button").click(function(){  
# //centering with css  
# centerPopup();  
# //load popup  
# loadPopup();  
# });

Ce morceau de script capte l'évènement javascript onClick de ta balise HTML ayant l'id "bouton" et lance les méthodes de centrage et d'ouverture de la pop-up. Il suffit donc de remplacer $("#button") par $("#identifiant_de_ton_href") pour que ça fonctionne.

Code :

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

1
2
3
4
5
6
 
DateTime date = Convert.ToDateTime(item.debut); int tt;
                           tt = DateTime.Compare(date, DateTime.Now); if (tt > 0)
                           {%><li><a href='POPUP.aspx' id='monLien' style="color: black">
                               <% Response.Write(item.objet);
                           }

et

Code :

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

1
2
3
4
5
6
7
8
# //LOADING POPUP  
# //Click the button event!  
# $("#monLien").click(function(){  
# //centering with css  
# centerPopup();  
# //load popup  
# loadPopup();  
# });

par exemple

Ouverture d'un popup [Débutant]

ASP.NET

Vue hybride

Discussions similaires

Partager

Partager