[DOM] Popup avec prototype-window

**Akim13** · 28/07/2007, 15h39

Bonjour,

Ce message est un doublon j’espère que l'Admin ne l’efface pas car il ni a pas de réponse dans le forum ajax.

Voila un petit code pour deux pages qui permet d’envoyer les valeurs des champs d’un popup vert la page principale.

Ce que je voudrais c’est ouvrir ce même popup avec cette source http://prototype-window.xilinus.com/samples.html, mais je n’arrive pas a l’adapter.

Pouvez-vous m’aider SVP.

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
<!-- Principale index.php --><!-- Principale index.php -->
<form name="fmaddFacture">
<input name="d0" id="d0" type="text" value="" />
<input name="d1" id="d1" type="text" value="" />
<input type="button" value="ouvrir le popup" '+
' onclick="OuvrirPopup();" />
</form>
<script type="text/javascript">
function setSearch(controleur) {
var MonControleur = document.getElementById(controleur);
MonControleur.onclick = function() {search()};
MonControleur.onblur = function() {search()};
MonControleur.onkeyup = function() {search()};
MonControleur.onkeypress = function() {search()}; }
function OuvrirPopup() {
window.open('produits.php?req='+document.getElementById("d0").value,'formsearch','height=500,width=500,menubar=no,status=no'); }
function search() {
var myd0 = document.getElementById("d0");
var myd0 = document.getElementById("d1");
var jsd0 = document.getElementById("jsd0"); }           
setSearch('d0');
</script>
<label for="d0" id="jsd0"> </label>

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
<!-- popup produits.php --><!-- popup produits.php -->
<html>
<head>
<title>Zone de recherche</title>
<script type="text/javascript">
<!--
function exporter() {
var choix=document.getElementById("toto0");
window.opener.document.forms["fmaddFacture"].elements["d0"].value=choix.value;
var choix=document.getElementById("toto1");
window.opener.document.forms["fmaddFacture"].elements["d1"].value=choix.value;
}
-->
</script>
</head>
<body>
<div style="text-align: center;">
<form>
<p><input type="text" value="" id="toto0" name="toto0" /></p>
<p><input type="text" value="" id="toto1" name="toto1" /></p>
<p><input type="button" value="renvoyer" onclick="exporter();" /></p>
</form>
</div>
</body>
</html>

Merci d'avance

**Akim13** · 28/07/2007, 15h56

Bonjour,

Voila je vous donne plus de détail
Celle-ci est la fonction qui ouvre le popup

Code :

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

1
2
3
function OuvrirPopup() {
window.open('produits.php?req='+document.getElementById("d0").value,'formsearch','height=500,width=500,menubar=no,status=no');
}

Je voudrais l’adapter pour que le popup démarre de cette façon

Code :

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

1
2
3
4
5
function outsideWindow() {
var win = new Window("win2", {className: "alphacube",  top:0, left:0, width:800, height:1200, maximizable: true, minimizable: true,
url: "produits.php", showEffectOptions: {duration:1.5}})
win.show();  
 }

Bien sur le popup démarre mais j’ai une erreur quand je click sur envoyer

Erreur 'window.opener.document' a la valeur Null ou n'est pas un objet.

Merci d'avance

**SpaceFrog** · 28/07/2007, 16h48

rien de plus normal...
Avec window prototype ce ne sont plus de vraies popup, ce sont des div dans la même page.
(Et normal aussi que tu n'aies pas de réponse dans le forulm ajax, rien à voir avec ajax c'est du DOM...)

Le truc c'est donc que ta "popup" et tout son contenu font partie de ta page donc pas de opener ...

Code :

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

window.opener.document.forms["fmaddFacture"].elements["d1"].value=choix.value;

devient:

Code :

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

document.forms["fmaddFacture"].elements["d1"].value=choix.value;

puisque c'est sur la même page

**Akim13** · 28/07/2007, 17h31

Bonjour,

J’ai toujours une erreur

Erreur : 'document.forms.fmaddFacture.elements' a la valeur Null ou n'est pas un objet.

Avez vous une autre solution

Merci d'avance

**SpaceFrog** · 28/07/2007, 17h52

c'est que tu essaye d'ouvrir deux fois la même fenetre ...
il faut la detruire avant de vouloir la réouvrir ...
ou alors ouvrir une autre fenetre ...

**Hibou57** · 28/07/2007, 19h19

Juste une petite question un peu hors-sujet, qui me vient en lisant le code. On voit souvent ceci :

Code JavaScript :

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

... = function() {search()};

et pourquoi pas

