Bala-Krishna » Java Script http://www.bala-krishna.com Web Developer & Internet Marketing Consultant Sat, 06 Mar 2010 13:07:13 +0000 http://wordpress.org/?v=abc en hourly 1 PNG Files Transparency Problem(Grey Color) in Internet Explorer http://www.bala-krishna.com/png-files-transparency-problemgrey-color-in-internet-explorer/ http://www.bala-krishna.com/png-files-transparency-problemgrey-color-in-internet-explorer/#comments Fri, 19 Dec 2008 23:55:56 +0000 Bala Krishna http://www.bala-krishna.com/?p=480 Internet Explorer below 7.0 does not support 24-bit alpha channel transparent PNG images. PNG image background turn into gray color rather then transparent. IE version 7 and above completely solved this issue and fully support PNG images.? Other modern browser such as Firefox, Opera, Flock support png images from start.

How to Fix:

  • Use transparent gif file instead of PNG file.
  • Avoid direct use of images for transparent PNG file. Use Microsoft AlphaImageLoader filter, as described below:

    <DIV ID=”oDiv” STYLE=”position:absolute; left:140px; height:400; width:400;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(
    src=’image.png’, sizingMethod=’scale’);” >
    </DIV>

  • Download pngfix javascript pngfix file. Extract zip file and upload on your webserver. This .JS file uses same concept as in second point to render PNG images.
  • Include js file within <head></head> section like below.? Replace “your file path” with actual file path before upload. 
    <!--[if lt IE 7.]>
<script defer type="text/javascript" src="your file path/pngfix.js"></script>
<![endif]-->n
  • Save the document and upload to server. This fix apply to all PNG images automatically in Internet Explorer. Other browser simply ignore this.
]]> http://www.bala-krishna.com/png-files-transparency-problemgrey-color-in-internet-explorer/feed/ 0 Create JavaScript Confirm Box for Record Deletion http://www.bala-krishna.com/create-javascript-confirm-box-for-record-deletion/ http://www.bala-krishna.com/create-javascript-confirm-box-for-record-deletion/#comments Sat, 11 Oct 2008 03:44:13 +0000 Bala Krishna http://www.bala-krishna.com/?p=455 Confirmation before deletion of record is very useful to preserve data from accidental record deletion. With confirmation process will be in two steps. Here is the javascript way to ask user whether they want to delete record or not.

<a onclick=”return confirm(‘Are you sure you want to delete?’)” href=”page.page?act=delete&id=1″>Delete</a>

You can see above example. The method is very easy.? if you click OK.. then function will return true and browser navigate href URL otherwise false value will be return and your click will not work.

You can achieve same functionality by wraping above method in a function.

]]> http://www.bala-krishna.com/create-javascript-confirm-box-for-record-deletion/feed/ 0