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

21/04/2006, 11h45
Taz_8626

comment supprimer un élément du mailingList ?
et il me reste plus que le petit pb de ne pas rafraichir la div lors du passage à une autre page
21/04/2006, 13h45
Taz_8626

je ne vois comment faire pour passer une variable javascript en paramètre d'une méthode Get, est ce que tu peux m'aider ?
21/04/2006, 14h01
SpaceFrog

???, je ne comprend par tu passes une tonne de variables dans tes liens page précédente et suivante et tu ne sais pas rajouter la liste dasn les paramètres???? 8O8O
21/04/2006, 14h04
Taz_8626
oui ça je comprend mais comment faire entre le javascript et php je sais pas ça

j'ai fait ça
Code:

1 2 3 <a class="menu" href="Contacts.php?recherche='.$search.'&contact='.$contact.'&depart='.$precedent.'&listemail='.$liste.'"> <img src="Images/gauche.png" alt="precedent" /></a>
et $listemail = à quoi ? ça ne sait pas le faire ?

sous IE ça fonctionne mais pas sous Firefox
21/04/2006, 14h11
SpaceFrog

Code:

&listemail='.$liste.'

8O8O8O8O8O8O8O8O8O8O8O8O
il sort d'ou $liste ?????????????????
elle s'appelle comment ta variable javascript qui contient la liste de mails ?????en plus là tu colle une variable php ... coté client ça sert pas à grand chose ...
21/04/2006, 14h13
SpaceFrog

http://www.developpez.net/forums/sho...455#post224455
21/04/2006, 14h14
Taz_8626

ma variable qui contient les mails s'appelle mailingList, et je pensai la mettre dans une variable php, comment tu veux faire explique moi ?
21/04/2006, 14h15
SpaceFrog

il te suffit de concaténer le line avec la parmètres dedans !!!

Code:

var Monurl="mapage.htm?maliste="+mailingList
21/04/2006, 14h20
Taz_8626

8O
j'ai pas compris !!!
8O:?:(
dsl
21/04/2006, 14h21
SpaceFrog

100 interventions je jette l'éponge ...
tu as tous les élements pour t'en sortir ...
21/04/2006, 14h22
Taz_8626

je sais tu es très sympa de m'avoir aider mais là j'ai trop du mail à comprendre car je débute avec le javascript donc voila mais je sais utilisé le php
21/04/2006, 14h23
Taz_8626

et j'en fait quoi de la variable mon url ? mais je vois pas ou il faut la mettre ?
21/04/2006, 14h25
SpaceFrog

pour le moment on ne parle pas de php on parle de javascript ...
je t'ai donné la syntaxe pour ajouter la liste dans les paramètres du lien , il ne te reste plus qu'à récupérer le paramètre exactement de la même façon que tu le fais pour tous les autres paramètres de pages suivante et précédente ......

voila mon code javascript

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
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
 
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='220px'
                       if(!Mypop.document.getElementById('destinataires')){
                          Mypop.appendChild(dest);
                          Mypop.appendChild(document.createElement('br'));
                       }
 
                       //le bouton de suppression
                       mailsup=document.createElement('input');
                       mailsup.id='suppression';
                       mailsup.type='button';
                       mailsup.value='supprimer';
                       if(!Mypop.document.getElementById('suppression')){
                          mailsup.onclick=function(){if(dest.options[dest.selectedIndex].value != 0){
                                                    dest.options[dest.selectedIndex] = null;}};
                          Mypop.appendChild(mailsup);
                      }
 
                       //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'
                                                  document.getElementById('destinataires').options.length = 0;};
                          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);
                       }
    }

et celui qui se trouve dans ma page web

Code:

1
2
3
4
5
6
7
8
9
10
11
 
<html>
<head>
...
<script src="libraries/pop.js" type='text/javascript'></script>
</head>
</body>
<div id='mypop' style="position:absolute; top:400px; left:10px; border:solid 2px blue;z-index:10;display:none;height:200px; width:240px; overflow:auto;"></div>
...
</body>
</html>

21/04/2006, 14h35
Taz_8626

mais ce que tu me dis je le fais du côté de ma page ou il y a mon lien ou dans mon script javascript
21/04/2006, 14h43
Taz_8626
je ne comprend pas comment faire
Code:

1 2 var Monurl="mapage.htm?maliste="+mailingList
meme si j'ai la syntaxe

mon lien c'est ça
Code:

1 2 <a class="menu" href="Contacts.php?recherche='.$search.'&depart='.$precedent.'"></a>
et tu voudrais que je fasse ça
Code:

1 2 3 var Monurl="Contacts.php?recherche='.$search.'&depart='.$precedent.'&maliste="+mailingList
et cette var je la déclare en <script></script> que je met dans mon body à l'endroit de mon lien ?
21/04/2006, 14h46
SpaceFrog

Code:

<a class="menu" href="Contacts.php?recherche='.$search.'&depart='.$precedent.'&maliste=mailingList"></a>

ça marche pas ça ???
21/04/2006, 14h47
Taz_8626

ah bon regarde au dessus j'ai changé mon message

est ce que c'est bon ma variable monurl avec la variable mailingList dedans ?

et comment faire appel à la variable monurl après ?
21/04/2006, 15h44
Taz_8626

et il n'y aurai pas un autre moyen pour éviter que ma div alias "popup" ne soit pas recharger lors du rechargement de la page principale ?
21/04/2006, 15h49
SpaceFrog

un iframe :vomi: ?

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