Code JavaScript :

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

... = search;

?
Parce que sauf erreur de ma part, les fonctions sont passées par référence, et non pas par valeur (ce n'est pas le code qui est assigné à la propriété, mais une référence). Quelle est la raison de cette manière de faire ?

**Akim13** · 28/07/2007, 19h55

Bonjour,

Je ne sais pas, je sais par contre qu’un débutant n’utilise jamais les boucles, LOL
C’est pour dire que je débute, Je rectifie mon code,

Mais avez-vous une solution a mon problème je n’arrive pas a appliquer la méthode proposer par SpaceFrog

Merci

**SpaceFrog** · 29/07/2007, 10h15

dans la doc prototype il est dit comment detruire une fenetre ou y assigner un nouveau contenu ...
Un traduction de la doc devrait bientot être disponible ...

**Akim13** · 29/07/2007, 15h57

Bonjour,

J’ai aucune fenêtre déjà ouvert voila j’ai avancer mais avec un nouveau message

Erreur : 'document.forms.fmaddFacture.elements' a la valeur Null ou n'est pas un objet.

si vous avez telecharger prototype-window

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
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
 
<form name="fmaddFacture">
<input name="d0" id="d0" type="text" value="" />
<input name="d1" id="d1" type="text" value="" />
<input type="button" value="ouvrir le popup" '+
' onclick="OuvrirPopup();" />
</form>
 
<script type="text/javascript">
function setSearch(controleur) {
var MonControleur = document.getElementById(controleur);
MonControleur.onclick = function() {search()};
MonControleur.onblur = function() {search()};
MonControleur.onkeyup = function() {search()};
MonControleur.onkeypress = function() {search()}; }
 
function OuvrirPopup() {
window.open('produits.php?req='+document.getElementById("d0").value,'formsearch','height=500,width=500,menubar=no,status=no');
}
function search() {
var myd0 = document.getElementById("d0");
var myd0 = document.getElementById("d1");
var jsd0 = document.getElementById("jsd0"); }           
setSearch('d0');
</script>
<label for="d0" id="jsd0"> </label>
 
 
 
 
<html xmlns="http://www.w3.org/1999/xhtml" version="-//W3C//DTD XHTML 1.1//EN" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
 
 
 
<style> * {
margin: 0px;
padding: 0px; }
body { background:#DDD;
font-family: verdana, arial, sans-serif;
font-size:14px; }
#container { float:left;
margin-top:100px;
font-family: Tahoma, Arial, sans-serif;
font-size: 10px;
} </style>
 
<script type="text/javascript" src="../javascripts/prototype.js"> </script> 
<script type="text/javascript" src="../javascripts/effects.js"> </script>
<script type="text/javascript" src="../javascripts/window.js"> </script>
<script type="text/javascript" src="../javascripts/window_effects.js"> </script>
<script type="text/javascript" src="../javascripts/debug.js"> </script>
<link href="../themes/default.css" rel="stylesheet" type="text/css" >	 </link>
<link href="../themes/theme1.css" rel="stylesheet" type="text/css" >	 </link>
<link href="../themes/mac_os_x.css" rel="stylesheet" type="text/css" >	 </link>
<link href="../themes/alphacube.css" rel="stylesheet" type="text/css" >	 </link>
<link href="../themes/darkX.css" rel="stylesheet" type="text/css" >	 </link>
<link href="../themes/spread.css" rel="stylesheet" type="text/css" >	 </link>
<link href="../themes/alert.css" rel="stylesheet" type="text/css" >	 </link>
<link href="../themes/alert_lite.css" rel="stylesheet" type="text/css" >	 </link>
</head>
 
 
<script>
win3 = new Window('dialog3', {className: "spread", title: "Not Closable", 
top:10, right:20, width:300, height:200, 
closable: false, url: "produits.php", showEffectOptions: {duration:3}})
win3.show();
</script>
</body>
</html>

Avez vous une autre solution

Merci d'avance

**Akim13** · 29/07/2007, 18h58

Bonjour,

Voila probleme resolu merci SpaceFrog

Code :

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

1
2
3
4
5
6
7
8
9
<script type="text/javascript">
<!--
function exporter() {
var choix = document.getElementById("toto0");
top.document.forms["fmaddFacture"].elements["d0"].value=choix.value;
var choix=document.getElementById("toto1");
top.document.forms["fmaddFacture"].elements["d1"].value=choix.value; }
-->
</script>

Merci encore

[DOM] Popup avec prototype-window [Prototype]

Bibliothèques & Frameworks

Discussions similaires

Partager

Partager