Avatar billede webpassion.dk Novice
11. januar 2006 - 06:17 Der er 15 kommentarer og
1 løsning

kode til print tekst

Jeg er lidt grøn på området og har nu længe siddet og bøvlet med at få printet tekst ud på en html side. 
På siden http://www.ilisin.dk/html/miljo.htm har jeg lagt en "print" knap ind, men bruger du den bliver hele siden printet ud, og så skærer den af i højre side af teksten, fordi teksten er indrykket.
Jeg søger en kode, som jeg kan bruge på "print" knappen, så jeg kan printe KUN teksten ud samt billeder dvs. fra "Række 3" i koden til slut - dvs til <!-- #EndEditable -->

Hvis jeg kan få jer til at angive, hvordan hele koden skal se ud til sidst, for jeg kan ikke finde ud af det, og kunden venter.  Har søgt på nettet og forsøgt at følge de angivelser, der er givet, men det dutter inte.
Håber I kan hjælpe.

Hilsen My
Avatar billede roenving Novice
11. januar 2006 - 14:25 #1
Sæt et print stylesheet ind, som skjuler alle overflødige elementer, f.eks.

<style type="text/css">
/*
  andre styles
*/
@media print{
  .menu{display:none;}
/* og fjern f.eks. indrykning */
  .txt{padding:0;}
}
</style>
Avatar billede webpassion.dk Novice
11. januar 2006 - 16:02 #2
Sætter ind: hvor ?

Vil det sige, at jeg bare sætter det ind i head sektionen og lader alt andet være som det er ?
Så koden fremover kommer til at se således ud :
<html>
<!-- #BeginTemplate "/Templates/1.dwt" -->
<head>
<!-- #BeginEditable "doctitle" -->
<title>Ilisin &amp; Sohn Scandinavia - Brusesystemer - Milj&oslash; og vandforbrug</title>
<!-- #EndEditable -->
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta http-equiv="imagetoolbar" content="no">
<meta http-equiv="Cache-Control" content="no-cache">
<meta http-equiv="Cache-Control" content="no-store">
<meta http-equiv="Pragma" content="no-cache">
<STYLE>
A {TEXT-DECORATION:none}
</STYLE>
<style type="text/css">
/*
  andre styles
*/
@media print{
  .menu{display:none;}
/* og fjern f.eks. indrykning */
  .txt{padding:0;}
}
</style>
<!-- Minus AutoDato -->
<SCRIPT Language="Javascript">
function printit(){

if (NS)
{
window.print() ;
}
else
{
var WebBrowser = '<OBJECT ID="WebBrowser1" WIDTH=0 HEIGHT=0 CLASSID="CLSID:8856F961-340A-11D0-A96B-00C04FD705A2&q uot;></OBJECT>';
document.body.insertAdjacentHTML('beforeEnd', WebBrowser);
WebBrowser1.ExecWB(6, 2);
}
}
</script>
<script language="JavaScript">
<!--
function MM_reloadPage(init) {  //reloads the window if Nav4 resized
  if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
    document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
  else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
// -->
</script>
<link rel="stylesheet" href="txt" type="text/css">
</head>

Det virker ikke. Som sagt jeg er grøn, så jeg skal have det skåret ud i pap.
Hvordan kommer den fremtidige kildekode til at se ud ?

Hilsen
;-)
My
Avatar billede roenving Novice
11. januar 2006 - 16:04 #3
Se et ekesempel i denne tråd: http://www.eksperten.dk/spm/551671 !-)
Avatar billede webpassion.dk Novice
11. januar 2006 - 16:32 #4
Tak for linket.
Har jeg forstået det ret, at jeg pakker det, som jeg vil have printet, ind i tagget <div id="printDiv">Tekst til udprint </div> ?
Det har jeg gjort på denne side, http://www.ilisin.dk/html/test.htm hvor jeg har undgået <blockquote> koden ( efter kommentaren "Række 3" ) . Men det virker stadig ikke. Nu printer den slet ikke noget ud.
Vil du kigge på min kildekode på ovenstående side ?
Hvis du vil give mig den nye kode helt og aldeles, som den skal se ud, så vil jeg give dig 100 point. Jeg SKAL have dette til at virke inden kl. 20 i aften.

Håber du gider ;-)
My
Avatar billede roenving Novice
11. januar 2006 - 17:12 #5
Jeg tror, det er fordi, du har en tabel udenom, som jo skjules !-)

-- i øvrigt er det jo html 3.2-kode altså kode anno 1996, du har skrevet tingen i !o]

