Afficher des données dans un popup

**Taz_8626** · 20/04/2006, 09h16

Voila j'ai un tableau avec mes contacts ( au total 400 contacts afficher par tranche de 15) et je voudrais savoir comment faire pour que lorsque je clique sur mon lien ça m'ouvre mon popup et ajoute le mail dans ce dernier.

C'est pour réaliser un envoye d'email à plusieurs destinataires

J'ai utilisé window.open pour ouvrir mon popup et document.write pour écrire dedans mais le petit problème c'est que lorsque je suis sur la première page ça fonctionne impeccablement mais lorsque je vais sur les 15 contacts suivants mon entete de mon popup s'ajoute en dessous de mes données qui se trouve dans celui-ci (recharge de la page).

j'aurai voulu avoir un entete qui ne bouge pas et j'ai un autre petit problème, c'est qu'il n'arrive pas à prendre une adresse email, pour le moment je l'ai fait avec les numéro des contacts.

en fait mon idée était de faire un caddie et que je récupère tous les emails dont je voudrais envoyer un message

voila si quelqu'un pourrait l'aider ça serait sympa

**SpaceFrog** · 20/04/2006, 09h21

comment sont présentées les données dans le popup ,
pour moi le plus simple serait de coller un input dans le popup et de l'incrémenter avec le nouvel e-mail sur le click non ?

**Taz_8626** · 20/04/2006, 09h22

voila le contenu du popup

Code :

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

1
2
3
4
5
6
7
8
 
vos destinataire :
 
email 1
email 2
 
 
Ecrire le message (mailto)

**Taz_8626** · 20/04/2006, 09h24

et lorsque je vais sur la page suivant pour les contacts suivants et que je rajoute un contact dans mon popup voila le résultat

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
vos destinataire :
 
email 1
email 2
 
 
Ecrire le message (mailto)
vos destinataire :
 
 email 3
 
 
 Ecrire le message (mailto)

**SpaceFrog** · 20/04/2006, 09h25

???
je ne compends pas trop ???
tu veux quoi avoir en entête la liste des contacts et en dessous le texte ?

**Taz_8626** · 20/04/2006, 09h28

Non dans mon popup je voudrais avoir la liste des emails que j'ai sélectionnés, sans répétition de mon texte qui se trouve d'origine, et un lien qui me permet de faire un mailto sur l'ensemble des emails qui se trouve dans mon popup

**SpaceFrog** · 20/04/2006, 09h29

oki dernière question la source des emails elle est où ? sur une seule et même page ou sur plusieurs pages ?
la selection se fait par click sur une liste ?

**Taz_8626** · 20/04/2006, 09h32

je voudrais ça comme résultat

Code :

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

1
2
3
4
5
6
 
vos destinataires
 
email 1
 
ecrire le message

dès que je clique sur un ajout d'email ça m'affiche ça

Code :

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

1
2
3
4
5
6
7
 
vos destinataires
 
email 1
email 2
 
ecrire le message

je change de page et je clique sur un ajout d'email ça m'affiche ça

Code :

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

1
2
3
4
5
6
7
8
 
 vos destinataires
 
 email 1
email 2
email 3
 
 ecrire le message

voila et lorsque j'ai fini de faire les ajout je clique sur le lien "ecrire le message" ça me ferme le popup et ça m'ouvre mon client mail par défaut (outlook)

**Taz_8626** · 20/04/2006, 09h46

voici mon code javascript

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
28
29
30
31
32
33
34
35
36
37
38
39
 
