Avatar billede mailand Nybegynder
14. maj 2004 - 16:08 Der er 8 kommentarer og
1 løsning

Print indhold af DIV

roenving har tidligere hjulpet mig med følgende konstruktion, hvor jeg ønsker at udskrive indholdet af en div, samt de style elementer, der hører med under den div, hvis indhold, jeg skal have udskrevet...

konstruktionen, ser således ud:
@media print {
    * {
        display : none;
    }
   
    #contentContainer, #contentContainer * {
        display : block;
        color : blue;
    }
}

MEN, det virker ikke... der kommer ikke noget med på udskriften... Hvis jeg fjerner
    * {display:none;}
Så virker det, men så printer den jo selvfølgelig det hele... Gode råd er velkomne...

#Mailand
Avatar billede skovenborg Nybegynder
14. maj 2004 - 19:12 #1
prøv i stedet:
body * {
  display:none;
}

Bemærk dog at sidens layout godt kan ændre sig lidt når du laver alle elementer inden i #contentContainer om til block-elementer. Det kan give nogle dumme linje-skift, som du så må skifte manuelt (andensteds i stylen)
Avatar billede mailand Nybegynder
15. maj 2004 - 10:42 #2
Det hjaljp desværre ikke... Den bliver ved med bare at spytte et tomt dokument ud... :-(
Avatar billede skovenborg Nybegynder
15. maj 2004 - 12:15 #3
et lille tip er bare at sige Vis Udskrift - så behøver den jo ikke at printe hele tiden ;-)
Avatar billede skovenborg Nybegynder
15. maj 2004 - 12:20 #4
... umiddelbart kan jeg godt få det til at virke med body * (trykker dog også kun Vis Udskrift). Kunne man se et link til siden?
Avatar billede skovenborg Nybegynder
15. maj 2004 - 12:29 #5
Du kan også prøve:
@media print {
    BODY {
      visibility:hidden;
    }
    #contentContainer {
        color : blue;
        visibility:visible;
        position:absolute;
        top:5px;left:5px;
    }

}

Jeg fandt nemlig en fejl i den forrige, som ikke skjulte tekst, der lå direkte indeni body, fx
<body>
Noget tekst (bliver ikke skjult af forrige style)
<div id="contentContainer">Bliver vist</div>
<div>Bliver skjult</div>
Avatar billede mailand Nybegynder
15. maj 2004 - 13:12 #6
du er en helt...!

Jeg havde et problem med nogle javascript menuer (CoolMenu) kom med på udskriften, men det kunne man snyde...

Desværre er siden i udvikling, så jeg kan ikke smide et link her, men hvis du mailer mig på andreas@mailand.dk, kan du få et link.

Her er det, jeg endte med...:

@media print {
    body, .coolMenu1Level0 ,.coolMenu1Level0over {
        visibility : hidden;
    }
    #contentContainer {
        visibility : visible;
        position : absolute;
        top : 0px;
        left : 0px;
    }
   
    #contentContainer * {
        color : black;
    }
}
Avatar billede skovenborg Nybegynder
15. maj 2004 - 13:23 #7
og det virker eller hvad - for hvis det gør så kan det link jo være lige meget.

smider lige et svar :-)
Avatar billede mailand Nybegynder
15. maj 2004 - 13:25 #8
det virker, ja... dog kun i IE ?

Hmm... men du skal da i hvert fald have lidt point.
Avatar billede skovenborg Nybegynder
15. maj 2004 - 13:45 #9
hmm, testede det selv i både opera og mozilla hvor det så ud til at virke fint.
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester