Archive for the 'JavaScript' category

Javascipt pop-pop window

<SCRIPT TYPE="text/javascript"> <!-- function popup(mylink, windowname){ if (! window.focus)return true; var href; if (typeof(mylink) == 'string') href=mylink; else href=mylink.href; window.open(href, windowname, 'width=1024,height=576,scrollbars=no'); return false; } //--> </SCRIPT> and <A ...

CSS Properties To JavaScript Reference Conversion

CSS Property JavaScript Reference background background background-attachment backgroundAttachment background-color backgroundColor background-image backgroundImage background-position backgroundPosition background-repeat backgroundRepeat border border border-bottom borderBottom border-bottom-color borderBottomColor border-bottom-style borderBottomStyle border-bottom-width borderBottomWidth border-color borderColor border-left borderLeft border-left-color borderLeftColor border-left-style borderLeftStyle border-left-width borderLeftWidth border-right borderRight border-right-color borderRightColor border-right-style borderRightStyle border-right-width borderRightWidth border-style borderStyle border-top borderTop border-top-color borderTopColor border-top-style borderTopStyle border-top-width borderTopWidth border-width borderWidth clear clear clip clip color color cursor cursor display display filter filter font font font-family fontFamily font-size fontSize font-variant fontVariant font-weight fontWeight height height left left letter-spacing letterSpacing line-height lineHeight list-style listStyle list-style-image listStyleImage list-style-position listStylePosition list-style-type listStyleType margin margin margin-bottom marginBottom margin-left marginLeft margin-right marginRight margin-top marginTop overflow overflow padding padding padding-bottom paddingBottom padding-left paddingLeft padding-right paddingRight padding-top paddingTop page-break-after pageBreakAfter page-break-before pageBreakBefore position position float styleFloat text-align textAlign text-decoration textDecoration text-decoration: blink textDecorationBlink text-decoration: line-through textDecorationLineThrough text-decoration: none textDecorationNone text-decoration: overline textDecorationOverline text-decoration: underline textDecorationUnderline text-indent textIndent text-transform textTransform top top vertical-align verticalAlign visibility visibility width width z-index zIndex Usage Internet Explorer document.all.div_id.style.JS_property_reference = "new_CSS_property_value";   Older Netscape's (4.7 and earlier) document.div_id.JS_property_reference = "new_CSS_property_value";   Netscape 6.0+ and Opera ...

OnClick change background image (url)

JavaScript Function <script language="JavaScript1.2" type="text/javascript"> function ChangeBgImg(imgs) { bdy[0].style.backgroundImage = 'url('+imgs+')'; } function ResetBG() { bdy = document.getElementsByTagName("body"); bdy[0].style.backgroundImage = 'url(image.jpg)'; } onload=ResetBG; </script> <style> img { width: 100px; height: 100px;} </style> HTML Body <table> <tr> <td> <img ...