DIV: Zoom in/out
Nico
- javascript
Hi,
habe eine DIV-Box mit Texten und Images usw.
Nun würde ich gerne auf der Website einen Button für Zoom-in und Zoom-out ergänzen.
Damit sollten dann _alle_ Elemente in dem DIV z.B. um 10% größer dargestellt werden.
Hält Javascript hierfür eine schöne Lösung bereit?
Thanks
Hallo
habe eine DIV-Box mit Texten und Images usw.
Nun würde ich gerne auf der Website einen Button für Zoom-in und Zoom-out ergänzen.
Damit sollten dann _alle_ Elemente in dem DIV z.B. um 10% größer dargestellt werden.
Hält Javascript hierfür eine schöne Lösung bereit?
Ja, indem du die Kindelemente <http://de.selfhtml.org/javascript/objekte/style.htm@title=per JavaScript neu formatierst>.
Tschö, Auge
Ja, indem du die Kindelemente <http://de.selfhtml.org/javascript/objekte/style.htm@title=per JavaScript neu formatierst>.
Es ist nach Mitternacht, die Kinder bleiben alle im Bett.
Soll der Elter sich doch anpassen:
<script type="text/javascript">
var groesse = 1;
function size( art )
{
//alert( groesse );
if ( art == '+' ) groesse = Math.round( groesse *110 ) /100;
else if ( art == '-' ) groesse = Math.round( groesse *91 ) /100;
else groesse = 1;
document.getElementsByTagName('body')[0].style.fontSize = groesse +'em';
}
</script>
<body>
<p onClick="size('+')">größer</p>
<p onClick="size('-')">kleiner</p>
<p onClick="size('=')">Standard</p>
</body>