-- så det vil blive ret omfattende at ændre det, hvis det skal være helt perfekt, men en mulighed er at fjerne body *-reglen og i stedet sætte det på de præcise tr- og td-tags, som skal skjules (hvilket sikkert vil kræve en hel del linjer i stylesheetet og id'er på en masse flere elementer !-)
Avatar billede webpassion.dk Novice
11. januar 2006 - 17:22 #6
ok, så vi kommer altså ingen vegne - suk ;-(
-- for det kan jeg ikke gøre alene.
1. Kan du give et eksempel, som jeg selv kan arbejde videre med  ?

2. Hvad ville du ellers gøre, hvis du havde sådan en side, som skulle printes ud ? Jeg har forsøgt at lave html siden om til pdf, men det bliver ikke pænt. Se fx.  http://www.ilisin.dk/pdf/miljo2.pdf

;-)
My
Avatar billede roenving Novice
11. januar 2006 - 17:23 #7
Erstat body *-reglen med:

  .noPrint{display:none;}
  blockquote{margin:0;padding:0;}

-- og sæt så noPrint-klassen på alle de td'er, der ikke skal udskrives !-)

-- nogle af dem har i forvejen en klasse, der sætter du to klasser på sådan:

  <!-- RÆKKE 2 -->
  <tr>
    <td class="backgroundRed noPrint">Reducer vandforbruget markant uden at brusekomforten
      p&aring; nogen m&aring;de p&aring;virkes</td>
    <td height="17" class="backgroundRed noPrint"></td>
  </tr>
  <!-- RÆKKE 3 -->
Avatar billede roenving Novice
11. januar 2006 - 17:25 #8
-- og alle steder er så her:

  <!-- RÆKKE 1 -->
  <tr>
    <td class="background noPrint" valign="top">

...

    <td width="101" height="17" valign="top" class="noPrint"><img src="http://www.ilisin.dk/images/Raindrops-lille.jpg" width="159" height="51"></td>
  </tr>
  <!-- RÆKKE 2 -->
  <tr>
    <td class="backgroundRed noPrint">Reducer vandforbruget markant uden at brusekomforten
      p&aring; nogen m&aring;de p&aring;virkes</td>
    <td height="17" class="backgroundRed noPrint"></td>
  </tr>
  <!-- RÆKKE 3 -->

...

      </blockquote>
      </td>
    <td width="101" height="373" align="center" valign="top" class="noPrint">
      <div align="center"></div>
      <table width="159" border="0" cellspacing="0" cellpadding="0" align="center" height="726">
        <tr>
          <td valign="top">
            <table width="152" border="1" bordercolor="#ffffff" cellspacing="0" cellpadding="0" align="center" bgcolor="#FFFFFF" height="31">
              <tr>
                <td height="21">
                  <div align="center"> <b class="Overskrift_h&oslash;jre_kolonne"><a href="http://www.ilisin.dk/docs/Vandberegner.xls">Vandberegner</a></b>

...

  <tr>
    <td class="backgroundRed noPrint">Kontakt os for en uforpligtende dialog - iLisin
      &amp; Sohn Scandinavia hj&aelig;lper jer og samfundet med at spare p&aring;
      vandet</td>
    <td valign="top" class="noPrint"><img src="http://www.ilisin.dk/gfx/red_1.jpg" width="159" height="17"></td>
  </tr>
  <tr>
    <td align="center" valign="middle" class="backgroundBlackTxt noPrint"><img src="http://www.ilisin.dk/images/clear.gif" width="760" height="1"><br>
 
-- der burde være tekst nok med til, at du kan se hvor det er henne !-)
Avatar billede roenving Novice
11. januar 2006 - 17:27 #9
-- og det er med vilje, at jeg ikke har taget top-logoet væk, men hvis du vil det, skal du bare sætte noPrint på den også !o]

-- og det fungerer, såvidt jeg kan teste, perfekt !-)
Avatar billede roenving Novice
11. januar 2006 - 17:35 #10
I øvrigt skulle du tage at sætte f.eks. html4.01 transitional doctype på, og validere siden med w3cs validator, for uden at have gjort det, men bare luret lidt på koden, tror jeg, at der er rigtig mange fejl ...

-- og på dette link (hvor jeg kunstigt har sat doctype på !-) kan du se, at der er en lang række fejl:

http://validator.w3.org/check?uri=http%3A%2F%2Fwww.ilisin.dk%2Fhtml%2Fmiljo.htm&charset=%28detect+automatically%29&doctype=HTML+4.01+Transitional&ss=1&verbose=1
Avatar billede webpassion.dk Novice
11. januar 2006 - 18:48 #11
tak søde - kigger lige på det.
Avatar billede webpassion.dk Novice
11. januar 2006 - 21:44 #12
Tusind tak, det virker sandelig ;-)
Jubii !

