1. Diese Seite verwendet Cookies. Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies. Weitere Informationen

Browser-Schriftgröße über Buttons steuern...?

Dieses Thema im Forum "Web-Programmierung" wurde erstellt von Moriarty, 26.10.07.

  1. Moriarty

    Moriarty Pommerscher Krummstiel

    Dabei seit:
    17.05.04
    Beiträge:
    3.032
    Hi!

    Ich habe eine Frage: Ich möchte auf eine Seite zwei Buttons einbauen, z.B. ein "+" und ein "-", die die Schriftgröße des Browsers steuern und somit die Seite skalieren lassen.

    Wie macht man sowas? JavaScript?

    Gruß
    Dennis
     
  2. zeno

    zeno Lane's Prinz Albert

    Dabei seit:
    05.11.05
    Beiträge:
    4.898
    Jepp, mit JavaScript, z.B. so
     
  3. ma.buso

    ma.buso Châtaigne du Léman

    Dabei seit:
    16.04.05
    Beiträge:
    824
    wenn du deinen besuchern wirklich einen gefallen damit tun willst, sorgst du zusätzlich noch dafür, dass sich der browser die einstellung auch merkt.

    nichts ist nerviger, als auf jeder seite die schriftgröße einstellen zu müssen.
     
  4. Moriarty

    Moriarty Pommerscher Krummstiel

    Dabei seit:
    17.05.04
    Beiträge:
    3.032
    Hm... leider klappt es so nicht, weil alle Abmessungen in em angegeben sind auf unseren Seiten...
     
  5. svn

    svn Prinzenapfel

    Dabei seit:
    20.01.06
    Beiträge:
    553
    Besser ist du lässt son schnick schnack... Meiner Meinung nach braucht das keiner, design deine Seite halt, dass man es lesen kann. Sollte denoch jemand das Bedürfnis haben die Schrift größer haben zu wollen, macht derjenige es über den Browser.
     
  6. Nogger

    Nogger Damasonrenette

    Dabei seit:
    05.11.05
    Beiträge:
    494
    Kaum jemand weiss, dass man die Schriftgröße im Browser verändern kann, auch wenn er es gern auf mancher Seite größer hätte. Er ärgert sich nur vor sich hin.

    Dennis, was du brauchst ist eine CSS-Deklaration, die die Schriftgröße für <body> auf 100% stellt. Und das:

    Code:
    function schriftgroesse(delta){
      var zoomfaktor = +kekse.getCookie("zoom") || 100; // "+" = Type Conversion nach Zahl
      zoomfaktor = Math.round(zoomfaktor + delta);
      kekse.setCookie("zoom", zoomfaktor);
      
      try {
        document.body.style.fontSize = zoomfaktor + "%";
      } catch(err) {}  
    }
    
    Per schriftgroesse(+5) vergrößerst du die Schrift um 5%, schriftgroesse(-5) verkleinert um 5%.

    Direkt nach dem <body> Element rufst du schriftgroesse(0) auf, um den gespeicherten Wert zu setzen.
    kekse.setCookie() und kekse.getCookie() ersetzt du durch deine eigenen Cookieroutinen.
     
  7. drok

    drok Klarapfel

    Dabei seit:
    02.06.07
    Beiträge:
    278
    Wenn, dann würd ich es einfach so realisieren:
    Ich hab 2 bzw 3 ( + , - , normal) Buttons, bei klick wird ein php-Script aufgerufen und ein Wert per Url übergeben. z.b:
    "+" - "index.php?style=layout1"
    "-" - "index.php?style=layout2"
    "n" - "index.php?style=layout0"

    Im Script frägst du dann die Werte ab, dann wird das entsprechende Stylesheet geladen und in einer Session gespeichert.
     
  8. dewey

    dewey Gewürzluiken

    Dabei seit:
    01.05.06
    Beiträge:
    5.732
    schreib doch einfach hin, dass sie mit apfel + scrolln oder wie der shortcut jetzt nochmal lautet den browser zooomen könnne :D
     
  9. drok

    drok Klarapfel

    Dabei seit:
    02.06.07
    Beiträge:
    278
    Naha ich würde die Variante mit den verschiedenen Stylesheets nehmen, dann kann man auch gleich die Seite an die neue Textgröße anpassen.
    Andernfalls kann es ja passieren das es einem die Seite zerhaut.
     
  10. Moriarty

    Moriarty Pommerscher Krummstiel

    Dabei seit:
    17.05.04
    Beiträge:
    3.032
    ...Die muss natürlich standardkonform und durchdacht aufgebaut sein, dann wird eine Skalierbarkeit das Layout nicht zerschiessen... aber darum gehts garnicht. Die Seiten um die es geht sind bereits über den Browser skalierbar. Ich wollte nur zusätzlich die Buttons einbauen... werde mal die verschiedenen Lösungen durchprobieren...

    Danke erstmal an alle!:)

    Gruß
    Dennis
     
  11. drok

    drok Klarapfel

    Dabei seit:
    02.06.07
    Beiträge:
    278
    Achso, ja dann wäre so eine Lösung mit einem Javascript o.ä. sicher das einfachste.
    Da bin ich von einem falschen Standpunkt ausgegangen, daher auch gleich die Idee mit den verschiedenen Stylesheets, denn es kann ja immer passieren, wenn man die Schriftgröße erhöht, das mal was nicht so aussieht wie es eigentlich sollte ;)
    Wenn das bei Dir bereits ohne Probs funzt dann sieht das ja schon wieder anders aus.
     

Diese Seite empfehlen