Logo GNT
Actualités Tests & Guides Bons Plans
Twitter iPhone pliant OnePlus 11 PS5 Disney+ Orange Livebox Windows 11
Entraide Développement Développement Langage JavaScript [Pb 2 forms] : 2 boutons

[Pb 2 forms] : 2 boutons

5 réponses
Avatar
Vincent BENNER - PERSO
Bonjour,

J'ai une feuille contenant 2 formulaires form1 et form2
Le premier form1 contient un bouton PRINT et le
form2 un bouton RETOUR.

Le bouton PRINT, comme son nom l'indique, permet
d'imprimer la feuille courante...

Le bouton RETOUR est censé permettre de retourner
à main.php

Je voudrais que les 2 boutons soient invisibles lorsque
l'on imprime et que le bouton RETOUR fasse son
boulot, ce qui n'est pas le cas.

Ci joint mon code.

Merci de votre aide,

Vincent


<table align="center" cellpadding="0" cellspacing="0" width="600"
bordercolor="white" bordercolordark="black" bordercolorlight="black">
<tr>
<td>
<form name="form1">
<p><br><input name="Print" class="pure_text_blackcolor"
type="button" id="Print" value="IMPRIMER" onClick="javascript:
window.print(); setTimeout('document.form1.Submit.style.visibility=hidden',
5000);">
</form>
</td>
<td>
<form name="form1" method="post" action="main.php">
<p><br><input name="btnRETOUR" class="pure_text_blackcolor"
type="button" id="RETOUR" value="RETOUR">
</form>
</td>
</tr>
<tr>
<td>&nbsp;
</td>
</tr>
</table>
Signaler un problème avec ce contenu

5 réponses

Supprimer
Cette action est irreversible, confirmez la suppression du commentaire ?
Signaler le commentaire

Veuillez sélectionner un problème

Nudité
Violence
Harcèlement
Fraude
Vente illégale
Discours haineux
Terrorisme
Autre
Avatar
L'ermite
Vincent BENNER - PERSO wrote:
...
Je voudrais que les 2 boutons soient invisibles lorsque
l'on imprime et que le bouton RETOUR fasse son
boulot, ce qui n'est pas le cas.


Un bouton ne peut faire que ce qu'on lui dit de faire!
Les contributeurs de ce newsgroups sont là pour aider à résoudre des problèmes
et répondre à des questions, pas pour faire le travail d'autrui.
En l'occurence, il est regrettable que tu n'ais même pas essayé de faire
fonctionner ton bouton "retour".

<script>
function imprimer()
{
document.getElementById('Print').style.visibility='hidden';
document.getElementById('RETOUR').style.visibility='hidden';
window.print();
}
</script>
<table align="center" cellpadding="0" cellspacing="0" width="600"
bordercolor="white" bordercolordark="black" bordercolorlight="black">
<tr>
<td>
<form name="form1">
<p><br><input name="Print" class="pure_text_blackcolor"
type="button" id="Print" value="IMPRIMER" onClick="javascript:
imprimer(); setTimeout('document.form1.Submit.style.visibility=hidden',
5000);">
</form>
</td>
<td>
<form name="form1" method="post" action="main.php">
<p><br><input name="btnRETOUR" class="pure_text_blackcolor"
type="button" id="RETOUR" value="RETOUR"
onclick="document.location.href='main.php';>
</form>
</td>
</tr>
<tr>
<td>&nbsp;
</td>
</tr>
</table>


--
L'ermite

Avatar
Saad Saad
Salut,

Pourquoi utiliser 2 formulaire ?

le bouton retour
<input type="button" value="retour"
onClick="document.location.href='main.php';">


Je ne pense pas qu'il soit possible de avoir si l'imprimante est en
fonction avec javascript.

pour que ton bouton devienne invisible, ta commande à l'air juste sauf
que ton bouton s'appelle Print et non Submit ;-)

--
Saad Saad


Bonjour,

J'ai une feuille contenant 2 formulaires form1 et form2
Le premier form1 contient un bouton PRINT et le
form2 un bouton RETOUR.

