[DOM] Popup avec prototype-window

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

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, 14h56

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, 15h48

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, 16h31

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, 16h52

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, 18h19

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 ?

[DOM] Popup avec prototype-window [Prototype]

Bibliothèques & Frameworks

Vue hybride

Discussions similaires

Partager

Partager