Avatar billede loudrup Nybegynder
21. april 2004 - 08:54 Der er 13 kommentarer og
1 løsning

ændre font style

Jeg har følgende kode i javascript. Jeg vil dog gerne have at al tekst vises i skrifttypen verdana , og størrelsen skal være 10px og farven sort. Hvordan gør jeg det? Her er koden:

<html>
<head>
<title>test</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript" type="text/javascript">
  function findPrice(fld){
    var par=fld.parentNode;
    for(;par.tagName!="TD";par=par.parentNode);
    var sib = par.nextSibling;
    for(;sib.tagName!="TD";sib=sib.nextSibling);
    return sib.innerHTML;
  }
 
  function prev(f) {
    var indhold = "<html><head><title>Preview</title><meta http-equiv=\"Content-Type\" content=\"text/html; charset=iso-8859-1\">"

    indhold += "<script type=\"text/javascript\">function refresh(){location.reload()}<\/script>"

    indhold += "</head><body onLoad=\"window.print()\">";

    //besked til bruger
    indhold += "<table width=\"581\" height=\"108\"";
    indhold += "<tr><td><img src=\"billede_til_netau.gif\" width=\"581\" height=\"108\"></td></tr>"; 

    indhold += "</table></body></html>";

   
    indhold += "Hvis nedenstående ikke er korrekt, kan du gå <a href=\"#\" onClick=\"window.close()\;\">tilbage</a> for at rette dine oplysninger.<br /><br />";
    indhold += "Denne side indeholder din tilmelding samt nyttige informationer som du skal bruge i forbindelse med kursusstart. Du skal printe siden for at have en kvittering på din tilmelding, og for at kunne udfylde og returnere det vedhæftede skema til os. Hvis alle informationer er korrekte kan du efterfølgende sende formularen."
    indhold += "<form><input type=\"button\" value=\"Print denne side\" onClick=\"refresh()\;\"></form>"

   
   
    //her er det layout, det skal previewes i
    indhold += "<table width=\"90%\" height=\"245\" border=\"1\" cellpadding=\"2\" bordercolorlight=\"#C0C0C0\">";

    //her fylder du dine værdier i
    indhold += "<tr><td>Cpr.nr.</td><td bgcolor=\"silver\">" + f.cprnr.value + "</td></tr>";
    indhold += "<tr><td>Efternavn</td><td bgcolor=\"silver\">" + f.efternavn.value + "</td></tr>";
    indhold += "<tr><td>Fornavn</td><td bgcolor=\"silver\">" + f.fornavn.value + "</td></tr>";
    indhold += "<tr><td>Adresse</td><td bgcolor=\"silver\">" + f.adresse.value + "</td></tr>";
    indhold += "<tr><td>Postnr</td><td bgcolor=\"silver\">" + f.postnr.value + "</td></tr>";
    indhold += "<tr><td>By</td><td bgcolor=\"silver\">" + f.by.value + "</td></tr>";
    indhold += "<tr><td>Firma</td><td bgcolor=\"silver\">" + f.firma.value + "</td></tr>";
    indhold += "<tr><td>Telefon privat</td><td bgcolor=\"silver\">" + f.telfpriv.value + "</td></tr>";
    indhold += "<tr><td>Telefon firma</td><td bgcolor=\"silver\">" + f.telffirma.value + "</td></tr>";
    indhold += "<tr><td>Email</td><td bgcolor=\"silver\">" + f.Email.value + "</td></tr>";
   
 

  //linietilmelding
    indhold += "<tr><td>Du har tilmeldt dig følgende linie:</td>";
    indhold += "<td>" + f.linie.value + "</td></tr>";

    //info fra checkboxe
    var samlet = 0,pris;

    indhold += "<tr><td>Du har tilmeldt dig følgende kurser:</td><td>";

    for (var i = 0; i < f.kursus.length; i++) {

      felt = f.kursus[i];

      if (felt.checked) {
        pris = findPrice(felt);
        indhold += felt.value + ", " + pris + "<br />";
        samlet += parseInt(pris.replace(/kr\. ((\d+\.)*\d+)/,"$1").replace(/\./g,""),10);
      }
    }
   
    samlet = ""+samlet;
    samlet = samlet.split("").reverse().join("");
    samlet = samlet.replace(/(\d{3})/g,"$1.");
    samlet = samlet.split("").reverse().join("");

    indhold += "</td></tr><tr><td>Samlet pris:</td><td>kr. "+samlet+"</td></tr>";

    //eksamensskole
    indhold += "<tr><td>Du ønsker at gå til eksamen på følgende skole:</td>";
    indhold += "<td>" + f.skole.value + "</td></tr>";

   
    //Brug af pc'er
    indhold += "<tr><td>Du ønsker at bruge pc'er til eksamen:</td>";
    indhold += "<td>" + f.PC.value + "</td></tr>";

    //det omkringliggende afsluttes
    indhold += "</table></body></html>";
   
    //dette er "send tilmelding" knappen
    indhold += "<button onclick=\"opener.document.forms[0].submit();self.close()\">Send tilmelding og luk dette vindue</button>"
   
    indhold += "<br><br>Kurset starter den 6. september 2004 og afsluttes med eksamen. Vi forbeholder os dog retten til at aflyse fag, hvis der ikke opnås det nødvendige antal tilmeldinger.<br><br>Vi sender girokort til indbetaling af kursusgebyret til dig i uge 35.<br><br>Når vi har registreret din indbetaling og umiddelbart inden kursusstart den 6. september 2004 får du tilsendt et password, der giver dig adgang til undervisningsmaterialet på Internettet.<br><br>På vores hjemmeside www.netau.dk findes en bogliste, hvor du kan se, hvilke bøger du skal anvende til faget. Bøgerne skal du selv anskaffe.<br><br><strong>Optagelsesbetingelser:<br><br>Hvis du tidligere har været kursist på Netbaseret Akademiuddannelse er det ikke nødvendigt, at du udfylder vedhæftede blanket.</strong><br><br> Hvis du ikke har være kursist på Netbaseret Akademiuddannelse er det nødvendigt, at du udfylder vedhæftede blanket og returnerer til os hurtigst muligt.<br><br> <strong>Optagelsesbetingelser:</strong><br><br><br>Du kan deltage i valgmodulerne på 1. del, hvis du har mindst to års relevant erhvervsarbejde og opfylder de øvrige optagelsesbetingelser:<br><br>For linierne:<br><br><strong>International handel og markedsføring<br>Kommunikation og formidling<br>Økonomi og ressourcestyring<br>Innovation og produktionsoptimering</strong><br><br>gælder følgende:<br><br>1. En relevant erhvervsuddannelse med studiekompetence svarende til engelsk C og matematik &nbsp;&nbsp;&nbsp;&nbsp;C/erhvervsøkonomi C<br>2. En relevant grunduddannelse for voksne med engelsk C og matematik &nbsp;C/erhvervsøkonomi C<br>3. En adgangsgivende eksamen med matematik C/erhvervsøkonomi C<br>4. En anden relevant uddannelse på mindst samme niveau som nr. 1-3<br>5. Mindst 2 års relevant erhvervserfaring efter gennemført adgangsgivende sksamen<br><br>For linien:<br><br><strong>Ledelse</strong><br><br>6. En relevant erhvervsuddannelse med studiekompetence svarende til engelsk C<br>7. En relevant grunduddannelse for voksne med engelsk C<br>8. En adgangsgivende eksamen.<br>9. En anden relevant uddannelse på mindst samme niveau som nr. 1-3<br>10. Mindst 2 års relevant erhvervserfaring efter gennemført adgangsgivende uddannelse<br><br>Deltagelse i specialemodulet og det afsluttende projekt på 2. del kræver, at du har afsluttet modulerne på 1. del og har det obligatoriske modul på 2. del - eller at du har merit fra merkonom- eller teknomomuddannelsen.<br><br><br><br><br><strong>BLANKET</strong><br><br>  Undertegnede har tilmeldt sig Akademiuddannelse på fjernundervisning og bekræfter at de nedenstående oplysninger er korrekte.<br><br>"
   
    //tabel til skema der skal udfyldes af kursisten
    indhold += "<table width=\"80%\" height=\"100\" border=\"1\" cellpadding=\"2\" bordercolorlight=\"#C0C0C0\">";
    indhold += "<tr><td bgcolor=\"silver\" width=\"40%\"><strong>Personlige oplysninger</strong></td><td >&nbsp;</td></tr>";   
    indhold += "<tr><td >Navn:</td><td border=\"1\" cellpadding=\"2\" bordercolorlight=\"#C0C0C0\">&nbsp;</td>&nbsp;</tr>";   
    indhold += "<tr><td >Cpr.nr.</td><td border=\"1\" cellpadding=\"2\" bordercolorlight=\"#C0C0C0\">&nbsp;</td></tr>";   
    indhold += "<tr><td >Tilmeldt fag:</td><td border=\"1\" cellpadding=\"2\" bordercolorlight=\"#C0C0C0\">&nbsp;</td></tr>";   

    indhold += "</table></body></html>";
    indhold += "<br><strong>Adgangsgivende baggrund</strong><br><br>A. Gymnasial uddannelse. Bestået år__________________<br><br>(sæt kryds hvilken uddannelse)<br>Studentereksamen&nbsp;&nbsp;&nbsp;&nbsp;___________<br>HF&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;___________<br>HHX&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;___________<br>HTX&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;___________<br><br>B. Beståede prøver<br><br>";
   
    indhold += "<table width=\"80%\" height=\"100\" border=\"1\" cellpadding=\"1\" bordercolorlight=\"#c0c0c0\">";
    indhold += "<tr><td bgcolor=\"silver\">Matematik</td><td bgcolor=\"silver\">Niveau:</td><td bgcolor=\"silver\">Bestået år:&nbsp;</td></tr>";   
    indhold += "<tr><td width=\"33%\" >Matematik</td><td border=\"1\" cellpadding=\"2\" bordercolorlight=\"#C0C0C0\">&nbsp;</td><td width=\"33%\" >&nbsp;</td border=\"1\" cellpadding=\"2\" bordercolorlight=\"#C0C0C0\">&nbsp;</tr>";   
    indhold += "<tr><td width=\"33%\" >Engelsk</td><td>&nbsp;</td><td>&nbsp;</td></tr>";   

    indhold += "</table></body></html>";
   
    indhold += "<br><strong>C. Erhvervserfaring i kronologisk rækkefølge</strong><br><br>HUSK at der skal være tale om relevant erhvervserfaring i forhold til den ønskede uddannelse.<br><br>";

    indhold += "<table width=\"80%\" height=\"100\" border=\"1\" cellpadding=\"1\" bordercolorlight=\"#c0c0c0\">";
    indhold += "<tr><td bgcolor=\"silver\"height=\"18\">Arbejdsgiver</td><td bgcolor=\"silver\" >Arbejdets art:</td><td bgcolor=\"silver\">Fra (dato/år)</td><td bgcolor=\"silver\">Til (dato/år)</td><td bgcolor=\"silver\">Ugentlig<br>arbejdstid</td></tr>";   
    indhold += "<tr><td height=\"20\">&nbsp;</td><td >&nbsp;</td><td >&nbsp;</td><td >&nbsp;</td><td >&nbsp;</td></tr>";   
    indhold += "<tr><td height=\"20\">&nbsp;</td><td >&nbsp;</td><td >&nbsp;</td><td >&nbsp;</td><td >&nbsp;</td></tr>";   
    indhold += "<tr><td height=\"20\">&nbsp;</td><td >&nbsp;</td><td >&nbsp;</td><td >&nbsp;</td><td >&nbsp;</td></tr>";   

    indhold += "</table></body></html>";
   
    indhold += "<br><strong>D. Har tidligere bestået følgende merkonomfag.</strong><br><br>";
   
    indhold += "<table width=\"80%\" height=\"100\" border=\"1\" cellpadding=\"1\" bordercolorlight=\"#c0c0c0\">";
    indhold += "<tr><td bgcolor=\"silver\" width=\"30%\">Fag</td><td bgcolor=\"silver\" width=\"40%\">På hvilken skole</td><td bgcolor=\"silver\" width=\"30%\">År</td></tr>";   
    indhold += "<tr><td height=\"20\">&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td border=\"1\"></tr>";   
    indhold += "<tr><td height=\"20\">&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td></tr>";   
    indhold += "<tr><td height=\"20\">&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td></tr>";   

    indhold += "</table></body></html>";

    indhold += "<br>Dokumentation for afgivne oplysninger om uddannelser bedes vedlagt i kopi, dog ikke merkonomfag der er bestået hos Fleksibel Merkonom.<br><br>Dato:______________&nbsp;&nbsp;&nbsp;Underskrift:___________________________<br><br>Skemaet returneres til<br><br>Netbaseret Akademiuddannelse<br>Martin Hammerichsvej 2<br>6270 Tønder<br>Tove Freiberg<br>tf@toendhs.dk";






    //preview-vindue åbnes og indhold skrives til det
    win = window.open("preview.asp", "prevVindue", "width=700,height=600,left=300,top=50,toolbar=yes,scrollbars=yes,status=yes,menubar=yes,resizable=yes");
    win.document.write(indhold);

  }