Le bouton PRINT, comme son nom l'indique, permet
d'imprimer la feuille courante...

Le bouton RETOUR est censé permettre de retourner
à main.php

Je voudrais que les 2 boutons soient invisibles lorsque
l'on imprime et que le bouton RETOUR fasse son
boulot, ce qui n'est pas le cas.

Ci joint mon code.

Merci de votre aide,

Vincent


<table align="center" cellpadding="0" cellspacing="0" width="600"
bordercolor="white" bordercolordark="black" bordercolorlight="black">
<tr>
<td>
<form name="form1">
<p><br><input name="Print" class="pure_text_blackcolor"
type="button" id="Print" value="IMPRIMER" onClick="javascript:
window.print(); setTimeout('document.form1.Submit.style.visibility=hidden',
5000);">
</form>
</td>
<td>
<form name="form1" method="post" action="main.php">
<p><br><input name="btnRETOUR" class="pure_text_blackcolor"
type="button" id="RETOUR" value="RETOUR">
</form>
</td>
</tr>
<tr>
<td>&nbsp;
</td>
</tr>
</table>




Avatar
ASM

Merci de votre aide,


tu aurais pu passer par une FdS prévue uniquement pour l'impression
qui aurait caché les boutons

@media print {
#Print, #RETOUR { visibility:hidden; }
}

(ce truc ne marche pas avec mon IE qui veut une FdS externe importée)

<table align="center" cellpadding="0" cellspacing="0" width="600"
bordercolor="white" bordercolordark="black" bordercolorlight="black">


Ha ! Ben ! Bravo ! ça commence bien !
(mon NC4.5 ou mon Mozilla vont savoir en faire qque chose de tous ces borders?)

<tr>
<td>
<form name="form1">
<p><br><input name="Print" class="pure_text_blackcolor"
type="button" id="Print" value="IMPRIMER" onClick="javascript:
window.print(); setTimeout('document.form1.Submit.style.visibility=hidden',
5000);">


Si tu veux cacher le bouton avant d'imprimer ça ne le fera pas ... (5 secondes trop tard !)
et puis (à mon idée) c'est :
setTimeout('document.form1.Print.style.visibility='hidden'',5000);

essayer (pas testé) :

onClick="
document.form1.Print.style.visibility='hidden';
document.getElementById('RETOUR').style.visibility='hidden';
// le bouton de retour n'a qu'un id dans ton code !
window.print();
setTimeout('document.form1.Submit.style.visibility='visible'',500);
setTimeout('document.form2.elements[0].style.visibility='visible'',500);">

</form>
</td>
<td>
<form name="form1" method="post" action="main.php">
<p><br><input name="btnRETOUR" class="pure_text_blackcolor"
type="button" id="RETOUR" value="RETOUR">


non ! type="submit"

</form>
</td>
</tr>
<tr>
<td>&nbsp;
</td>
</tr>
</table>


--
*******************************************************
Stéphane MORIAUX et son vieux Mac
Aide Pages Perso (images & couleurs, formulaire, CHP)
http://perso.wanadoo.fr/stephane.moriaux/internet/
*******************************************************

Avatar
Thibaut Allender
tu aurais pu passer par une FdS prévue uniquement pour l'impression
qui aurait caché les boutons


je trouve que c'est effectivement la meilleure solution.

--
thibaut allender | freelance | http://capsule.org

Avatar
ASM

tu aurais pu passer par une FdS prévue uniquement pour l'impression
qui aurait caché les boutons


je trouve que c'est effectivement la meilleure solution.


Ha oui ! mais où ai-je la tête ? j'avais oublié :

ça ne marche pô non plus avec mon NC 4.5 !



(d'ailleurs le JS donné ne devrait pas non plus marcher avec NC 4.5 )
(si toutefois ça fonctionne avec les autres navigateurs ?)

--
*******************************************************
Stéphane MORIAUX et son vieux Mac
Aide Pages Perso (images & couleurs, formulaire, CHP)
http://perso.wanadoo.fr/stephane.moriaux/internet/
*******************************************************