Afficher des données dans un popup

Version imprimable

Voir 40 message(s) de cette discussion en une page

21/04/2006, 10h12
SpaceFrog

pas la place ??? mia sle div est au dessu sde la page, exactement comme un popup 8O visuellement ça ne change rien ...
21/04/2006, 10h14
Taz_8626

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
21/04/2006, 10h16
SpaceFrog

ben ta popup se met ou elle ??
il suffit de regler le top et le left du div et il apparaitra ou tu veux ...
21/04/2006, 10h21
Taz_8626

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
21/04/2006, 10h23
SpaceFrog

tu as du encore coller le div dans la partie qui se rafrachit ...
21/04/2006, 10h24
Taz_8626

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

Code:

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

21/04/2006, 10h29
SpaceFrog

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 ...
21/04/2006, 10h34
Taz_8626

pas trop compris :?8O8O8O8O
21/04/2006, 10h36
SpaceFrog

quel lien rafraichit la page ??

mon lien suivant ou précédent

Code:

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 />';
          }
        }
      }

21/04/2006, 10h38
Taz_8626

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
21/04/2006, 10h41
SpaceFrog

rajoute un paramètre dans le lien

Code:

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

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

à quoi sert cette ligne

Code:

Mypop.style.display='block';

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

ça va pas fonctionner si je met ça
Code:

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

21/04/2006, 11h21
Taz_8626

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

Code:

dest.options[dest] = null;

dans la function onclick du bouton envoyer mais rien ne s'efface
21/04/2006, 11h26
SpaceFrog

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:

.options.length=0
21/04/2006, 11h30
Taz_8626

ça ne marche pas

Code:

dest.options.length = 0

je n'ai jamais utilisé de variable $_GET en javascript comment on fait ?
21/04/2006, 11h40
SpaceFrog

Code:

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

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:

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';

Voir 40 message(s) de cette discussion en une page