Avatar billede javanewbie Nybegynder
23. maj 2004 - 22:00 Der er 5 kommentarer og
1 løsning

Manipulering af fontstørrelse

Jeg har en lille javascript funktion, som jeg VED virker. Mit problem er at jeg nu vil have den smidt ind i et dokument, der oprindeligt at lavet med MS Word. (Gyyyys - jeg ved det.)

Når jeg prøver at lægge det på, virker det ikke mere, men jeg kan ikke gennemskue hvorfor.

Funktionen forsøger at finde <div> tag med id broedtekst, og vil så ændre fontstørrelsen på det den indeholder.

Funktionen ser således ud, og kaldes onload:
-----------------------------------------------

function checkFontSize() {
    fontsize = (fontsize * window.screen.height / 600);
    var i = "" + fontsize;
    if (i.indexOf(".") > 0) {
        i = i.substr(0,i.indexOf("."));
    }
    fontsize = i;
    document.getElementById('broedtekst').style.fontSize=fontsize;
}


-----------------------------------------------
Den fungerer fint i et .htm doc jeg selv har lavet. En lille forskel er at der her kun er ET div tag med korrekt id. I nedenstående eksempel er der TO, hvor det ene er nestet inde i det andet, og det er det inderste jeg vil have fat i.

Et eksempel på et doc kunne være som følger:
-----------------------------------------------

<html xmlns:v="urn:schemas-microsoft-com:vml"xmlns:o="urn:schemas-microsoft-com:office:office"xmlns:w="urn:schemas-microsoft-com:office:word"xmlns="http://www.w3.org/TR/REC-html40">
<head>
<script language="JavaScript" src="/jscript/tekst.js"></script>
<style type=text/css>
html { margin: 0px; }
@font-face { font-family: Via Sign Regular; font-style:  normal;
font-weight: normal;
div.indhold { font-family: 'Via Sign Regular', ViaRegular, Verdana, Helvetica, Arial;
background-color: #000000;
color: #FFFFFF;
cursor: text;
overflow: hidden;
margin : 0px;
margin-left: 10px; }
</style>
<meta http-equiv=Content-Type content="text/html; charset=windows-1252">
<meta name=ProgId content=Word.Document><meta name=Generator content="Microsoft Word 10">
<meta name=Originator content="Microsoft Word 10">
<link rel=File-List href="WedMay19143352CEST2004-942365055-filer/filelist.xml">
<link rel=Edit-Time-Datahref="WedMay19143352CEST2004-942365055-filer/editdata.mso">
<title>Test skabelon</title>
<!--[if gte mso 9]>
<xml>
<o:DocumentProperties>
<o:Author>rv</o:Author>
<o:LastAuthor>rv</o:LastAuthor>
<o:Revision>2</o:Revision>
<o:TotalTime>0</o:TotalTime>
<o:Created>2004-05-19T12:33:00Z</o:Created>
<o:LastSaved>2004-05-19T12:33:00Z</o:LastSaved>
<o:Pages>1</o:Pages>
<o:Words>4</o:Words>
<o:Characters>29</o:Characters>
<o:Company>DSB</o:Company>
<o:Lines>1</o:Lines>
<o:Paragraphs>1</o:Paragraphs>
<o:CharactersWithSpaces>32</o:CharactersWithSpaces>
<o:Version>10.4219</o:Version>
</o:DocumentProperties>
</xml>
<![endif]-->
<!--[if gte mso 9]>
<xml>
<w:WordDocument>
<w:SpellingState>Clean</w:SpellingState>
<w:HyphenationZone>21</w:HyphenationZone>
<w:Compatibility><w:BreakWrappedTables/>
<w:SnapToGridInCell/><w:WrapTextWithPunct/>
<w:UseAsianBreakRules/></w:Compatibility>
<w:BrowserLevel>MicrosoftInternetExplorer4</w:BrowserLevel>
</w:WordDocument>
</xml>
<![endif]--><style><!--/* Style Definitions */p.MsoNormal, li.MsoNormal, div.MsoNormal{mso-style-parent:"";margin:0cm;margin-bottom:.0001pt;mso-pagination:widow-orphan;font-size:12.0pt;font-family:"Times New Roman";mso-fareast-font-family:"Times New Roman";}@page Section1{size:595.3pt 841.9pt;margin:3.0cm 2.0cm 3.0cm 2.0cm;mso-header-margin:35.4pt;mso-footer-margin:35.4pt;mso-paper-source:0;}
div.Section1{page:Section1;}--></style>
<!--[if gte mso 10]><style>/* Style Definitions */table.MsoNormalTable{mso-style-name:"Tabel - Normal";mso-tstyle-rowband-size:0;mso-tstyle-colband-size:0;mso-style-noshow:yes;mso-style-parent:"";mso-padding-alt:0cm 5.4pt 0cm 5.4pt;mso-para-margin:0cm;mso-para-margin-bottom:.0001pt;mso-pagination:widow-orphan;font-size:10.0pt;font-family:"Times New Roman";}
</style>
<![endif]-->
<!--[if gte mso 9]>
<xml>
<o:shapedefaults v:ext="edit" spidmax="2050"><o:colormru v:ext="edit" colors="#003"/>
<o:colormenu v:ext="edit" fillcolor="#003"/></o:shapedefaults>
</xml>
<![endif]--><!--[if gte mso 9]><xml><o:shapelayout v:ext="edit"><o:idmap v:ext="edit" data="1"/></o:shapelayout></xml><![endif]--></head><body onload="initialize();checkFontSize();checkDocSize();"  bgcolor="#000033" lang=DA style='tab-interval:65.2pt'><div class="indhold" id="broedtekst"><div class=Section1><p class=MsoNormal><b style='mso-bidi-font-weight:normal'><spanstyle='font-size:24.0pt;font-family:Arial;color:white'>Test skabelon<o:p></o:p></span></b></p><p class=MsoNormal><b style='mso-bidi-font-weight:normal'><spanstyle='font-size:24.0pt;font-family:Arial;color:white'><o:p>&nbsp;</o:p></span></b></p><p class=MsoNormal><b style='mso-bidi-font-weight:normal'><spanstyle='font-size:24.0pt;font-family:Arial;color:white'>sdfdsfsdfffffffff<o:p></o:p></span></b></p><p class=MsoNormal><b style='mso-bidi-font-weight:normal'><spanstyle='font-size:24.0pt;font-family:Arial;color:white'>sdfdsfsdfffffffff<o:p></o:p></span></b></p><p class=MsoNormal><b style='mso-bidi-font-weight:normal'><spanstyle='font-size:24.0pt;font-family:Arial;color:white'>sdfdsfsdfffffffff<o:p></o:p></span></b></p><p class=MsoNormal><b style='mso-bidi-font-weight:normal'><spanstyle='font-size:24.0pt;font-family:Arial;color:white'>sdfdsfsdfffffffff<o:p></o:p></span></b></p><p class=MsoNormal><b style='mso-bidi-font-weight:normal'><spanstyle='font-size:24.0pt;font-family:Arial;color:white'>sdfdsfsdfffffffff<o:p></o:p></span></b></p>
</div>
</div>
</body>
</html>
Avatar billede roenving Novice
23. maj 2004 - 22:27 #1
Den fylder garanteret højst ti linjer, hvis du nøjes med det du har brug for !-)