</script>
Avatar billede fennec Nybegynder
21. april 2004 - 09:01 #1
<title>test</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style>
body{
  font-family : Verdana;
  font-size : 10px;
  color : black
}
</style>
Avatar billede fennec Nybegynder
21. april 2004 - 09:07 #2
du kan også ligge det i en fil også linke til det i dine dokumenter. Det gør det nemmere at ændre design, da du kun skal ændre i dit stylesheet et sted.

"style.css fil"
body{
  font-family : Verdana;
  font-size : 10px;
  color : black
}

"dine web sider"
<html>
<head>
<title>test</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" type="text/css" href="style.css">
Avatar billede loudrup Nybegynder
21. april 2004 - 09:42 #3
det virker ikke. Jeg har prøvet dette før, men jeg tror at det er fordi at det er et popup vindue og det er alt den tekst der står i javascriptet der skal have den ovennævnte "style"
Avatar billede fennec Nybegynder
21. april 2004 - 09:48 #4
Ok, nu har jeg også forstået koden. Du skal selvfølgelig have det med i dit JavaScript.

var indhold = "<html><head><title>Preview</title><meta http-equiv=\"Content-Type\" content=\"text/html; charset=iso-8859-1\"><style>body{font-family:Verdana;font-size:10px;color:black;}</style>"
Avatar billede loudrup Nybegynder
21. april 2004 - 10:15 #5
ok, nu virker det på al tekst men ikke i tabellerne. Hvad skal jeg gøre her?
Avatar billede fennec Nybegynder
21. april 2004 - 10:24 #6
mener du kan sætte den til at arve, men kan ikke helt huske hvordan man gør det. Men du kan bare skrive td ind i stylet også.

