Imprimer un div javascript/CSS

Résolu/Fermé
Archeus01 Messages postés 1567 Date d'inscription mercredi 3 octobre 2007 Statut Membre Dernière intervention 9 juin 2022 - 29 mai 2009 à 12:05
pyschopathe Messages postés 1973 Date d'inscription dimanche 2 mars 2008 Statut Membre Dernière intervention 22 mars 2010 - 2 juin 2009 à 10:26
Bonjour,
J'aimerais imprimer un seul div dans une page contenant de nombreux éléments, j'entends parler de
<link rel="stylesheet" type="text/css" src="impression.css" media="print" />... Le truc c'est que tout n'est que tout doit être hidden SAUF un élement dans mon cas... Comment je peux faire ça?
A voir également:

1 réponse

pyschopathe Messages postés 1973 Date d'inscription dimanche 2 mars 2008 Statut Membre Dernière intervention 22 mars 2010 135
29 mai 2009 à 12:14
Tu fais un fichier css contenant quelque chose comme ça :
/* On cache tout */
* {
  display: none;
  /* ou visibility: hidden; selon le résultat que tu veux obtenir */
}
/* On affiche le div */
div#id_de_ton_div {
  display: block;
  /* ou visibility: visible; selon ce que tu as choisi précédemment */
  /* style de ton div */
}
/* On affiche les enfants du div */
div#id_de_ton_div * {
  display: block;
  /* ou visibility: visible; selon ce que tu as choisi précédemment */
}
5
Archeus01 Messages postés 1567 Date d'inscription mercredi 3 octobre 2007 Statut Membre Dernière intervention 9 juin 2022 447
29 mai 2009 à 13:52
C'est cette partie la que j'ai du mal à faire :

/* On cache tout */
* {
display: none;
/* ou visibility: hidden; selon le résultat que tu veux obtenir */
}
Parce que haut de la page mal faite et difficilement modifiable.

Enfin bon, j'ai fait autrement : on affiche dans une page juste l'élément (php -> reconstruit cet élement), impression puis fermeture page.

Toutefois, je suis intéressé si quelqu'un sait comment on peut tout cacher facilement ^^ pour ma culture G ou la prochaine fois/voir je peux modifier ce que j'ai fait...
0
pyschopathe Messages postés 1973 Date d'inscription dimanche 2 mars 2008 Statut Membre Dernière intervention 22 mars 2010 135 > Archeus01 Messages postés 1567 Date d'inscription mercredi 3 octobre 2007 Statut Membre Dernière intervention 9 juin 2022
29 mai 2009 à 14:36
* -> sélectionne tous les éléments
display: none -> leur applique le style display: none
0
Archeus01 Messages postés 1567 Date d'inscription mercredi 3 octobre 2007 Statut Membre Dernière intervention 9 juin 2022 447 > pyschopathe Messages postés 1973 Date d'inscription dimanche 2 mars 2008 Statut Membre Dernière intervention 22 mars 2010
29 mai 2009 à 16:04
Merci pyschopathe!
Post résolu.
0
pyschopathe Messages postés 1973 Date d'inscription dimanche 2 mars 2008 Statut Membre Dernière intervention 22 mars 2010 135 > Archeus01 Messages postés 1567 Date d'inscription mercredi 3 octobre 2007 Statut Membre Dernière intervention 9 juin 2022
2 juin 2009 à 10:26
De rien, bonne continuation.
0