Afficher des données dans un popup

**SpaceFrog** · 21/04/2006, 10h12

pas la place ??? mia sle div est au dessu sde la page, exactement comme un popup

visuellement ça ne change rien ...

**Taz_8626** · 21/04/2006, 10h14

voila mon pb

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>selectmailpop</title>
<script type='text/javascript'>
var mailingList=""

function addToList(Email){
var Mypop= document.getElementById('mypop')

switch (true){
case (Mypop.style.display=='none'):
var dest=document.createElement("select");
dest.id='destinataires';
dest.size='10';
dest.style.width='180px'
Mypop.appendChild(dest);
Mypop.appendChild(document.createElement('br'));
//le bouton d'envoi
mailbut=document.createElement('input');
mailbut.type='button';
mailbut.value='envoyer';
mailbut.onclick=function(){self.location.href="mailto:"+mailingList;
mailingList="";
Mypop.style.display='none'};
Mypop.appendChild(mailbut);
Mypop.style.display='block';

case !(Mypop.style.display=='none'):
var newDest=document.createElement('option')
newDest.value=Email;
newDest.innerHTML=Email;
mailingList+=Email+";"
document.getElementById('destinataires').appendChild(newDest);
}
}

function Remove(obj){
obj.parentNode.parentNode.removeChild(obj.parentNode)
}

</script>
<style type='text/css'>
td {cursor:pointer;}
</style>
</head>

<body >
<div id='mypop' style="position:absolute; top100px; left:200px; border:solid 2px red;z-index:10;display:none;height:200px; width:200px; overflow:auto;"></div>

<table>
<tr>
<td onclick="addToList(this.innerHTML)">truc machin chouette</td>
</tr>
<table>

</body>

je ne sais pas ou le mettre dans ma page

**SpaceFrog** · 21/04/2006, 10h16

ben ta popup se met ou elle ??
il suffit de regler le top et le left du div et il apparaitra ou tu veux ...

**Taz_8626** · 21/04/2006, 10h21

ok j'ai testé ça marche bien sauf quand je vais sur la page suivante ou précédente voila je n'ai pas les mails que j'ai sélectionnés avant

**SpaceFrog** · 21/04/2006, 10h23

tu as du encore coller le div dans la partie qui se rafrachit ...

**Taz_8626** · 21/04/2006, 10h24

tu veux que je la mette ou car je ne vois pas ou la mettre c'est toute ma page qui se rafraichit

je l'ai mis juste après le body

**SpaceFrog** · 21/04/2006, 10h27

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
<html>
<head>
<title>Liste des contacts</title>
</head>
<body>
<div id='mypop' style="position:absolute;
top100px; left:200px; border:solid 2px
red;z-index:10;display:none;height:200px; width:200px;
overflow:auto;"></div>
 
 
<? php

**SpaceFrog** · 21/04/2006, 10h29

sinon passe mailingList en paramètre dasn le lien au moment du refresh et testes sur le onload son length, si il est supéreiur à 0 tu peuples le select et affiche le div ...

**Taz_8626** · 21/04/2006, 10h34

pas trop compris

**SpaceFrog** · 21/04/2006, 10h36

quel lien rafraichit la page ??

**Taz_8626** · 21/04/2006, 10h37

mon lien suivant ou précédent

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
 
