Home/ Questions/Q 6968731
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-27T16:29:24+00:00

i have a html of this format. <html> <head> … </head> <body> <label id=’view’

  • 0

i have a html of this format.

<html>
<head>
...
</head>
<body>
<label id='view' onClick="ShowMe()">show my name</label>
<img src="home.jpg" width="800px" height="600px"/>
<div id='name' style="display:none;height:200px">Your Name is DARSHAN</div>
</body>
</html>

and in javascript i have this function

ShowMe()
{
var nameDiv=Ext.get('name');
var viewDiv=Ext.get('view');
nameDiv.setStyle('display','block');
nameDiv.anchorTo(viewDiv,"tr-br?");

}

this thing works fine in all browsers but in IE,When i Click on ‘Show My name’ label,its displays the ‘name’ tag near the show my name but also a vertical space is taken up by ‘name’ Div tag and a scroll bar appears. How to get rid of it?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    After discussing it with one of the experts at office i got to know this.

    when you define Div at one place and anchorTo somewhere else this problem might come. how the anchor tag works is it will take the coordinates of the div to which we r anchoring and define the top and left of the new tag accordingly. So we need to make sure that we have defined ‘poistion’ attribute value to ‘absolute’.

    So to my problem solution was adding 

    <div id='name' style="display:none;height:200px;position:absolute">Your Name is DARSHAN</div>
    • 0