<html>
  <head>
    <script language="JavaScript" src="/jscript/tekst.js"></script>
    <style type=text/css>
      html { margin: 0px; }
      div.indhold { font-family: 'Via Sign Regular', ViaRegular, Verdana, Helvetica, Arial;background-color: #000000;color: #FFFFFF;cursor: text;overflow: hidden;margin : 0px;margin-left: 10px; }
      .MsoNormal{font-size:12px;font-family:"Times New Roman"}
    </style>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
  </head>
  <body onload="initialize();checkFontSize();checkDocSize();"  bgcolor="#000033">
    <div class="indhold" id="broedtekst">
      <div class=Section1>
        <p class=MsoNormal>Test skabelon</p>
        <p class=MsoNormal>&nbsp;</p>
        <p class=MsoNormal>sdfdsfsdfffffffff</p>
        <p class=MsoNormal>sdfdsfsdfffffffff</p>
        <p class=MsoNormal>sdfdsfsdfffffffff</p>
        <p class=MsoNormal>sdfdsfsdfffffffff</p>
        <p class=MsoNormal>sdfdsfsdfffffffff</p>
      </div>
    </div>
  </body>
</html>

-- jeg ledte forgæves efter hvorfra fontsize-variablen kom fra ?-)

-- og så er det jo ligegyldigt, når der alligevel sættes en anden størrelse og font på p-tags !-)
Avatar billede javanewbie Nybegynder
23. maj 2004 - 23:14 #2
Jeg takker. Desværre kræver omstændighederne at der skal gøres brug af Word, og så kan jeg ikke "bare" barbere alt det udenomliggende væk. :-/

Jeg fandt i øvrigt ud af at jeg havde brugt et forkert udgangspunkt, da jeg ved en fejl havde lagt broedtekst tagget yderst. Efter det kom inderst, virkede det efter hensigten.

Fonten er i øvrigt variabel, så den altid fremstår med lige mange linier, uanset hvilken opløsning der gøres brug af. ;-)

Smid et svar.
Avatar billede roenving Novice
23. maj 2004 - 23:30 #3
Hvorfor skal der bruges word ?-)

Selv FrontPage, som stort set ikke kan sætte to tags sammen uden at lave 3 fejl, vil være et adskilligt bedre alternativ, for som du kan se, kan word ikke lave een linjes html-kode uden at have produceret 100 uhensigtsmæssigheder og fejl ...

Hvis jeg skulle komme med et billede på det, ville det være, at det er dumt at bruge en 50 personers luksusbus til at bringe kølevarer ud, da køleskabet ikke er ret stort, og hvis man insisterer på at bruge pladsen er varerne fordærvede, når du når hen til den anden på ruten en varm sommerdag ...

Du må kunne lave en skabelon på andre måder, som er en del mere hensigtsmæssige, også så selv en computer-novice kan finde ud af det !-)
Avatar billede javanewbie Nybegynder
23. maj 2004 - 23:33 #4
Word er foretrukket fordi det er kendt interface der rummer dansk stavekontrol osv... Det er ikke en beslutning jeg har truffet. Jeg skal bare få det til at virke. :-)

Du mangler stadig at svare. :-)
Avatar billede roenving Novice
23. maj 2004 - 23:41 #5
Vræææl ...

Det vil sige, at der insisteres på at bruge bussen til udbringningen af kølevarerne, da man så er sikre på, at pakkerne ikke bliver for store, da de jo ellers slet ikke kan komme i køleskabet ,-(

-- jeg synes du skal beholde dine point !-)
Avatar billede javanewbie Nybegynder
23. maj 2004 - 23:46 #6
Så så. Nu ikke være ked af det. Hverken du eller jeg kan gøre noget ved det alligevel. :-)
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