if(($depart != 0) AND ($depart >= $max)) // Si la variable depart > au resultat de la requete on n'affiche pas la fleche suivante
        {
          $precedent = $depart - $nb;
          echo '<br /><a class="menu" href="Contacts.php?recherche='.$search.'&depart='.$precedent.'&choix='.$choix.'&message='.$message.'"><img src="Images/gauche.png" alt="precedent" /></a>'."\t".'
            <a class="menu" href="index.php"><img src="Images/haut.png" alt="Menu" /></a>'."\t";
        } 
        else 
        {
          if(($depart != 0) AND ($depart < $max))
          {
              $precedent = $depart - $nb;
            echo '<br /><a class="menu" href="Contacts.php?recherche='.$search.'&contact='.$contact.'&depart='.$precedent.'&choix='.$choix.'&message='.$message.'"><img src="Images/gauche.png" alt="precedent" /></a>'."\t".'
              <a class="menu" href="index.php"><img src="Images/haut.png" alt="Menu" /></a>'."\t";
            $suivant = $depart + $nb;
            echo '<a class="menu" href="Contacts.php?recherche='.$search.'&contact='.$contact.'&depart='.$suivant.'&choix='.$choix.'&message='.$message.'"><img src="Images/droite.png" alt="suivant" /></a>';
          }
          else
          {
            echo '<br /><a class="menu" href="index.php"><img src="Images/haut.png" alt="Menu" /></a>'."\t";
            $suivant = $depart + $nb;
            echo '<a class="menu" href="Contacts.php?recherche='.$search.'&contact='.$contact.'&depart='.$suivant.'&choix='.$choix.'&message='.$message.'"><img src="Images/droite.png" alt="suivant" /></a><br />';
          }
        }
      }

**Taz_8626** · 21/04/2006, 10h38

et ça ne fonctionne pas sur Firefox mais j'avais presque fini avec le popup mais j'ai mon d'erreur avec le div pas mal

**SpaceFrog** · 21/04/2006, 10h41

rajoute un paramètre dans le lien

Code :

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

<a class="menu" href="Contacts.php?liste=mailinList&recherche='.$search.'&depart='.$precedent.'&choix='.$choix.'&message='.$message.'"><img src="Images/gauche.png" alt="precedent" /></a>'

**Taz_8626** · 21/04/2006, 10h45

et après je fais quoi ? car je ne vois ou tu veux en venir !!!

à quoi sert cette ligne

Code :

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

Mypop.style.display='block';

et lorsque je clique sur envoyer, il faudrait vider le select

**Taz_8626** · 21/04/2006, 11h08

ça va pas fonctionner si je met ça

Code :

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

1
2
3
 <a class="menu" href="Contacts.php?liste=mailinList&recherche='.$search.'&depart='.$precedent.'&choix='.$choix.'&message='.$message.'">
  <img src="Images/gauche.png" alt="precedent" />
</a>'

car je fais pas appel à liste quelque part

**Taz_8626** · 21/04/2006, 11h21

comment effacer le contenu du select ?
j'ai fait ça

Code :

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

dest.options[dest] = null;

dans la function onclick du bouton envoyer mais rien ne s'efface

**SpaceFrog** · 21/04/2006, 11h26

ben mets un autre nom mailListe=mailinList ...

ensuite tu récupère la varaible coté serveur et quad tu fais un refresh de la page, fais le avec la variable en parmètre, et tu récupère la variable sur le onload coté javascript ...

pour vider le select

Code :

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

.options.length=0

**Taz_8626** · 21/04/2006, 11h30

ça ne marche pas

Code :

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

dest.options.length = 0

je n'ai jamais utilisé de variable $_GET en javascript comment on fait ?

**SpaceFrog** · 21/04/2006, 11h40

Code :

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

document.getElementById('detinataires').options.length = 0

**Taz_8626** · 21/04/2006, 11h44

oui j'ai essayé aussi mais ça ne fonctionne pas mais j'avais une petite erreur la voila
voici mon code pour le bouton envoyer

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
//le bouton d'envoi
mailbut=document.createElement('input');
mailbut.id='envoie';
mailbut.type='button';
mailbut.value='envoyer';
if(!Mypop.document.getElementById('envoie')){
                          mailbut.onclick=function(){self.location.href="mailto:"+mailingList;
                                                  mailingList="";
                                                  Mypop.style.display='none'
                                                  Mypop.document.getElementById('destinataires').options.length = 0;};
                          Mypop.appendChild(mailbut);
                       }
Mypop.style.display='block';

Afficher des données dans un popup

JavaScript

Discussions similaires

Partager

Partager