Oprettet ons. d. 04. november 2009 kl. 09:49:24

dotcom1
dotcom1 (18.819 point. Point ude: 60)

Tilføj funktion i større/mindre skriftsørrelse-script

Hej.

Jeg har dette script, som kan gøre skriftstørrelsen større eller mindre. Det virker glimrende, men jeg mangler en funktion, som kan sætte skriftstørrelsen til standard. Kan nogen hjælpe med sådan en funktion?

<script type="text/javascript">
/* Use with multiple IDs: <a href="java script:increaseFontSize('myID','myID2','myID3');">A</a> */

var min=8;
var max=22;

function increaseFontSize() {
for(var i=0; i<arguments.length; i++) {
  var p = document.getElementById(arguments[i]);
      var s = parseInt(p.currentStyle ? p.currentStyle.fontSize : getComputedStyle(p, null).fontSize);
      if(s!=max) {
        s += 1;
      }
      p.style.fontSize = s+"px"
    }
}
function decreaseFontSize() {
for(var i=0; i<arguments.length; i++) {
  var p = document.getElementById(arguments[i]);
      var s = parseInt(p.currentStyle ? p.currentStyle.fontSize : getComputedStyle(p, null).fontSize);
      if(s!=min) {
        s -= 1;
      }
      p.style.fontSize = s+"px"
      }
}
</script>

Skrevet ons. d. 04. november 2009 kl. 10:22:29| #1

Du kan "huske" hvad du selv har gjort ved størrelserne undervejs:

F.eks. i en globalt huskekage: var origSizes = ""

Inden du ændrer størrelsen på et element, checker du om det findes i huskekagen:
if (origSizes.indexOf( ":"+arguments[i]+":") == -1)
    origSizes += ":"+arguments[i]+":"+s //s=den nuværende (=originale) størrelse

Og reset må så blive noget i retning af

function resetSizes()
    {
    var ar = split(":",origSizes)
    for (i=1;i<ar.length;i+=2)
        document.getElementById( ar[i] ).style.fontSize = ar[i+1]+"px"
    }

NB: Helt utestet - Bare en idé, ikk' : )

Skrevet ons. d. 04. november 2009 kl. 15:15:51| #2

dotcom1
dotcom1 (18.819 point)
Hej og tak for svaret.

Jeg er ikke skarp til javaScript - hvor indsættes:

if (origSizes.indexOf( ":"+arguments[i]+":") == -1)
    origSizes += ":"+arguments[i]+":"+s //s=den nuværende (=originale) størrelse

i scriptet?

Skrevet ons. d. 04. november 2009 kl. 17:56:59| #3

Lige før du ændrer:


function increaseFontSize()
  {
  var s,p,i
  for(i=0; i<arguments.length; i++)
    {
    p = document.getElementById(arguments[i])
    s = parseInt(
p.currentStyle ? p.currentStyle.fontSize : getComputedStyle(p, null).fontSize
                        )

    if (origSizes.indexOf( ":"+arguments[i]+":") == -1)
      origSizes += ":"+arguments[i]+":"+s

    if(s < max)
      s += 1

    p.style.fontSize = s+"px"
    }
  }

Og tilsvarende i den anden funktion, ikk'

Skrevet tor. d. 05. november 2009 kl. 11:18:21| #4

dotcom1
dotcom1 (18.819 point)
Ok, tak.

Jeg får følgende fejl: "Split is not defined" for linien:
    var ar = split(":",origSizes)

---

<script type="text/javascript">
/* Use with multiple IDs: <a href="java script:increaseFontSize('myID','myID2','myID3');">A</a> */
var min=8;
var max=22;
var origSizes = ""
function increaseFontSize() {
for(var i=0; i<arguments.length; i++) {
  var p = document.getElementById(arguments[i]);
      var s = parseInt(p.currentStyle ? p.currentStyle.fontSize : getComputedStyle(p, null).fontSize);
      if (origSizes.indexOf( ":"+arguments[i]+":") == -1)
      origSizes += ":"+arguments[i]+":"+s
      if(s!=max) {
        s += 1;
      }
      p.style.fontSize = s+"px"
    }
}
function decreaseFontSize() {
for(var i=0; i<arguments.length; i++) {
  var p = document.getElementById(arguments[i]);
      var s = parseInt(p.currentStyle ? p.currentStyle.fontSize : getComputedStyle(p, null).fontSize);
      if (origSizes.indexOf( ":"+arguments[i]+":") == -1)
      origSizes += ":"+arguments[i]+":"+s
      if(s!=min) {
        s -= 1;
      }
      p.style.fontSize = s+"px"
      }
}
function resetSizes()
    {
    var ar = split(":",origSizes)
    for (i=1;i<ar.length;i+=2)
        document.getElementById( ar[i] ).style.fontSize = ar[i+1]+"px"
    }
  </script>

Skrevet tor. d. 05. november 2009 kl. 12:21:08| #5

Ups - det var PHP-syntax. Rettes til:
var ar = origSizes.split(":")

Skrevet tor. d. 05. november 2009 kl. 12:42:59| #6

dotcom1
dotcom1 (18.819 point)
Hey, og mange tak. Det ser ud til at virke helt fint. Læg lige et svar.

Tak for hjælpen. :)

Skrevet tor. d. 05. november 2009 kl. 15:06:27| #7


Skriv et indlæg




Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] [img]link til billede[/img]
Web- og emailadresser omdannes automatisk til links

Log ind

   

   

Seneste spørgsmål

Tabindex!

Oprettet den 11. februar 2012 kl. 11.37
thomasfricke giver 30 point for svar | Giv et svar »

skal frem brugernavn ned og sige om den har eller ej

Oprettet den 11. februar 2012 kl. 02.44
tobrukDk giver 20 point for svar | Giv et svar »

Muligvis script-konfllikt i jquery. Min slider vises...

Oprettet den 9. februar 2012 kl. 23.00
Peterjakobsen giver 30 point for svar | Giv et svar »

Seneste guides

Installer win 7
Den gode bruger


   




Tips & Tricks fra PC World

Teaser billede

Her er fem sjove danske websider du skal kende

Trænger dine lattermuskler til en omgang fitness på dansk? Vi viser vej til fem websider fyldt med humor og vanvittig satire.


Anmeldelser fra PC World

Teaser billede

Test: Denne super-tablet er iPads hårdeste konkurrent

Eee Pad Transformer Prime er frygtindgydende med sin quadcore processor og evne til at trylle sig om til bærbar. Apple bør kigge i bagspejlet, for Asus' tablet-pc kommer buldrende - og gør det...


Seneste blogindlæg

Teaser billede

Tvangslukke spørgsmål: Hvad er den bedste løsning?

Hej Vi har mange åbne spørgsmål på Eksperten. Vi ville gerne tvangslukke dem - så et spørgsmål efter f.eks. 6 måneder lukkes. Men der er et par uklarheder som ville være gode at få lidt input til:...


Nyheder fra PC World

Teaser billede

Nu kan du snart hente Windows 8

Den nye offentlige betaversion af Windows 8 er klar i denne måned.


Nyheder fra Computerworld

Teaser billede

Måske snart slut med Androids helt store problem

Android-platformen har længe været plaget af et særligt problem. Men måske er problemet nu ved at være elimineret.


Kurser
Samarbejdspartnere

Udgiver · © 2012 IDG Danmark A/S · Hørkær 18 · 2730 Herlev · Tlf.: 77 300 300 · Fax: 77 300 301 · Brug af personoplysninger