CIO Tech Eksperten IT-JOB IT-Kurser Events Podcast Søg
Cookie ikon
Avatar billede jenz42 Nybegynder
03. juni 2005 - 12:45 Der er 8 kommentarer og
4 løsninger

HTML kode i variabel

Jeg har en masse HTML-sider med forskelligt indhold.
Jeg vil gerne lave én side, de alle sammen kan bruge som en printervenlig version. (i tabel med bredde, der passer til print).

Tanken er at HTML koden skal smides ned i en variabel, som "printsiden" så kan bruge.

HTML koden kan være den følgende:

<h1>Head</h1>
<h2>Subhead</h2>
<img src="/images/picture.jpg" align="right" border="1">
Bodytext bodytext bodytext bodytext bodytext bodytext bodytext bodytext
<p>2nd paragraph bodytext bodytext bodytext bodytext bodytext bodytext</p>
<p>3rd paragraph bodytext bodytext bodytext bodytext bodytext bodytext</p>

Man kunne så "fyre variablen af" på samme måde i de to sider, men i tabeller med forskellig bredde.
Hvordan gør man det?
Avatar billede medions Nybegynder
03. juni 2005 - 12:48 #1
Sådan her fx.:

var strHTML = "<h1>Head</h1>\n<h2>Subhead</h2>\n<img src=\"/images/picture.jpg\" align=\"right\" border=\"1\">"
document.write(strHTML)

//>Rune
Avatar billede medions Nybegynder
03. juni 2005 - 12:49 #2
Men ellers er der en rigtig god artikkel her:
http://alistapart.com/articles/goingtoprint/

//>Rune
Avatar billede medions Nybegynder
03. juni 2005 - 12:50 #3
Men ellers se hvad andre har gjort:
http://eksperten.dk/spm/261675

//>Rune
Avatar billede jenz42 Nybegynder
22. juli 2005 - 13:24 #4
Følgende har den rigtige virkning:
<HTML>
<HEAD>
<TITLE></TITLE>
<script>
function printIt() {
win = window.open("", "printwin", "width=600,height=800");
win.document.write(document.getElementById("p").innerHTML);
}
</script>
</HEAD>
<BODY>
bla bla bla<br><br>

<span id="p">Det der skal printes</span>

<input type="button" value="Print" onclick="printIt()">
</BODY>
</HTML>


Men jeg har brug for at implimentere yderligere funktionalitet:
Når vinduet popper op skal printmenuen fremkomme. Derudover skal det anvende det geneerlle stylesheet. Dvs. at det følgende skal implementeres i koden i headet:

<link rel="stylesheet" type="text/css" href="/includes/stylesheet/css.css">

og

<script language="javascript">
window.onload=function(){window.print();}
</script>


Hvordan gør man det? Jeg sidder fast i det.
Avatar billede roenving Novice
22. juli 2005 - 13:29 #5
<script type="text/javascript">
function printIt() {
  var win = window.open("", "printwin", "width=600,height=800");
  var txt = '<html><head><title>Print<\/title><script type="text/javascript">window.onload=function(){window.print()}<\/script>'
  txt += '<\/head><body>' + document.getElementById("p").innerHTML + '<\/body><\/html>';
  win.document.write(txt);
  win.document.close();
}
</script>
Avatar billede jenz42 Nybegynder
22. juli 2005 - 13:36 #6
Det går godt nok i kage.
Ingen af siderne med det i head bliver vist.
Avatar billede roenving Novice
22. juli 2005 - 13:40 #7
Argh, jeg havde glemt den gamle lærdom om ikke at have ordet script inde i et script-tag, så prøv:

<script type="text/javascript">
function printIt() {
  var win = window.open("", "printwin", "width=600,height=800");
  var txt = '<html><head><title>Print<\/title><scr' + 'ipt type="text/javascript">window.onload=function(){window.print()}<\/scr' + 'ipt>'
  txt += '<\/he' + 'ad><body>' + document.getElementById("p").innerHTML + '<\/bo' + 'dy><\/ht' + 'ml>';
  win.document.write(txt);
  win.document.close();
}
</script>
Avatar billede jenz42 Nybegynder
22. juli 2005 - 13:45 #8
Yes, det virker.
Nu mangler jeg bare at få linket til stylesheetet til at virke også.

