/ Forside / Teknologi / Udvikling / Java Scripts / Nyhedsindlæg
Login
Glemt dit kodeord?
Brugernavn

Kodeord


Reklame
Top 10 brugere
Java Scripts
#NavnPoint
molokyle 5410
Klaudi 2799
smorch 2439
kim 1360
Harlekin 1134
bentjuul 984
gibson 800
severino 695
Random 675
10  konsulent.. 626
Print af delsektion på side
Fra : Anders K. Jacobsen


Dato : 13-01-05 20:11

Hejsa.

Jeg har en side hvor der på midten er en DIV der indholder det jeg ønsker at
printe ud. Menu´er osv vil jeg meget gerne undvære.

Kan man på en eller anden måde "hoppe" ind i DOM´en (på div´s ID tag) og få
printet den "delstruktur" denne div indeholder?

Nogen forsalg? Siden er nemlig ikke "godt nok" stylet til at kunne lave CSS
sig ud af det.

Mvh
Anders



 
 
inga schmidt (13-01-2005)
Kommentar
Fra : inga schmidt


Dato : 13-01-05 21:00

Anders K. Jacobsen wrote in dk.edb.internet.webdesign.html:
> Jeg har en side hvor der på midten er en DIV der indholder det jeg ønsker at
> printe ud. Menu´er osv vil jeg meget gerne undvære.
>
> Nogen forsalg? Siden er nemlig ikke "godt nok" stylet til at kunne lave CSS
> sig ud af det.
>
Den nemme løsning er at kopiere det, du vil printe ud, over i f.eks. et
word-dokument, som så kan printes ud.

--
Mvh Inga
www.initiaweb.dk

--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

Anders K. Jacobsen (13-01-2005)
Kommentar
Fra : Anders K. Jacobsen


Dato : 13-01-05 21:20

> Den nemme løsning er at kopiere det, du vil printe ud, over i f.eks. et
> word-dokument, som så kan printes ud.

Ja. Men nu er det myntet på en mere permant løsning så den du ikke rigtig.

Ellers ser min struktur forsimplet sådan ud:

<table class="ThisTableShouldNotBePrintedOnlyTheDIVInside">
<tr>
<td>Some text</td>
<td>
<div id="printMeOnly">THIS TEXT SHOULD BE PRINTED</div>
</td>
</tr>
</table>

Anders



Erik Ginnerskov (13-01-2005)
Kommentar
Fra : Erik Ginnerskov


Dato : 13-01-05 22:34

Anders K. Jacobsen wrote:

> Ellers ser min struktur forsimplet sådan ud:
>
> <table class="ThisTableShouldNotBePrintedOnlyTheDIVInside">
> <tr>
> <td>Some text</td>
> <td>
> <div id="printMeOnly">THIS TEXT SHOULD BE PRINTED</div>
> </td>
> </tr>
> </table>

Den burde være simpel at css'e sig ud af. Lav en print.css, hvor du
definerer, at første celle ikke vises og at anden celle overtager hele
pladsen:

#td1 {
display:none;
}
#printMeOnly {
width:100%;
}

> <td id="td1">Some text</td>
> <td>
> <div id="printMeOnly">THIS TEXT SHOULD BE PRINTED</div>
> </td>

--
Med venlig hilsen
Erik Ginnerskov
http://hjemmesideskolen.dk - http://html-faq.dk
http://ginnerskov.frac.dk



Anders K. Jacobsen (13-01-2005)
Kommentar
Fra : Anders K. Jacobsen


Dato : 13-01-05 23:32

> #td1 {
> display:none;
> }
> #printMeOnly {
> width:100%;
> }
>
>> <td id="td1">Some text</td>
>> <td>
>> <div id="printMeOnly">THIS TEXT SHOULD BE PRINTED</div>
>> </td>

Men det er det åbenbart ikke. For når jeg skjuler td1 i mit print.css bliver
<div id="printMeOnly"> også skjult. Og det er fuldstændig lige megat hvad
jeg gør i

#printMeOnly {
width:100%;
}