<SCRIPT TYPE="text/javascript">
  <!--
   var email;
   ecrire;
    function ecrire_mail()
    {
      email.document.write(\'<a href="mailto:ecrire">Ecrire votre message</a>\');
    }
    function ouvre_fenetre(coul,larg,haut)
    {
      email = window.open(\'\',\'mail\',\'width=\'+larg+\',height=\'+haut+\',screenX=100,screenY=100,top=70,left=5\');
      email.document.write(\'<head><title>Destinataires</title></head><body onblur="window.focus()" bgcolor=\'+coul+\'>\');
      ecrire_mail();
      email.document.write(\'<br /><b>Vous allez &eacute;crire &agrave; :</b><br /></body>\');
      email.focus();     
    }
    function ferme_fenetre()
    {
      email.close();
    }
    function ajoute_objet(adresse)
    { 
      if(! email.document) 
      {
        ouvre_fenetre(\'white\',300,500);
        email.document.write(adresse+\'<br />\');
        ecrire = adresse;
        email.focus();
      } 
      else
      {
        email.document.write(adresse+\'<br />\');
        ecrire = ecrire+,+adresse;
        email.focus();
      }
    }
  //-->
  </SCRIPT>

et voila mon code dans ma page php

Code :

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

1
2
 
          echo '<td><a href="javascript:ajoute_objet('id')"><img src="Images/email.png" alt="email" /></a></td>';

**denisC** · 20/04/2006, 09h55

Envoyé par Taz_8626

<SCRIPT TYPE="text/javascript">

</SCRIPT>

Essaye quelque chose dans ce gout....

**Taz_8626** · 20/04/2006, 10h05

ça fonctionne pas dans la console javascript j'ai ça comme erreur

missing ) after argument list

ajoute_objet is not defined

**SpaceFrog** · 20/04/2006, 10h08

Voici ma version de la chose...
resterait à gérer le focus sur le popup ...

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
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
 
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>selectmailpop</title>
<script type='text/javascript'>        
var mypop
var mailingList
function addToList(Email){
 
if (mypop==null){mypop=window.open("","DESTINATAIRES","scrollbars=0,menubar=0, toolbar=0,width=200, height=400")
                setInterval("Javascipt:void(0);",10000);
                // le select
               var dest=mypop.document.createElement("select");
               dest.id='destinataires';
               dest.size='20';
               dest.style.width='180px'
               mypop.document.body.appendChild(dest);
               //le bouton d'envoi
               mailbut=mypop.document.createElement('input');
               mailbut.type='button';
               mailbut.value='envoyer';
               mailbut.onclick=function(){self.location.href="mailto:"+mailingList;};
               mypop.document.body.appendChild(mailbut);
 
                   }
 
var newDest=mypop.document.createElement('option')              
newDest.value=Email;
newDest.innerHTML=Email;
mailingList+=Email+";"
mypop.document.getElementById('destinataires').appendChild(newDest);
}
</script>        
<style type='text/css'>
li {cursor:pointer;}
</style>
</head>
 
<body>
 
 
<ul>
    <li onclick="addToList(this.innerHTML)">truc machin chouette</li>
    <li onclick="addToList(this.innerHTML)">bidul@machin.fr</li>
    <li onclick="addToList(this.innerHTML)">truc@machin.com</li>
    <li onclick="addToList(this.innerHTML)">machin@chouette.eu</li>
    <li onclick="addToList(this.innerHTML)">truc machin chouette</li>
    <li onclick="addToList(this.innerHTML)">truc machin chouette</li>
    <li onclick="addToList(this.innerHTML)">truc machin chouette</li>
    <li onclick="addToList(this.innerHTML)">truc machin chouette</li>
<ul>
</body>
</html>

**Taz_8626** · 20/04/2006, 10h13

ça fonctionne bien ton code

**SpaceFrog** · 20/04/2006, 10h14

lequel ? le mien ???
juste un ou deux détails à règler mais dans l'ensemble oui ...

**Taz_8626** · 20/04/2006, 10h23

nikel mais lorsque que je vais sur la page des 15 contacts suivants il y a un hic avec l'affichage du popup j'ai deux cadre en fait mais ça affiche toujours dans le premier et je pensai mettre le popup juste de la taile du cadre mais il y a un deux bouton envoyé qui se trouve en bas de pasge(non accessible) qui permet de valider l'envoye, j'ai bien le premier bouton mais il n'y a pas d'action comment faire

**Taz_8626** · 20/04/2006, 10h30

et il manque juste un test qui permet de vérifier si j'ai fermer le popup ou non car ça me provoque une erreur si j'ai fermé celui-ci et que je veux ajouté un email et aussi lorsque je clique sur le bouton envoyer j'ai une variable undefined qui s'ajoute dans mon outlook

**SpaceFrog** · 20/04/2006, 10h31

la page des 15 contacts suivants ?
le script il est repercuté sur cette page ??

**SpaceFrog** · 20/04/2006, 10h31

oui pour le test de fremeture de popup j'avais remarqué aussi ... j'y travaille ...

**Taz_8626** · 20/04/2006, 10h33

comment ça répercuté je ne comprend pas

pour le premier mail il y a une variable undefined qui s'ajoute dans outlook

et je voudrais savoir comment le répercuté

**Taz_8626** · 20/04/2006, 10h51

j'ai fait quelque modification

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
28
29
30
31
<script type=\'text/javascript\'>        
    var mypop
    var mailingList
    function addToList(Email){
      if (mypop==null){
        mypop=window.open("","DESTINATAIRES","scrollbars=1,menubar=0, toolbar=0,width=240, height=380")
        setInterval("Javascipt:void(0);",10000);
        
        // le select
        var dest=mypop.document.createElement("select");
        dest.id=\'destinataires\';
        dest.size=\'20\';
        dest.style.width=\'220px\'
        mypop.document.body.appendChild(dest);
        
        //le bouton d\'envoi
        mailbut=mypop.document.createElement(\'input\');
        mailbut.type=\'button\';
        mailbut.value=\'envoyer\';
        mailbut.onclick=function(){self.location.href="mailto:"+mailingList;mypop.close();};
        mypop.document.body.appendChild(mailbut);
      }
      var newDest=mypop.document.createElement(\'option\')              
      newDest.value=Email;
      newDest.innerHTML=Email;
      mailingList+=Email+";"
      mypop.document.getElementById(\'destinataires\').appendChild(newDest);
      mypop.focus();
    }
  </script>

Afficher des données dans un popup

JavaScript

Discussions similaires

Partager

Partager