I har fortjent points allerede, men det ville være fedt lige at få det med også.
Avatar billede roenving Novice
22. juli 2005 - 13:51 #9
<script type="text/javascript">
function printIt() {
  var win = window.open("", "printwin", "width=600,height=800");
  var txt = '<html><head><title>Print<\/title><scr' + 'ipt type="text/javascript">window.onload=function(){window.print()}<\/scr' + 'ipt>'
  txt += '<link rel="stylesheet" href="/includes/stylesheet/css.css"><\/he' + 'ad><body>';
  txt += document.getElementById("p").innerHTML + '<\/bo' + 'dy><\/ht' + 'ml>';
  win.document.write(txt);
  win.document.close();
}
</script>
Avatar billede jenz42 Nybegynder
22. juli 2005 - 13:57 #10
Det er helt fantastisk.
Mange tak for det.

Smid et svar, så får I hver 30 pts.
Avatar billede roenving Novice
22. juli 2005 - 14:06 #11
Velbekomme '-)
Avatar billede roenving Novice
22. juli 2005 - 14:30 #12
-- 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
Webudvikling kurser
Vi tilbyder markedets bedste kurser inden for webudvikling
Se alle Webudvikling kurser

Flere spørgsmål fra JavaScript kategorien

Titel Indlæg Oprettet Seneste aktivitet
Sæt vindue størrelse Af poulmadsen i JavaScript 1 08/10/202417:18 13/10/202412:33
Opgavestyring Af ingeman i JavaScript 1 15/09/202416:06 15/09/202420:40
Returner ikke alt Af ingeman i JavaScript 13 26/06/202414:40 01/07/202417:00
Vis og skjul sektioner - virker kun på den første sektion Af nemlig i JavaScript 4 24/06/202422:50 26/06/202420:33
Hente og gemme Cookies like this. Af DanishBear i JavaScript 6 04/06/202416:23 05/06/202414:23
Se alle spørgsmål i kategorien Opret spørgsmål

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.

Opret Log ind

Du kan også logge ind via nedenstående tjenester



Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
I dag 07:53 Kan jeg lave en "søg og erstat" i databasen Af a3-seo.dk i MySQL
I går 11:30 Ændre det aller første billed, man ser ? Før man skriver koden (Windows 11) ... Af Ikke-ekspert i Windows
I går 10:47 NUM. tastatur og pc indbygget mus virker ikke. Af arnepedersen i Excel
I går 04:32 Korrupt CF kort Af Mozcan i Foto & video
26/1221:34 install.esd og boot.wim Af sjass i Windows
White papers
Flere white papers »


Premium
Teaser billede
Ny leverandør har netop underskrevet kontrakt med Kombit om kæmpe dansk bibliotekssystem
Læs mere »
M365 Copilot kan blive hurtigere og billigere: Microsoft åbner for alternativer til OpenAI
Ny europæiske supercomputer med 14.000 GPU’er sætter danske Gefion til vægs: Skal bruges til at udvinde kulsort energi
Nye skatteregler for kryptovaluta udskydes: Vil påvirke 300.000 danskere
Se alle »
Computerworld
Teaser billede
Til næste år kommer iPhone 17 – og ifølge rygtestrømmene vil den byde på tre nyheder
Læs mere »
Her er dommen: Region Syddanmark skal betale historisk stor bøde for grove overtrædelser af GDPR
En af verdens største it-distributører dropper samarbejdet med Broadcom: Kunne ikke nå til enighed
Netværkstest: Første mesh-sæt med komplette WiFi 7-features sætter nye rekorder for dækning og hastighed
Se alle »
CIO
Teaser billede
En af verdens største it-distributører dropper samarbejdet med Broadcom: Kunne ikke nå til enighed
Læs mere »
Vores vidensindsamling og demokratiske samtale påvirkes af helt lukkede beslutninger i en enkelt privat virksomhed
Den danske ungdom ser intet formål i at arbejde med it
CISO Sarah Aalborg forlader Tivoli: Her er hendes planer for fremtiden
Se alle »
Job & Karriere
Teaser billede
Microsoft klar med ny direktion for den danske forretning: Her er de nye direktører
Læs mere »
Merete Søby klar med nyt top-job efter pludselig exit fra Schultz: Her er hendes nye job
Linus Torvalds giver russiske Linux-udviklere sparket: Vil ikke have noget med dem at gøre
Dansk headhunter: Dette spørgsmål bliver jeg næsten altid stillet, når jeg forsøger at rekruttere it-folk
Se alle »
White paper
Teaser billede
Beskyt virksomheden mod trusler – og hold ressourceforbruget nede
Læs mere »
Sikkerhed uden grænser: Cisco Hypershield
SAP: Skab værdi og minimér omkostninger med effektiv dokumenthåndtering
Sådan gør du: Elektronisk dokumentudveksling i praksis
Se alle »

Events
Flere events »
White papers
Flere white papers »
IT-Kurser
Se alle vores it-kurser »