codekhan.com
How to sort numbers in an array using JavaScript?
http://www.codekhan.com/2013/10/how-to-sort-numbers-in-array-using.html
Tuesday, October 29, 2013. How to sort numbers in an array using JavaScript? Tuesday, October 29, 2013. Sort numbers in an array using JavaScript:. Function sortingArray() { var beforeSorting = [40,100,1,5,25,10]; var afterSorting; document.getElementById("beforeSorting").innerHTML = beforeSorting; afterSorting = beforeSorting.sort(function(a,b){return a-b}); document.getElementById("afterSorting").innerHTML = afterSorting; }. Posted in: array sorting. March 18, 2015 at 12:29 PM. Silverlight Controls : H...
codekhan.com
How to generate a random number between two numbers using JavaScript?
http://www.codekhan.com/2013/10/how-to-generate-random-number-between.html
Saturday, October 26, 2013. How to generate a random number between two numbers using JavaScript? Saturday, October 26, 2013. Generate a random number between two numbers using JavaScript:. Function randomNumber(minNum,maxNum){ var numLow = minNum; var numHigh = maxNum; if (! IsNaN(numHigh) & (parseFloat(numLow) = parseFloat(numHigh) & (numLow! Var adjustedHigh = (parseFloat(numHigh) - parseFloat(numLow) 1; var numRand = Math.floor(Math.random()*adjustedHigh) parseFloat(numLow);. DOCTYPE html html head s...
codekhan.com
How to make any div container resizable using CSS3?
http://www.codekhan.com/2013/10/how-to-make-any-div-container-resizable.html
Saturday, October 19, 2013. How to make any div container resizable using CSS3? Saturday, October 19, 2013. Make any div container resizable using CSS3:. ResizableContainer { resize: both; overflow: auto; color:#FFFFFF; background: blue; width: 300px; height:300px; padding: 10px; display:inline; float:left; } .notResizableContainer { background: yellow; width: 300px; height:300px; padding: 10px; display:inline; float:left; }. DOCTYPE html html head style .resizableContainer { resize: both; overflow: ...
codekhan.com
How to get a notification (callback) once CSS3 transition is completed using JQuery?
http://www.codekhan.com/2013/10/how-get-notification-callback-once-css3.html
Saturday, October 19, 2013. How to get a notification (callback) once CSS3 transition is completed using JQuery? Saturday, October 19, 2013. Get a notification (callback) once CSS3 transition is completed using JQuery:. TransitioningContainer").on('transitionend webkitTransitionEnd oTransitionEnd MSTransitionEnd', function() { $("#callBackMessage").html("Alert! CSS3 transition got completed"); });. DOCTYPE html html head style div.transitioningContainer { margin:40px auto; padding:5px; color:#FFFFFF;...
codekhan.com
How to animate corners of the div container on mouse hover using CSS3?
http://www.codekhan.com/2013/10/how-to-animate-corners-of-div-container.html
Sunday, October 20, 2013. How to animate corners of the div container on mouse hover using CSS3? Sunday, October 20, 2013. Animate corners of the div container on mouse hover using CSS3:. MainContainer{ width:200px; height:200px; background:red; margin:10px auto; transition: border-radius 0.3s, background 0.5s; } .mainContainer:hover{ border-radius:100px; background:blue; }. November 21, 2014 at 12:53 AM. Quick, Simple and beautiful hover example. thanks. Subscribe to: Post Comments (Atom). How to apply ...
codekhan.com
How to apply different style to all anchors containing a specific word using JavaScript?
http://www.codekhan.com/2013/10/how-to-apply-different-style-to-all.html
Thursday, October 17, 2013. How to apply different style to all anchors containing a specific word using JavaScript? Thursday, October 17, 2013. Apply different style to all anchors containing a specific word using regular expressions:. For (var i=0; i document.links.length; i ) { if (/ bcodekhan b/i.test(document.links[i].innerHTML) document.links[i].style.color= 'red'; }. DOCTYPE html html head style body {. Style /head body div id="mainContainer". A href="http:/ www.codekhan.com" As this line ...This ...
codekhan.com
How to prevent user from selecting text on the webpage using CSS?
http://www.codekhan.com/2013/10/how-to-prevent-user-from-selecting-text.html
Tuesday, October 22, 2013. How to prevent user from selecting text on the webpage using CSS? Tuesday, October 22, 2013. Prevent user from selecting text on the webpage using CSS:. PcannotSelect { -webkit-user-select: none; -ms-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none; }. Subscribe to: Post Comments (Atom). How to prevent user from selecting text on the webpage using CSS? How to use abbreviation or abbr tag in HTML5? How to use blockquote tag in HTML5? Silverlight...
codekhan.com
Disclaimer
http://www.codekhan.com/p/disclaimer.html
All the Articles in this blog and other online community sites are totally my personal views and they are No Way related to my Current Employer or Previous Employers. All the data and information provided in this blog is for informational purposes only. No one can use this information for commercial purposes without my prior permission. You can always use any of my article links anywhere but the content cannot be copied and paste. Subscribe to: Posts (Atom). How to use abbreviation or abbr tag in HTML5?
codekhan.com
How to apply gradients to the complete body of the webpage using CSS3?
http://www.codekhan.com/2013/10/how-to-apply-gradients-to-complete-body.html
Thursday, October 24, 2013. How to apply gradients to the complete body of the webpage using CSS3? Thursday, October 24, 2013. Apply gradients to the complete body of the webpage using CSS3:. Html { min-height: 100%;. DOCTYPE html html head style html { min-height: 100%;. Subscribe to: Post Comments (Atom). How to prevent user from selecting text on the webpage using CSS? How to use abbreviation or abbr tag in HTML5? How to use blockquote tag in HTML5?
codekhan.com
How to make CSS3 animation play till end and then stop completely?
http://www.codekhan.com/2013/10/how-to-make-css3-animation-play-till.html
Monday, October 21, 2013. How to make CSS3 animation play till end and then stop completely? Monday, October 21, 2013. Make CSS3 animation play till end and then stop completely:. Div { background-color: #ff0000; width:200px; margin:10px auto; padding:10px; color:#FFFFFF; animation: forwardAnimation 2s 1 ease forwards; -webkit-animation: forwardAnimation 2s 1 ease forwards; } @keyframes forwardAnimation {. 100% { background-color: #0000ff; } } @-webkit-keyframes forwardAnimation {. The abbr tag represent...