Afficher des données dans un popup

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

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, 11h14

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, 11h16

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, 11h21

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, 11h23

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

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

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, 11h27

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, 11h29

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, 11h34

pas trop compris

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

quel lien rafraichit la page ??

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

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, 11h38

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, 11h41

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, 11h45

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, 12h08

ç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, 12h21

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, 12h26

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, 12h30

ç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, 12h40

Code :

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

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

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

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