Den bliver ikke vist, og det er nok fordi den er nested inde i en td der er
skjult og som åbenbart har præcedens.

Har også prøvet
#printMeOnly {
width:100%;
display: block;
}

Men det virker ikke: Hvis nogen kan vise mig noget kode hvor en div der er
inde i en tabel og hvor kun selve den div der er inde i den der skal vises
bliver jeg meget glad. Synes snart jeg har prøvet ALT. Men altid når det
uden om skjules på print tyger min indevendige DIV med.

Anders



Erik Ginnerskov (14-01-2005)
Kommentar
Fra : Erik Ginnerskov


Dato : 14-01-05 00:04

Anders K. Jacobsen wrote:

> Men det er det åbenbart ikke. For når jeg skjuler td1 i mit print.css
> bliver <div id="printMeOnly"> også skjult. Og det er fuldstændig lige
> megat hvad jeg gør

Så måske du skulle skrotte den ydre tabel. Se her, hvordan du også kan
arrangere dit sideindhold med en venstre kolonne til f.eks. <div id="menu">
og en højre til en <div id="indhold">:

http://hjemmesideskolen.dk/html/float.asp#menu

Og her er vist, hvordan du laver det 'printervenligt':

http://html-faq.dk/2012.asp

--
Med venlig hilsen
Erik Ginnerskov
http://hjemmesideskolen.dk - http://html-faq.dk
http://ginnerskov.frac.dk



Knud Gert Ellentoft (13-01-2005)
Kommentar
Fra : Knud Gert Ellentoft


Dato : 13-01-05 21:24

Anders K. Jacobsen skrev:

>Kan man på en eller anden måde "hoppe" ind i DOM´en (på div´s ID tag) og få
>printet den "delstruktur" denne div indeholder?
>
>Nogen forsalg? Siden er nemlig ikke "godt nok" stylet til at kunne lave CSS
>sig ud af det.

Smide hele indholdet i en stor div, som ved media:="screen"
bliver vist med display: block og ved media="print" ikke bliver
vist med display: none og så en undtagelse for den div, som du
vil ha' printet, den bliver så også vist med display: block ved
media:="print".

Det er jo helt uafhængigt af om resten er lavet med css eller ej.
--
Knud
Topposter du svar, så ryger du på min ignoreringsliste.
Svar under det du citerer og citer kun det du svarer på - tak.
http://usenet.dk/netikette/citatteknik.html

Anders K. Jacobsen (13-01-2005)
Kommentar
Fra : Anders K. Jacobsen


Dato : 13-01-05 21:37

> Smide hele indholdet i en stor div, som ved media:="screen"
> bliver vist med display: block og ved media="print" ikke bliver
> vist med display: none og så en undtagelse for den div, som du
> vil ha' printet, den bliver så også vist med display: block ved
> media:="print".

Men når jeg nu skjuler det hele vil det at vise den div inden i det skjulte
jo ikke komme frem da den alligevel er inde i noget der er skjult. Er jeg
forkert på den?

Anders



Ryan Kristensen (13-01-2005)
Kommentar
Fra : Ryan Kristensen


Dato : 13-01-05 22:05

On Thu, 13 Jan 2005 21:37:20 +0100, Anders K. Jacobsen <none@at.all> wrote:

> Men når jeg nu skjuler det hele vil det at vise den div inden i det
> skjulte
> jo ikke komme frem da den alligevel er inde i noget der er skjult. Er jeg
> forkert på den?

Det er lidt problematisk med en tabel, da IE ikke forstår display:table
cell.
Men du kan prøve:
td {
display:none;
}
#printMeOnly {
display:block;
}

i dit print css.
--
Ryan Kristensen

Anders K. Jacobsen (13-01-2005)
Kommentar
Fra : Anders K. Jacobsen


Dato : 13-01-05 22:36

> Det er lidt problematisk med en tabel, da IE ikke forstår display:table
> cell.
> Men du kan prøve:
> td {
> display:none;
> }
> #printMeOnly {
> display:block;
> }
>
> i dit print css.

