Imprimer un div javascript/CSS

Résolu

Archeus01 -

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?

Configuration: Windows XP
Firefox 3.0

Afficher la suite

1 réponse

Réponse 1 / 1 - Meilleure réponse
La meilleure réponse est la réponse qui a été validée par nos équipes.
pyschopathe
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
1. Archeus01 Auteur
  
  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
2. pyschopathe
  
  @Archeus01* -> sélectionne tous les éléments
  display: none -> leur applique le style display: none
  
  0
3. Archeus01 Auteur
  
  @pyschopatheMerci pyschopathe!
  Post résolu.
  
  0
4. pyschopathe
  
  @Archeus01De rien, bonne continuation.
  
  0

Imprimer un div javascript/CSS

1 réponse

Discussions similaires

Newsletters