Archive for the ‘JavaScript’ Category
Javascript Explode
Friday, April 2, 2010 0:32 1 CommentWhat is the equivalent function for php explode in Javascript?
There is no explode function in java script.but we can handle the explode functionality by writing some custom functions. here is a simple java script code for you.
If you Run the following code
explode(’. ‘, ‘blog.altmint.com);
It Could return
1.{0: ‘blog’, 1: ‘altmint’, 2: ‘com’}
function explode( delimiter, string, limit [...]
Alter Css Properties with Jquery
Thursday, March 25, 2010 9:40 No Commentshow to change the Properties of class or id with javascript?
It is very simple with jquery. we can alter or add any css property to the class or id. here is a sample example for it.
Assuming Jquery is Included
$(”#IdName”).css(”color”,”red”);
(or)
$(”.Classname”).css(”color”,”red”);
CSS Properties To JavaScript Reference Conversion
Thursday, March 25, 2010 8:29 2 CommentsCSS 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 (and other Mozilla)
document.getElementById(div_id).style.JS_property_reference = “new_CSS_property_value”;
Note the use of parentheses instead of square brackets in newer Mozilla’s “getElementById()” reference.
JavaScript Image Rotator
Tuesday, March 9, 2010 2:40 1 CommentWe can rotate the image by angle.here is a source code for it ..( rotate an image by an arbitrary angle, it works in IE7 & FF3
<html>
<head>
<!–
**** Universal JavaScript Image Rotator v1.1 (16-03-2009)
//–>
<script type="text/javascript">
<!–
//******************** Image parameters *******************
imagename='kk.jpg'
xsize=180
ysize=240
//*********** nothing to configure below this line ********
//–>
</script>
</head>
<body style="margin:20px">
<H1>Universal JavaScript Image Rotator v1.0 (14-03-2009)</H1>
<div id="container" style="overflow:hidden">
<script type="text/javascript">
<!–
[...]