Imprimer un div javascript/CSS

Résolu

Archeus01 Messages postés 1566 Date d'inscription Statut Membre Dernière intervention -
pyschopathe Messages postés 2053 Statut Membre - 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?

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 Messages postés 2053 Statut Membre 137
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 Messages postés 1566 Date d'inscription Statut Membre Dernière intervention 455
  
  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
  1. pyschopathe Messages postés 2053 Statut Membre 137 > Archeus01 Messages postés 1566 Date d'inscription Statut Membre Dernière intervention
    
    * -> sélectionne tous les éléments
    display: none -> leur applique le style display: none
    
    0
  2. Archeus01 Messages postés 1566 Date d'inscription Statut Membre Dernière intervention 455 > pyschopathe Messages postés 2053 Statut Membre
    
    Merci pyschopathe!
    Post résolu.
    
    0
  3. pyschopathe Messages postés 2053 Statut Membre 137 > Archeus01 Messages postés 1566 Date d'inscription Statut Membre Dernière intervention
    
    De rien, bonne continuation.
    
    0

Imprimer un div javascript/CSS

1 réponse

Discussions similaires

Newsletters