11548 sujets

JavaScript, DOM et API Web HTML5

Bonjour,

C’est presque impossible de trouver un forum qui traite le DOM,

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.


<!-- 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>



<!-- 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>




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

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 avec prototype-window de cette façon


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
Modifié par Akim13 (28 Jul 2007 - 16:54)