tutorials.de Buch-Aktion 05/2012
ERLEDIGT
JA
ANTWORTEN
3
ZUGRIFFE
419
EMPFEHLEN
  • An Twitter übertragen
  • An Facebook übertragen
AUF DIESES THEMA
ANTWORTEN
  1. #1
    Ossi Ossi ist offline Mitglied Brokat
    Registriert seit
    Sep 2002
    Ort
    Berlin
    Beiträge
    324
    Ich habe eine Zoomfunktion (IE), die einen Startwert von 150% hat. Nun möchte ich aber, daß bei jedem weiteren Klick, der Wert um weitere 50% erhöht wird.

    Hier die Funktion:
    Code :
    1
    2
    3
    4
    
    function zoom_in() {
    document.all.divEditable.style.zoom=1.5;
    this.blur();
    }

    Sicher geht das irgendwie mit einer Schleife, wobei nach einem OnClick der jeweils neue Wert als Startwert übergeben wird, nur wie ?

    Das Zurücksetzen auf 100% erledige ich ganz einfach:
    Code :
    1
    2
    3
    4
    
    function zoom_out() {
    document.all.divEditable.style.zoom=1.0;
    this.blur();
    }
     

  2. #2
    Registriert seit
    Apr 2002
    Ort
    Viersen
    Beiträge
    298
    Auch wenn diese zoom Eigenschaft wieder Microsoft Schnickschnack ist, hier mal eine Lösung im Microsoft Stil dazu:

    Code :
    1
    
    document.all.divEditable.style.zoom = parseInt(document.all.divEditable.style.zoom)+50+'%';

    Auf die Schnelle zusammengefrickelt unter Zuhilfenahme von:
    http://msdn.microsoft.com/workshop/a...rties/zoom.asp

    so long, Fluke
     

  3. #3
    Registriert seit
    Nov 2002
    Ort
    Altdorf bei Nürnberg
    Beiträge
    3.027
    Setz doch einfach eine Variable und Teile die immer durch 2.
     

  4. #4
    Ossi Ossi ist offline Mitglied Brokat
    Registriert seit
    Sep 2002
    Ort
    Berlin
    Beiträge
    324
    Fluke hat schon die richtige Seite gefunden, hier in 10%-Schritten:
    Code :
    1
    2
    3
    4
    5
    6
    7
    8
    
    function zoom_in() {
    newZoom= parseInt(document.all.divEditable.style.zoom)+10+'%'
    document.all.divEditable.style.zoom =newZoom;
    } 
    function zoom_out() {
    newZoom= parseInt(document.all.divEditable.style.zoom)-10+'%'
    document.all.divEditable.style.zoom =newZoom;
    }

    und im Body als OnLoad: document.all.divEditable.style.zoom='100%';

    und die div noch mit: zoom:100% initialisieren, dann funktioniert´s.
     

Ähnliche Themen

  1. Zoomfunktion mit lupe
    Von Hammer-TSS im Forum Flash Plattform
    Antworten: 4
    Letzter Beitrag: 05.01.06, 11:35
  2. Zoomfunktion beim Picturesteuerelement
    Von lukasS im Forum VisualStudio & MFC
    Antworten: 2
    Letzter Beitrag: 09.05.05, 21:20
  3. Zoomfunktion einbinden
    Von noel1982 im Forum VisualStudio & MFC
    Antworten: 3
    Letzter Beitrag: 23.04.05, 15:47
  4. Zoomfunktion im Intzernet Explorer 6.0 ?
    Von quarksack im Forum Microsoft Windows
    Antworten: 6
    Letzter Beitrag: 19.12.04, 21:38
  5. Pinnacle Studio 8.4 Zoomfunktion
    Von StepTiger im Forum Videoschnitt, Videotechnik & -produktion
    Antworten: 6
    Letzter Beitrag: 17.02.04, 00:17