Nu er der bare den lille findte at der er altmuligt skrammel inde i den DIV
der skal printes incl. tabeller. Det er fatisk en ASP.NET datagrid som
pruducere en masse tabeller og divs.

Den ydre div som hvis indhold skal printes bruges blot som placeholder så og
sige.

Anders



Ryan Kristensen (13-01-2005)
Kommentar
Fra : Ryan Kristensen


Dato : 13-01-05 23:51

On Thu, 13 Jan 2005 22:36:25 +0100, Anders K. Jacobsen <none@at.all> wrote:

> Nu er der bare den lille findte at der er altmuligt skrammel inde i den
> DIV
> der skal printes incl. tabeller. Det er fatisk en ASP.NET datagrid som
> pruducere en masse tabeller og divs.
>
> Den ydre div som hvis indhold skal printes bruges blot som placeholder
> så og
> sige.

Hvad med at give de td der skal skjules en klasse?
f.eks.:
<table><tr>
<td class="skjul">dette bliver ikke udskrvet</td>
<td><div>dette bliver udskrvet</div></td>
</tr>
</table>

og så i dit print css:
..skjul {
display:none;
}

--
Ryan Kristensen

Anders K. Jacobsen (14-01-2005)
Kommentar
Fra : Anders K. Jacobsen


Dato : 14-01-05 00:12

> Hvad med at give de td der skal skjules en klasse?
> f.eks.:
> <table><tr>
> <td class="skjul">dette bliver ikke udskrvet</td>
> <td><div>dette bliver udskrvet</div></td>
> </tr>
> </table>
>
> og så i dit print css:
> .skjul {
> display:none;
> }

Simpelt, lidt grimt, men effektivt! Takker Ryan.!

God nat :)



Erik Ginnerskov (14-01-2005)
Kommentar
Fra : Erik Ginnerskov


Dato : 14-01-05 00:35

Anders K. Jacobsen wrote:

> Simpelt, lidt grimt, men effektivt!

Den må du lige forklare lidt nærmere. Da jeg kl. 22:34 foreslog præcis det
samme, kunne det ikke bruges.

--
Med venlig hilsen
Erik Ginnerskov
http://hjemmesideskolen.dk - http://html-faq.dk
http://ginnerskov.frac.dk



Anders K. Jacobsen (14-01-2005)
Kommentar
Fra : Anders K. Jacobsen


Dato : 14-01-05 01:47

> Den må du lige forklare lidt nærmere. Da jeg kl. 22:34 foreslog præcis det
> samme, kunne det ikke bruges.

Ja det må du sgu nok sige. Kigge lige på det kode jeg kørte da dit fejlede.
Det var fordi jeg linkede til det forkerte stylesheet. Havde et print og et
screen. Kan da godt se det PRÆCIS var det samme du forslog.

Måske skal man lære at kigge på det man laver.

Når også tak for hjælpen til dig.

Anders Jacobsen



Knud Gert Ellentoft (13-01-2005)
Kommentar
Fra : Knud Gert Ellentoft


Dato : 13-01-05 22:12

Anders K. Jacobsen skrev:

>Men når jeg nu skjuler det hele vil det at vise den div inden i det skjulte
>jo ikke komme frem da den alligevel er inde i noget der er skjult. Er jeg
>forkert på den?

Det burde det ikke, har ikke så megen tid nu, men kig på en
gammel side jeg lavede:

http://home13.inet.tele.dk/smedpark/mediaprint/

Det er omvendt af, hvad du ønsker, men det skulle jo bare være at
bytte om på hvad der skal printes og hvad der skal vises på
skærm.
--
Knud
Topposter du svar, så ryger du på min ignoreringsliste.
Svar under det du citerer og citer kun det du svarer på - tak.
http://usenet.dk/netikette/citatteknik.html

Søg
Reklame
Statistik
Spørgsmål : 177552
Tips : 31968
Nyheder : 719565
Indlæg : 6408847
Brugere : 218887

Månedens bedste
Årets bedste
Sidste års bedste