Bonjour,
J'ai une page avec un formulaire et le résultat s'affiche dans un popup. Mais malheureusement mes réponses n'affiche plus.
Auparavant mon formulaire fonctionnait un name et l'affichage était bonne, j'ai modifié mon code afin de la faire afficher avec le ID du formulaire... mais ca ne fonctionne plus
.
J'ai mis que le formulaire c'est un peu long mais il y a que l'essentiel. Je n'y vois plus clair.
Page Formulaire.
Page popup du résultat:
Modifié par britanicus75 (02 Feb 2009 - 19:59)
J'ai une page avec un formulaire et le résultat s'affiche dans un popup. Mais malheureusement mes réponses n'affiche plus.
Auparavant mon formulaire fonctionnait un name et l'affichage était bonne, j'ai modifié mon code afin de la faire afficher avec le ID du formulaire... mais ca ne fonctionne plus
.J'ai mis que le formulaire c'est un peu long mais il y a que l'essentiel. Je n'y vois plus clair.
Page Formulaire.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">
<head>
<title>titre</title>
<script type="text/javascript">
function affichage() {
window.open('resultat.html','NouvelleFenetre'+Math.floor(Math.random()*9999), 'toolbar=yes,status=no,scrollbars=1,width=800,height=700');
}
function checkCity(myobj){
if(myobj*1 == 9)
document.getElementById('animauxDiv').style.display = 'block';
else
document.getElementById('animauxDiv').style.display = 'none';
}
</script>
</head>
<body>
<form action="" method="post" enctype="text/plain" id="formulaire1">
<label>Animal :</label>
<select name="animal">
<option value="" selected="selected">Choisir</option>
<option value="chat">chat</option>
<option value="chien">chien</option>
</select>
<br />
<label>Sexe :</label>
<select name="sexe">
<option value="" selected="selected">Choisir</option>
<option value="mâle">mâle</option>
<option value="femelle">femelle</option>
</select>
<br />
<label>Sterile :</label>
<select name="ster">
<option value="" selected="selected">Choisir</option>
<option value="1">oui</option>
<option value="2">non</option>
</select>
<br />
<label>Prénom :</label>
<input name="prenom">
<br />
<label>Nom :</label>
<input name="nom">
<br />
<label>Adresse :</label>
<input name="adresse">
<br />
<label>Ville :</label>
<select name="ville" onchange="checkCity(this[this.selectedIndex].value);">
<option value="" selected="selected">Choisir</option>
<option value="1">Beloeil</option>
<option value="2">Brossard</option>
<option value="3">Carignan</option>
<option value="4">Chambly</option>
<option value="5">Greenfield Park</option>
<option value="6">Lemoyne</option>
<option value="7">Longueuil</option>
<option value="8">MarieVille</option>
<option value="9">McMasterville</option>
<option value="10">Otterburn Park</option>
<option value="12">Saint-Antoine-sur-le-Richelieu</option>
<option value="13">Ste-Julie</option>
<option value="14">St-Amable</option>
<option value="15">St-Lambert</option>
<option value="17">St-Blaise sur le Richelieu</option>
<option value="18">St-Bruno</option>
<option value="19">St-Hilaire</option>
<option value="20">St-Hubert</option>
<option value="21">St-Marc sur le Richelieu</option>
<option value="22">St-Mathias</option>
<option value="23">St-Mathieu de Beloeil</option>
<option value="24">St-Paul de l'Île au Noix </option>
<option value="25">Varennes</option>
</select>
<br />
<div id="animauxDiv" style="display: none;">
<label>Cette licence est pour votre 1<sup>er</sup> ou 2<sup>e</sup> animal :</label>
<select name="numanimaux">
<option value="" selected="selected">Choisir</option>
<option value="1">1er</option>
<option value="2">2e</option>
</select>
<br />
</div>
<label>Téléphone résidentiel :</label>
<input name="telephone">
<br />
<label>Téléphone cell :</label>
<input name="telephone2">
<br />
<label>Téléphone autre :</label>
<input name="telephone3">
<br />
<label>Nom de l'animal :</label>
<input name="nom_animal">
<br />
<label>Race :</label>
<input name="race">
<br />
<label>Couleur :</label>
<input name="couleur">
<div class="clear"></div>
<input value="Afficher" onclick="affichage();" class="bouton" type="button">
<input value="Effacer" class="bouton" type="reset">
</form>
</body>
</html>
Page popup du résultat:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">
<head>
<title>titre</title>
</head>
<body>
<input value="Imprimer cette page" onclick="window.print()" class="bouton" type="button">
<script type="text/javascript">
var montantApayer = 0;
var animale = window.opener.document.getElementById('formulaire1').animal.value;
var sterile = window.opener.document.getElementById('formulaire1').ster.value;
var laville = window.opener.document.getElementById('formulaire1').ville.value;
var nomville = '';
var nombreAnimaux = '';
switch(laville*1){
case 1:
nomville = 'Beloeil';
montantApayer = 15;
break;
case 2:
nomville = 'Brossard';
// faut valider sterile
if(sterile == ''){
montantApayer = 'SVP choisir si votre animal est stérile';
}
if(sterile == 1){
montantApayer = 20;
}
if(sterile == 2){
montantApayer = 30;
}
break;
case 3:
nomville = 'Carignan';
montantApayer = 15;
break;
case 4:
nomville = 'Chambly';
montantApayer = 20;
break;
case 5:
nomville = 'Greenfield Park';
montantApayer = 25;
break;
case 6:
nomville = 'Lemoyne';
montantApayer = 25;
break;
case 7:
nomville = 'Longueuil';
montantApayer = 25;
break;
case 8:
nomville = 'MarieVille';
montantApayer = 15;
break;
case 9:
nomville = 'McMasterville';
if(window.opener.document.getElementById('formulaire1').numanimaux.value*1 == 1){
montantApayer = 10;
nombreAnimaux = 'premier';
}
if(window.opener.document.getElementById('formulaire1').numanimaux.value*1 == 2){
montantApayer = 20;
nombreAnimaux = 'deuxieme';
}
if(window.opener.document.getElementById('formulaire1').numanimaux.value*1 == ''){
montantApayer = 'Erreur';
nombreAnimaux = 'Choisi le nombre d\'animaux';
}
break;
case 10:
nomville = 'Otterburn Park';
montantApayer = 16;
break;
/*case 11:
nomville = 'Richelieu';
montantApayer = 'Veuillez contacter votre ville';
break;*/
case 12:
nomville = 'Saint-Antoine-sur-le-Richelieu';
montantApayer = 15;
break;
case 13:
nomville = 'Ste-Julie';
montantApayer = 20;
break;
case 14:
nomville = 'St-Amable';
montantApayer = 25;
break;
case 15:
nomville = 'St-Lambert';
// faut valider chat/chien
if(animale == ''){
montantApayer = 'SVP choisir votre animale';
}
if(animale == 'chat'){
montantApayer = 15;
}
if(animale == 'chien'){
montantApayer = 25;
}
break;
/*case 16:
nomville = 'St-Basile Le Grand';
montantApayer = 15;
break;*/
case 17:
nomville = 'St-Blaise sur le Richelieu';
montantApayer = 15;
break;
case 18:
nomville = 'St-Bruno';
// faut valider sterelise
if(sterile == ''){
montantApayer = 'SVP choisir si votre animal est stérile';
}
if(sterile == 1){
montantApayer = 15;
}
if(sterile == 2){
montantApayer = 25;
}
break;
case 19:
nomville = 'St-Hilaire';
// faut valider chat/chien
if(animale == ''){
montantApayer = 'SVP choisir votre animale';
}
if(animale == 'chat'){
montantApayer = 5;
}
if(animale == 'chien'){
montantApayer = 20;
}
break;
case 20:
nomville = 'St-Hubert';
montantApayer = 25;
break;
case 21:
nomville = 'St-Marc sur le Richelieu';
montantApayer = 15;
break;
case 22:
nomville = 'St-Mathias';
montantApayer = 15;
break;
case 23:
nomville = 'St-Mathieu de Beloeil';
montantApayer = 15;
break;
case 24:
nomville = 'St-Paul de l\'Île au Noix ';
montantApayer = 15;
break;
case 25:
nomville = 'Varennes';
montantApayer = 15;
break;
}
document.write("<p class='red'><strong>Montant à payer pour "+nomville+" : " + montantApayer + "$</strong></p>");
document.write("<p>Animal : <span>" + window.opener.document.getElementById('formulaire1').animal.value + "</span></p>");
document.write("<p>Sexe : <span>" + window.opener.document.getElementById('formulaire1').sexe.value + "</span></p>");
document.write("<p>Stérile : <span>");
if(window.opener.document.getElementById('formulaire1').ster.value*1 == 1){
document.write("Oui");
}
if(window.opener.document.getElementById('formulaire1').ster.value*1 == 2){
document.write("Non");
}
document.write("</span></p>");
document.write("<p>Prénom : <span>" + window.opener.document.getElementById('formulaire1').prenom.value + "</span></p>");
document.write("<p>Nom : <span>" + window.opener.document.getElementById('formulaire1').nom.value + "</span></p>");
document.write("<p>Adresse : <span>" + window.opener.document.getElementById('formulaire1').adresse.value + "</span></p>");
document.write("<p>Téléphone résidentiel : <span>" + window.opener.document.getElementById('formulaire1').telephone.value + "</span></p>");
document.write("<p>Téléphone cell : <span>" + window.opener.document.getElementById('formulaire1').telephone2.value + "</span></p>");
document.write("<p>Téléphone autre : <span>" + window.opener.document.getElementById('formulaire1').telephone3.value + "</span></p>");
document.write("<p>Nom de l'animal : <span>" + window.opener.document.getElementById('formulaire1').nom_animal.value + "</span></p>");
if(nombreAnimaux != ''){
document.write("<p>Licence pour : <span> "+nombreAnimaux+" </span></p>");
}
document.write("<p>Race : <span>" + window.opener.document.getElementById('formulaire1').race.value + "</span></p>");
document.write("<p>Couleur : <span>" + window.opener.document.getElementById('formulaire1').couleur.value + "</span></p>");
</script><p class="red"><strong>Montant à payer pour : 0$</strong></p><p>Animal : <span></span></p><p>Sexe : <span></span></p><p>Stérile : <span></span></p><p>Prénom : <span></span></p><p>Nom : <span></span></p><p>Adresse : <span></span></p><p>Téléphone résidentiel : <span></span></p><p>Téléphone cell : <span></span></p><p>Téléphone autre : <span></span></p><p>Nom de l'animal : <span></span></p><p>Race : <span></span></p><p>Couleur : <span></span></p>
</body>
</html>
Modifié par britanicus75 (02 Feb 2009 - 19:59)