Javascript: Hiding Images

ncthakur.itgo.com Javascript: Hiding Images
NEPAL \| ARTICLES \| KAVITAHARU \| MANTHAN \| COOL LINKS \| GUESTBOOK \| SEARCH

JAVASCRIPT As I have learned as a beginner: 1. Opening New Window 2. Use of Alert, Prompt & Confirm 3. Document Write 4. Use of Function 5. Event Handlers (Image Rollover) 6. If and Else Statement 7. Predefined Object (Date) 8. Cut & Paste JavaScript NEPAL Overview of Nepal Map & images Nepalese websites KAVITAHARU View few of my poems written in Nepali language ARTICLES Articles on crime prevention investigation & crime control COOL LINKS Computer Travel & Tour Police World Downloads Personality Test Nepal News Crime & Police News Nepali Music Health Horoscope Monthly Poll Other ADD EMAIL Search or add email to the search list. GUESTBOOK View to find out what other visitors have to say about this web site. KURAKANI Are you interested to chat? Go to Kurakani room. FREE E-CARDS Enormous free E-Cards of your choice. Send it to your friend and family members. FREE SITE SUBMIT Submit your web site to the major search engines here. ABOUT ME Click here to find out about me and view few of my photographs.		Cut and Paste JavaScript Hiding Image on mouseover This script can be used to hide the image if the user tries to run mouse pointer over image for right click or any other purpose. Try it on the follwoing image. Copy and place the script between the HEAD Tags <script language="JavaScript"> /* Hiding image Author: Narayan Chand Thakur Source: http://ncthakur.itgo.com/ This may be used freely as long as this message is intact. / <!-- function hideImage(){ if (document.layers){ document.layimage1.visibility="hide" alert("Never try that again") } else if(document.all\|\|document.getElementById){ (document.getElementById)? nct=document.getElementById("docimage") : nct=document.all.docimage nct.style.visibility="hidden"; alert("Never try that again") //you may exclude alert } } //--> </script> Copy and place the following texts into the BODY tags <div id="docimage" style="position:absolute" left="280" top="300"> <layer id="layimage1" left="280" top="300"> <p style="cursor:hand"><a href="#" onMouseover="hideImage();return true"><img src='your image.gif' border='0'></p> </layer></div> BACK*