changer le type d un input lors de l impression

Question

bonjour, je voudrais pouvoir faire afficher les caracteres d un champs password, mais juste lors d une impression...Est-ce  possible ?

Merci

jesusonline · Answer

ce n'est pas facilement possible. 



Va falloir que tu fasses ca via javascript, tu ajoutes un petit bouton
imprimer, quand tu cliques dessus, tu changes ton type d'input via
javascript, tu imprimes et tu remet le bon type d'input. 



C'est pas tres compliqu&#233;s, mais c'est pas non plus tres facile, et ca ne marche pas si l'utilisateur fait fichier/imprimer.



Une autre solution consiste &#224; faire ca via les feuilles de styles, tu
met deux champs input, l'un password l'autre non, tu caches celui en
clair via css pour l'ecran, et ensuite dans le css print, tu fais le
contraire ...


<hr>

Cyril  - http://Hoshimi.CodeS-SourceS.fr

Poulipe · Answer

slt et merci et pour le changement dans le css j ai deja ca : pour le type de l input je fais quoi ? .input { type: ' ' } ??????? t as une idee ? je pense faire ta 2eme methode Merci encore

Poulipe · Answer

j ai rajoute dans mon  style :

.test { display: inline} 

et j ai rajoute deux champs style = "display:none" copie des 2 originaux pour le mot de pass
(verification si bien rentre deux fois)

donc mes champs "clone" prennent respectivement les valeurs de leurs originaux

lors de l impression, mes champs originaux sont caches, ils ont la class="button"
et pour mes champs clone, ils ont la classe="test" mais ils n apparaissent toujours pas.. :)

une idee ?
Merci

jesusonline · Answer

Je pense aussi que CSS est la m&#233;illeure m&#233;thode. 

Tu n'as pas besoin de changer le type de l'input avec cette m&#233;thode tu as juste &#224; faire 



 



dans la feuille de style je sais plus comment ca ce passe mais tu n'as qu'a fait un truc du genre 




.pass { display : visible } 


.passdecrypt { display:none }

@medi print {

.passdecrypt { display : visible } 


.pass { display:none }

}




Ensuite tu fais un peu de JS, pour qu'a chaque caract&#232;re tap&#233; dans pass ca te le met dans passdecrypt. 






<hr>

Cyril  - http://Hoshimi.CodeS-SourceS.fr

jesusonline · Answer

J'avais pas vu ton message avant de poster. 



J'ai pas compris ce que tu as fait. tu peux me montrer un bout de code stp.




<hr>

Cyril  - http://Hoshimi.CodeS-SourceS.fr

Changer le type d un input lors de l impression

5 réponses

Votre réponse