<div>
<input id="mytext" type="text" size="10" value="Hello!" οnfοcus="setbgColor('yellow')"
οnblur="setbgColor('white')" />
<script type="text/javascript">
function setbgColor(c) {
document.getElementById("mytext").style.backgroundColor = c;
}
function big() {
//alert("onfocus");
document.getElementById("MyFrame").style.width = "200px";
//..................................................document.getElementById("MyFrame").blur();
}
function small() {
//alert("onblur");
document.getElementById("MyFrame").style.width = "150px";
}
function fun1() {
//document.getElementById("mytext").focus();
document.getElementById("MyFrame").blur();
//document.getElementById("MyFrame").focus();
}
function fun2() {
//document.getElementById("mytext").focus();
//document.getElementById("MyFrame").blur();
document.getElementById("MyFrame").focus();
}
</script>
<iframe id="MyFrame" src="WebForm2.aspx" width="150px" frameborder="1" height="150px"
style="border: 1px solid black; position: absolute; top: 150px; left: 150px;"
οnfοcus="big()" οnblur="small()"></iframe>
<input style="width:100px; height:30px;" value="fun1" type="button" οnclick="fun1()" />
<input style="width:100px; height:30px;" value="fun2" type="button" οnclick="fun2()" />
</div>
<input id="mytext" type="text" size="10" value="Hello!" οnfοcus="setbgColor('yellow')"
οnblur="setbgColor('white')" />
<script type="text/javascript">
function setbgColor(c) {
document.getElementById("mytext").style.backgroundColor = c;
}
function big() {
//alert("onfocus");
document.getElementById("MyFrame").style.width = "200px";
//..................................................document.getElementById("MyFrame").blur();
}
function small() {
//alert("onblur");
document.getElementById("MyFrame").style.width = "150px";
}
function fun1() {
//document.getElementById("mytext").focus();
document.getElementById("MyFrame").blur();
//document.getElementById("MyFrame").focus();
}
function fun2() {
//document.getElementById("mytext").focus();
//document.getElementById("MyFrame").blur();
document.getElementById("MyFrame").focus();
}
</script>
<iframe id="MyFrame" src="WebForm2.aspx" width="150px" frameborder="1" height="150px"
style="border: 1px solid black; position: absolute; top: 150px; left: 150px;"
οnfοcus="big()" οnblur="small()"></iframe>
<input style="width:100px; height:30px;" value="fun1" type="button" οnclick="fun1()" />
<input style="width:100px; height:30px;" value="fun2" type="button" οnclick="fun2()" />
</div>