✔ Zoomfunktion in 50%-Schritten

[Ossi]

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:

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:

function zoom_out() {
document.all.divEditable.style.zoom=1.0;
this.blur();
}

 

[Peter Bönnen]

Auch wenn diese zoom Eigenschaft wieder Microsoft Schnickschnack ist, hier mal eine Lösung im Microsoft Stil dazu:

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

Auf die Schnelle zusammengefrickelt unter Zuhilfenahme von:
http://msdn.microsoft.com/workshop/author/dhtml/reference/properties/zoom.asp

so long, Fluke

 

[Fabian H]

Setz doch einfach eine Variable und Teile die immer durch 2.

 

[Ossi]

Fluke hat schon die richtige Seite gefunden, hier in 10%-Schritten:

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.