IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

Impression div deroulante


Sujet :

JavaScript

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre averti
    Inscrit en
    Décembre 2010
    Messages
    41
    Détails du profil
    Informations forums :
    Inscription : Décembre 2010
    Messages : 41
    Par défaut Impression div deroulante
    Bonjour,

    Dans une page html, une div (include de php) a hauteur limitée qui s'affiche
    avec une scrollbar verticale (et non horizontale), si l'overflow le nécessite.

    Je contrôle parfaitement les tags 'print" "noprint" par css.

    Question: comment faire que "onclick="javascript:window.print();",
    ou un autre script...

    imprime TOUT le contenu de la div à barre verticale déroulante et pas uniquement ce qui est visible à l'écran.?

    Merci.

    Cordialement @ tous.

    -= GDLM =-

  2. #2
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 659
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 75
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 659
    Billets dans le blog
    1
    Par défaut
    modifie le css overflow auto et le height dans le media print
    Ma page Developpez - Mon Blog Developpez
    Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
    Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
    Votre post est résolu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de Développez !

  3. #3
    Membre averti
    Inscrit en
    Décembre 2010
    Messages
    41
    Détails du profil
    Informations forums :
    Inscription : Décembre 2010
    Messages : 41
    Par défaut
    Bien...

    Merci pour la réponse super flash...

    J'ai fait:
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
     
    #madiv{ overflow-x: hidden !important; overflow-y: auto !important;  }
     
    et:
     
    @media print
    	{    .noPrint{ display: none; }
      		 .yesPrint{ display: block !important; }
      		 .yesPrintHeight { height: auto !important } 
              }
    Ben ça marche pas...

  4. #4
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 659
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 75
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 659
    Billets dans le blog
    1
    Par défaut
    et la modification de l'overflow ?
    Ma page Developpez - Mon Blog Developpez
    Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
    Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
    Votre post est résolu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de Développez !

  5. #5
    Membre averti
    Inscrit en
    Décembre 2010
    Messages
    41
    Détails du profil
    Informations forums :
    Inscription : Décembre 2010
    Messages : 41
    Par défaut
    Merci de changer de lunettes...

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    #madiv{ overflow-x: hidden !important; overflow-y: auto !important;  }
    A moinssss que je me gourje???

  6. #6
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 659
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 75
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 659
    Billets dans le blog
    1
    Par défaut
    heu ben oui...
    en media print faut virer l'overflow auto ...
    Ma page Developpez - Mon Blog Developpez
    Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
    Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
    Votre post est résolu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de Développez !

  7. #7
    Membre averti
    Inscrit en
    Décembre 2010
    Messages
    41
    Détails du profil
    Informations forums :
    Inscription : Décembre 2010
    Messages : 41
    Par défaut
    Bon, je comprend vite mais faut m'expliquer longtemps...

    En faisant:

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    @media print
    	{   .noPrint{ display: none; }
      		 .yesPrint{ display: block !important; }
      		 #madiv{ height: auto !important; } 
    	}
    	
    @media screen
    	{	.noPrint{ display: block; }
      		.yesPrint{ display: block !important; }  		
      		#madiv{ float: right; width: 920px; height: 600px;  overflow: auto; border: thin #0099FF solid; } 
    	}
    Cela marche trois pécables...

    Merci pour l'aide.

    Cordialement.

    -= GDLM =-

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. impression personnalisée de DIV
    Par nicerico dans le forum Général JavaScript
    Réponses: 2
    Dernier message: 28/03/2007, 11h28
  2. [impression] contenu d'un div
    Par bakonu dans le forum Général JavaScript
    Réponses: 6
    Dernier message: 16/03/2007, 11h50
  3. [AJAX] Liste déroulante pour afficher les informations en ajax div ?
    Par rob2-9 dans le forum Général JavaScript
    Réponses: 13
    Dernier message: 17/11/2006, 09h06
  4. [xhtml/css]Problème d'impression de div (tous navig.)
    Par 2Eurocents dans le forum Mise en page CSS
    Réponses: 3
    Dernier message: 26/09/2006, 09h54
  5. impression d'une balise div
    Par nemya dans le forum Balisage (X)HTML et validation W3C
    Réponses: 2
    Dernier message: 25/01/2006, 01h27

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo