Showing posts with label IE. Show all posts
Showing posts with label IE. Show all posts

How to disable copy, paste,cut options with a right click

Posted by Prince | 7:39:00 PM | , , | 0 comments »

How to disable copy, paste,cut options with a right click using javascript
                                                                     Javascript based techniques can be easily disabling javascript support methods on browsers. The following script also work with IE

Code:


<html>
<head>
</head>
<body oncopy="return false;" onpaste="return false;" oncut="return false;">
    <form id="form1" runat="server">
        <div>
           Try to copy this and paste in your editor
        </div>
    </form>
</body>
</html>


Read more ...

Div height not working in IE

Posted by Prince | 4:22:00 PM | | 1 comments »

Div height is different in IE:
            In one of my client project (In ruby) I need a slider control for change the light's intensity The intensity range from 0 to 100.But don't allow the user to give intensity bellow 50.This means prevent the user to move the slider bellow 50.  
           So I create two div elements,the first div contains the value 0...50 and its height is 4px(slider height) with green static background which means the user can't move the slider up to 50(a small trick!).The second div contains the original slider control and its value from 50...100.See the blow code(As per client requirement)  

<table cellpadding="0" cellspacing="0" border="0" >
     <tr>
        <td style="vertical-align: bottom; padding-bottom: 1px;">
              <div style="font-size: 10px;">0</div>
               <div id="divDummySlider" class="dummySlider">&nbsp;</div>
          </td>
           <td>
                <div id="divSlider"></div>
            </td>
       </tr>
   </table>  
With the following css             
            .dummySlider
            {
                background-color: green;
                height: 4px;
                width: 50px;
            }  
The above code work fine with all major browsers except IE. In IE the "divDummySlider" height is different from other browsers.See the image below...  
After that I found the following solution to fix div height problem in IE .Look at the  dummy slider height is mingled with original slider control height (See the image below...)   
                                                                      
Solution:             
             .dummySlider      
              {
                 background-color: green;
                 height: 4px;
                 width: 50px;         
                overflow:hidden; 
              }  
               Just add "overflow:hidden;" property to the "divDummySlider" style.And finally I get relief from this problem.(Hope you also)  
Read more ...

Subscribe to: Posts (Atom)
Related Posts Plugin for WordPress, Blogger...