Works in Chrome not Firefox

JavaScript
1

I have used the following to create zoom button which work fine within Chrome but not Firefox.

<input type="button" value="A" ONCLICK="zoomin();" class="zoombutton" >
<input type="button"  value="a" ONCLICK="zoomout();" class="zoombutton" >

<script language="JavaScript" type="text/javascript">

function zoomin(){
if(parent.parent.document.body.style.zoom!=0) 
parent.parent.document.body.style.zoom*=1.2; 
else 
parent.parent.document.body.style.zoom=1.2;
}
function zoomout(){
if(parent.parent.document.body.style.zoom!=0) 
parent.parent.document.body.style.zoom*=0.833; 
else 
parent.parent.document.body.style.zoom=0.833;
}
</script>

Thanks in advance

2

The CSS zoom property is a relatively new one, supported only in CSS3 I think.

Because it’s relatively new, you’ll find that there is not a full level of support for it yet.

3

Duplicate thread.

Because there’s a fuller discussion in the other thread, I’m closing this one.