Avatar billede gummisko Nybegynder
08. februar 2002 - 13:08 Der er 7 kommentarer og
1 løsning

PRINT og CSS-fil ??????

Fra den udmærkede funktion
function custom_print()
{
mitHTML = (document.getElementById || document.all) ? (document.getElementById) ? document.getElementById("indhold").innerHTML : document.all.indhold.innerHTML : "Desværre! Din browser kan ikke klare denne handling!";
nv = window.open("","nytVindue");
nv.document.write(mitHTML);
nv.document.close();
nv.print();
setTimeout("nv.close()",500);
}

udskrives selve teksten, MEN det skal formatteres med en css-fil, som først skal hentes til brug på printet

f.ex. <link rel="stylesheet" href="../style/print.css" type="text/css">

Hvordan får jeg denne css fil smidt ind i print-funktionen????????????????????????????
vh
Bjarne
Avatar billede Slettet bruger
08. februar 2002 - 13:15 #1
Du skriver vel bare stylesheet-linket ind i <head>-sektionen på det nye vindue...

f.eks. kunne du tilføje noget i stil med:
altHTML = "<html><head><title>Pæn titel på udskrift</title><link rel="stylesheet" type="text/css" href="../style/print.css" /><head><body>" + mitHTML + "</body></html>";

Desuden ville jeg overveje at foretage checket på om brugerens browser kan printe, FØR jeg åbner et vindue til det...

/CS
Avatar billede Slettet bruger
08. februar 2002 - 13:17 #2
ups - jeg glemte at "lukke" <head> ordentligt før <body> (</head>)


/CS
Avatar billede gummisko Nybegynder
08. februar 2002 - 13:25 #3
øh -kunne du lige tilføje det til koden i funktionen - man er ikke lige inde i det der halløj!!!
bm
Avatar billede torbenmelander Nybegynder
08. februar 2002 - 13:34 #4
det skal ikke ind i din javascript-kode ... men læs her hvordan du gør:

http://www.html.dk/artikler/00009/
Avatar billede Slettet bruger
08. februar 2002 - 14:08 #5
Der er ikke noget i vejen for at lægge det ind i koden:

function custom_print()
{
mitHTML = (document.getElementById || document.all) ? (document.getElementById) ? document.getElementById("indhold").innerHTML : document.all.indhold.innerHTML : "Desværre! Din browser kan ikke klare denne handling!";
allHTML = "<html><head><title>Pæn titel på udskrift</title><link rel="stylesheet" type="text/css" href="../style/print.css" /><head><body>" + mitHTML + "</body></html>";
nv = window.open("","nytVindue");
nv.document.write(allHTML);
nv.document.close();
nv.print();
setTimeout("nv.close()",500);
}

/CS
Avatar billede gummisko Nybegynder
08. februar 2002 - 15:14 #6
Når din kode sættes ind kommer der en fejlmelding - vedlagt kode hvor det meste i body er taget væk.



<HTML>
<HEAD>
<TITLE>IT-Akademiet 10FAQ</TITLE>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
<!-- ImageReady Preload Script (top.psd) -->
<SCRIPT LANGUAGE="JavaScript">
<!--
function newImage(arg) {
    if (document.images) {
        rslt = new Image();
        rslt.src = arg;
        return rslt;
    }
}

function changeImages() {
    if (document.images && (preloadFlag == true)) {
        for (var i=0; i<changeImages.arguments.length; i+=2) {
            document[changeImages.arguments[i]].src = changeImages.arguments[i+1];
        }
    }
}

var preloadFlag = false;
function preloadImages() {
    if (document.images) {
        hs_over = newImage("images/hs-over.gif");
        uu_over = newImage("images/uu-over.gif");
        it_over = newImage("images/it-over.gif");
        kur_over = newImage("images/kur-over.gif");
        simu_over = newImage("images/simu-over.gif");
        div_over = newImage("images/div-over.gif");
        ny_over = newImage("images/ny-over.gif");
        sog_over = newImage("images/sog-over.gif");
        eng_over = newImage("images/eng-over.gif");
        preloadFlag = true;
    }
}

// -->
</SCRIPT>
<!-- End Preload 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="../style/webstyle.css" type="text/css">
<SCRIPT LANGUAGE="JavaScript">
<!--
function custom_print()
{
mitHTML = (document.getElementById || document.all) ? (document.getElementById) ? document.getElementById("indhold").innerHTML : document.all.indhold.innerHTML : "Desværre! Din browser kan ikke klare denne handling!";
allHTML = "<html><head><title>Pæn titel på udskrift</title><link rel="stylesheet" type="text/css" href="../style/print.css" /><head><body>" + mitHTML + "</body></html>";
nv = window.open("","nytVindue");
nv.document.write(allHTML);
nv.document.close();
nv.print();
setTimeout("nv.close()",500);
}




function addToFavorite(favTitle){
  if ((navigator.appVersion.indexOf("MSIE") > 0) && (parseInt(navigator.appVersion) >= 4)) {
    window.external.AddFavorite(location.href, unescape(favTitle));
  }
}

function displayWindow(theURL,winName,width,height,features) { //v3.1
// Made by Eddie Traversa modified from Macromedia Code
// http://nirvana.media3.net/
    var window_width = width;
    var window_height = height;
    var newfeatures= features;
    var window_top = (screen.height-window_height)/2;
    var window_left = (screen.width-window_width)/2;
    newWindow=window.open(''+ theURL + '',''+ winName + '','width=' + window_width + ',height=' + window_height + ',top=' + window_top + ',left=' + window_left + ',features=' + newfeatures + '');
    newWindow.focus();
}

function nirvana_positionWindow(theURL,winName,features) { //v2.0
  window.open(theURL,winName,features);
}
//-->
</SCRIPT>

</HEAD>
<BODY  ONLOAD="preloadImages();" marginwidth="0" marginheight="0" topmargin="0" leftmargin="0" background="../images/background.jpg" >

hejsa


<div id="Layer1" style="position:absolute; left:778px; top:117px; width:24px; height:24px; z-index:9"><a href="java script:;" onClick="custom_print()"><img src="../images/print.gif" width="24" height="24" border="0" alt="Udskriv siden p&aring; din printer"></a></div>
</body>
</html>

???????
vh
Bjarne
Avatar billede Slettet bruger
08. februar 2002 - 16:11 #7
Ja - der er jo lige den jeg kommenterede med det samme - at jeg glemte at lukke <head> tagget.

Desuden er der den sædvanlige "strengtegn-i-streng" fejl - sådan her skal funktionen se ud:

function custom_print()
{
    mitHTML = (document.getElementById || document.all) ? (document.getElementById) ? document.getElementById("indhold").innerHTML : document.all.indhold.innerHTML : "Desværre! Din browser kan ikke klare denne handling!";
    allHTML = '<html><head><title>Pæn titel på udskrift</title><link rel="stylesheet" type="text/css" href="../style/print.css" /></head><body>' + mitHTML + '</body></html>';
    nv = window.open("","nytVindue");
    nv.document.write(allHTML);
    nv.document.close();
    nv.print();
    setTimeout("nv.close()",500);
}


Desuden vil du gerne skrive indholdet af "indhold" ud... hmmm... hvor er "indhold" henne?. Hvis jeg retter ovenstående og omdøber "Layer1" til "indhold", så fungerer det fint her.

/CS
Avatar billede gummisko Nybegynder
08. februar 2002 - 17:19 #8
tak for det - det fint i explorer
vh
bjarne
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