Click here to Skip to main content
15,912,457 members

Comments by Deepthi.21456 (Top 13 by date)

Deepthi.21456 25-Mar-13 5:12am View    
Plz check below code once

<html>
<head>
<script type="text/javascript">
function sample(a){
alert(a);
sampleDiv.style.zoom=a;
document.getElementById('sampleDiv').style.MozTransform = "scale("+a+")";
document.getElementById('sampleDiv').style.OTransform = "scale("+a+")";
document.getElementById('sampleDiv').style.WebTransform = "scale("+a+")";
document.getElementById('sampleDiv').style.overflow="scroll";

}
</script>
</head>
<body>
<!--<button önclick="sampleDiv.style.zoom='300%'">Zoom 300%</button>
<button önclick="sampleDiv.style.zoom='200%'">Zoom 200%</button>
<button önclick="sampleDiv.style.zoom='100%'">Zoom 100%</button>-->
<select önchange="sample(this.value)" style="float: left;width: 100%;">
<option value="1">100%</option>
<option value="1.5">150%</option>
<option value="2">200%</option>
<option value="3">300%</option>
</select>
<div id="sampleDiv" style="float: left;width: 600px; background-color: Gray;margin: 10px;height: 300px;">
Zoom Me
</div>
</body>
</html>
If it exceeds the div height and width overflow should come.But it is not working.
Deepthi.21456 25-Mar-13 5:01am View    
what is optionT,OptionSelected in the above code
Deepthi.21456 25-Mar-13 4:00am View    
How to give that css in javascript.
Deepthi.21456 25-Mar-13 3:40am View    
I tried like above.In chrome it is working.Mozilla it is not working.
Deepthi.21456 25-Mar-13 3:35am View    
It is working in chrome.Remaining browsers it is not working?