Ang. validering af siden, så laver jeg siderne i Dreamweaver UltraDev 4. Det er den, der genererer koderne. Er det virkelig så slemt og gammelt ? Der står jo ikke noget med doctype transitional etc. Er det noget, man selv sætter ind og kan jeg bare frit vælge, hvilken html type, jeg vil skrive.
I øvrigt har jeg aldrig rigtigt forstået det, der kommer ud af at køre en sådan validering ( ref dit link ) ?
Når de fx skriver øverst:
Error: Line 12, column 6: required attribute "TYPE" not specified .

<STYLE> ( her er bageste > markeret med rødt)
The attribute given above is required for an element that you've used, but you have omitted it. For instance, in most HTML and XHTML document types the "type" attribute is required on the "script" element and the "alt" attribute is required for the "img" element.

Typical values for type are type="text/css" for <style> and type="text/javascript" for <script>.

Betyder det så, at jeg ikke har tagget med - for det har jeg jo ?

Har ofte kørt en validering af min egen hjemmeside http://www.webpassion.dk men forstår ikke en dyt. Ser ud som jeg ikke har sat de mærker, der er markeret med rødt. Men de ER er jo.

Har du evt. et godt link til at forstå disse resultater af en valideringstest kørt på http://validator.w3.org/

Vil du sende mig et svar, så jeg kan give dig points ? Den er jo oprindeligt sat til 30 points. Hvordan giver jeg dig flere ?

Glade hilsener og mange tak igen for hjælpen.
;-)
My
Avatar billede roenving Novice
12. januar 2006 - 15:59 #13
Style-fejlen er, at det ikke er tilladt at udelade type-attributten på f.eks. style- og script-tags, altså skal der stå:

<style type="text/css">


-- i et åbent spørgsmål kan du oppe til venstre under Funktioner finde 'Afsæt flere point' !-)

-- els velbekomme '-)

-- hrm, der er klumper i forbindelsen til validatoren, nu har jeg ventet i over en ½ time på at komme igennem, så kommentarerne til valideringen af webpassion.dk kommer til at vente !-)
Avatar billede roenving Novice
12. januar 2006 - 17:08 #14
Hrm, det bliver en længere en, at skulle kommentere alle fejlene på: http://validator.w3.org/check?uri=http%3A%2F%2Fwww.webpassion.dk%2F&charset=%28detect+automatically%29&doctype=Inline&ss=1&verbose=1 !-)

1 + 2. Jeg kender ikke årsagen til den fejl, men måske har det noget med brugen af bindestregerne, så jeg ville umiddelbart starte med at slette linjen og så se på det ...

3. er den ovenfor omtalte ...

4. Skyldes fejl indenfor head-tagget, selv har jeg de meta-tags, hvor du bruger flere linjer til een værdi mistænkt, men det kan også være fejl #1, der giver den ...

5 + 6 + 7 + 8. Du bruger attributter, som ikke mere er/aldrig har været gyldige ...
Brug f.eks. css i stedet ...

9. Er den samme fejl som #4 ...

10. Ingen html-standarder har nogensinde understøttet height-attributten på table-elementer (noget helt andet er så at alle browsere forstår den !-)

11 + 12 + 13 + 14 + 22 + 23 + 24. alt-attributten er obligatorisk på img-tags (og er det, der vises, hvis bruger-agenten, altså f.eks. browseren, ikke kan vise billedet, f.eks. fordi der er fejl i urlen eller den slet ikke kan vise billeder !-)

15 + 16 + 17 + 18 + 19 + 20 + 21. Embed-tagget er ikke defineret i html-standarden (og kan i øvrigt undværes ved at bruge data-attributten på object-tagget !-)

25 + 26 + 27 + 28 + 29 + 30. Der findes ikke i standarden et element, der hedder h (og hvad bruger du det iøvrigt til ?-)
Avatar billede webpassion.dk Novice
13. januar 2006 - 08:06 #15
hej roenving

Jeg takker mange gange for din tid. Jeg vil kigge lidt mere på validering af mit ( og andres) site. Jeg er i hvert fald blevet lidt klogere takket være dig.

God weekend.
;-)
My
Avatar billede roenving Novice
13. januar 2006 - 15:49 #16
-- og tak for point ;~}
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
Kurser inden for grundlæggende programmering

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