bonjour,
Je souhaite, lorsqu'un utilisateur entre un mot dans un champ, qu'il puisse cliquer sur un bouton de recherche qui ouvre un popup.
De la jai voulu faire un test => quand je click sur le bouton renvoyer du popup, le champ de la page principale doit prendre la valeur de celui du popup, mais ca ne fonctionne pas! alors je suis pas allé plus loin.
Coté javascript (form.js):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(page,nom,option) {
window.open(page,nom,option);
}
function search() {
var mytitre = document.getElementById("titre");
var jstitre = document.getElementById("jstitre");
if(mytitre.value != "") {
jstitre.innerHTML = ' <input type="button" value="ouvrir la boite de recherche" onclick="OuvrirPopup(\'http://localhost/search.php?req='+mytitre.value+'\',\'formsearch\',\'height=400,width=400,menubar=no,status=no\');" />';
} else {
jstitre.innerHTML = "<br />";
}
}
ma page principale de test (je l'avais directement intégrée a mon site mais comme ca ne fonctionne pas jai testé avec le minimum:
<html>
<head>
<script type="text/javascript" src="./form.js"></script>
</head>
<body>
<form name="testform">
<span id="text_titre">nom: </span>
<input name="titre" id="titre" type="text" value="" />
<script type="text/javascript">setSearch('titre');</script>
<label for="titre" id="jstitre"> </label>
</form>
</body>
</html>
Mon popup de recherche:<html>
<head>
<title>Zone de recherche</title>
<script language="javascript">
<!--
function exporter() {
var choix=document.getElementById("valeur");
window.opener.document.forms["testform"].elements["titre"].value=choix;
}
-->
</script>
</head>
<body>
<div style="text-align: center;">
<form>
<p><input type="text" value="" id="valeur" name="valeur" /></p>
<p><input type="button" value="renvoyer" onclick="exporter();" /></p>
</form>
</div>
</body>
</html>
Et le message de la console de firefox:Erreur : uncaught exception: Permission refusée d'obtenir la propriété HTMLDocument.forms
Jai fais pas mal de tests mais sans résultats :(
Si quelqu'un a une idée car je sèche là!
Amicalement, AigleNoir [:)]