javascript – creating jquery functions and using them for html elements?

im trying to create this function in javascript but its not working, im a bit new to js, so i don\’t what im really doing wrong here.

the code:

<div id=\"test\">TESTING</div>

JS:

function animateDiv(div){

var text = $(\'#\' + div + \'\"\').text();

var doAnimate = function() {
    $(\'span\').each(function() {
        var that = $(this);
        setTimeout(function() {
            that.animate({ fontSize: \"90px\" }, 1500 )
                .animate({ fontSize: \"50px\" }, 1500 );
        },that.index()*100);
    });
}

$(\'#\' + div + \"\'\").html(\'\');

for(i=0; i<text.length; i++) {
  $(\'#\' + div + \"\'\").append(\'<span>\'+text[i]+\'</span>\');
    if(i==text.length-1) doAnimate();
  }

}
  // using the function here to run animation on div test from html  
 animateDiv(test);

the jsfiddle is here: http://jsfiddle.net/aA8Un/3/

Rating: 4 out of 5 based on 4 ratings

Posts Related to javascript - creating jquery functions and using them for html elements?

• Jul 19th, 2012 jquery - Accessing elements inside dynamically created divs with HTML/Javascript Thursday AM 06:56:16


• Jul 23rd, 2012 Creating Form dynamically with Javascript Monday PM 14:10:35


• Jul 08th, 2012 grouping - jQuery wrap every X elements in div Sunday PM 12:32:47


• Jul 22nd, 2012 javascript - How to loop images in array with prev/next functionality Sunday AM 03:56:34


• Jul 17th, 2012 javascript - Declaring variables and functions, in what order? Tuesday AM 01:39:51


• Jul 19th, 2012 behavior of javascript getElementById() when there are elements with duplicate IDs in HTML DOM? Thursday AM 04:25:23


• Jul 08th, 2012 python - Preventing a security breach Sunday AM 07:12:06


• Jul 19th, 2012 internet explorer - Reading custom HTML elements using JavaScript is not working in IE Thursday AM 01:36:01


• Jul 22nd, 2012 Javascript: TypeError variable is undefined Sunday AM 06:16:26


• Jul 10th, 2012 javascript - How to find the parent of a group of elements with jQuery? Tuesday PM 15:43:21

The post javascript – creating jquery functions and using them for html elements? appeared first on Javascript ASK.

via Javascript ASK http://javascriptask.phpfogapp.com/javascript-creating-jquery-functions-and-using-them-for-html-elements.html