Rechercher : dans
Par :

Imprimer un div javascript/CSS

Dernière réponse le 2 jun 2009 à 10:26:16 Archeus01, le 29 mai 2009 à 12:05:54 
 Signaler ce message aux modérateurs

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

Meilleures réponses pour « Imprimer un div javascript/CSS » dans :
Popup en CSS, sans Javascript VoirVoici comment réaliser une popup d'information en pure CSS, sans Javascript. L'astuce est d'utiliser :hover de manière à utiliser des CSS différents au passage du curseur. Parmis les attributs CSS modifiés, on utilise display:none afin de...
Différence entre display:none et visibility:hidden VoirLes deux attributs CSS display:none et visibility:hidden permettent tous deux de masquer l'affichage d'un élément en CSS dans le navigateur. Néanmoins, il existe une subtile nuance : visibility: hidden rend le bloc concerné invisible....
Javascript - Librairies d'effets pour vos images VoirAu gré de vos explorations du web, vous avez vu de superbes effets de présentation des images. Et ça vous plairaît bien de pouvoir proposer les mêmes à vos visiteurs. Voici quelques solutions en Javascript couplées à des CSS. Elles sont plus...
Télécharger Firstpage VoirFirst Page 2006 est un éditeur html gratuit et excellent. Il permet de travailler un code HTML en couleur, ainsi que de prévisualiser le site. 1st Page 2006 supporte les standards HTML, XHTML, PHP, ASP, Cold Fusion, Javascript, CSS, SSI et Perl.

1

pyschopathe, le 29 mai 2009 à 12:14:15
  • +2

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 */
}

Répondre à pyschopathe

2

Archeus01, le 29 mai 2009 à 13:52:26

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...

Répondre à Archeus01

3

pyschopathe, le 29 mai 2009 à 14:36:04
  • +2

* -> sélectionne tous les éléments
display: none -> leur applique le style display: none

Répondre à pyschopathe

4

Archeus01, le 29 mai 2009 à 16:04:17

Merci pyschopathe!
Post résolu.

Répondre à Archeus01

5

 pyschopathe, le 2 jun 2009 à 10:26:16

De rien, bonne continuation.

Répondre à pyschopathe