par
Cyrano » 29 sept. 2006, 23:02
J'aurais bien une suggestion, si tu te sens d'attaque pour envisager la question avec un style CSS et du JavaScript un poil plus avancé :
L'idée générale est fondée sur un gestionnaire d'évènement : au clic du choix du genre masculin ou féminin, tu pourrais appeler une fonction envoyant la valeur sélectionnée et ta fonction ferait un innerHTML : mais le truc consisterait à coupler ça avec deux feuilles de style.
- la première pour l'écran (media="screen" dans une balise <link>)
- la seconde pour l'impression (media="print" dans une balise <link>)
à partir de là, deux classes spécifiques : l'une, par exemple class="ecran" et l'autre class="impression" : Ton formulaire à l'écran affichera toujours les boutons radio, ils devront avoir la première classe, mais à l'impression, les boutons n'apparaîtront pas et ce sera par exemple un paragraphe <p></p> qui contiendra "homme" ou "femme" selon le choix. Ce paragraphe aura donc la classe CSS "print"
Dans ta feuille de style, tu aura pour celle destinée à l'écran :
Et logiquement dans celle destinée à l'impression :
J'ai pas testé, mais je suis quasiment certain que ça peut fonctionner très bien

J'aurais bien une suggestion, si tu te sens d'attaque pour envisager la question avec un style CSS et du JavaScript un poil plus avancé :
L'idée générale est fondée sur un gestionnaire d'évènement : au clic du choix du genre masculin ou féminin, tu pourrais appeler une fonction envoyant la valeur sélectionnée et ta fonction ferait un innerHTML : mais le truc consisterait à coupler ça avec deux feuilles de style.
- la première pour l'écran (media="screen" dans une balise <link>)
- la seconde pour l'impression (media="print" dans une balise <link>)
à partir de là, deux classes spécifiques : l'une, par exemple class="ecran" et l'autre class="impression" : Ton formulaire à l'écran affichera toujours les boutons radio, ils devront avoir la première classe, mais à l'impression, les boutons n'apparaîtront pas et ce sera par exemple un paragraphe <p></p> qui contiendra "homme" ou "femme" selon le choix. Ce paragraphe aura donc la classe CSS "print"
Dans ta feuille de style, tu aura pour celle destinée à l'écran :
[code].impression {display: none}[/code]
Et logiquement dans celle destinée à l'impression :
[code].ecran {display: none}[/code]
J'ai pas testé, mais je suis quasiment certain que ça peut fonctionner très bien :)