body{
  font-family : Verdana;
  font-size : 10px;
  color : black
}
td{
  font-family : Verdana;
  font-size : 10px;
  color : black
}
Avatar billede fennec Nybegynder
21. april 2004 - 10:25 #7
også skal man huske at afslutte med ;  :o)
den glemte jeg på "color : black"
Avatar billede loudrup Nybegynder
21. april 2004 - 10:32 #8
det forstår jeg ikke meget af. Hvordan kan det virke med stylesheet på tabellerne når det ikke virkede på det andet? Er der ikke en eller anden måde hvor jeg kan definere style til hver tabel? Hvis ikke, hvor skal jeg så placere den td kode som du har givet mig?
Avatar billede fennec Nybegynder
21. april 2004 - 10:37 #9
var indhold = "<html><head><title>Preview</title><meta http-equiv=\"Content-Type\" content=\"text/html; charset=iso-8859-1\"><style>body{font-family:Verdana;font-size:10px;color:black;}td{font-family:Verdana;font-size:10px;color:black;}</style>"
Avatar billede mm12010 Nybegynder
21. april 2004 - 12:12 #10
kan oz skrives sådan:

body,td{
  font:normal normal 10px Verdana, Arial, Helvetica, sans-serif;
  color:black;
}

eller:

var indhold = "<html><head><title>Preview</title><meta http-equiv=\"Content-Type\" content=\"text/html; charset=iso-8859-1\"><style>body,td{font-family:Verdana;font-size:10px;color:black;}</style>"
Avatar billede fennec Nybegynder
21. april 2004 - 12:21 #11
Godt set mm12010. Jeg havde helt glemt man kunne skrive flere tags sammen.
Nok fordi jeg aldrig bruger det :o)
Avatar billede roenving Novice
21. april 2004 - 14:44 #12
Eller den helt nemme, så det gælder alle elementer:

*{}

-- altså:

var indhold = "<html><head><title>Preview</title><meta http-equiv=\"Content-Type\" content=\"text/html; charset=iso-8859-1\"><style>*{font-family:Verdana;font-size:10px;color:black;}</style>"
Avatar billede loudrup Nybegynder
21. april 2004 - 16:33 #13
fennec, jeg siger mange tak for hjælpen. Nu virker det som det skal. Hvis du lige smider et svar ud så giver jeg point ;)
Avatar billede fennec Nybegynder
22. april 2004 - 08:02 #14
selvfølgelig.
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

Seneste spørgsmål Seneste aktivitet
I dag 10:21 Ny printer, men hvilken Af mort1 i Printere
I går 19:41 USB på Linux Af Uvanga i Linux
12/0818:26 Hvilken type mus Af mort1 i PC
11/0813:21 ms Forms Af leahcim i Andet software
10/0821:30 Blokeret på Snapchat? Af LineP i Chat & Messaging