How about `.delay()` ?

http://api.jquery.com/delay/

    $(&quot;#test&quot;).animate({&quot;top&quot;:&quot;-=80px&quot;},1500)
              .delay(1000)
              .animate({&quot;opacity&quot;:&quot;0&quot;},500);

If you can&#39;t use the `delay` method as Robert Harvey suggested, you can use `setTimeout`.

Eg.

    setTimeout(function() {$(&quot;#test&quot;).animate({&quot;top&quot;:&quot;-=80px&quot;})} , 1500); // delays 1.5 sec
    setTimeout(function() {$(&quot;#test&quot;).animate({&quot;opacity&quot;:&quot;0&quot;})} , 1500 + 1000); // delays 1 sec after the previous one

Has anyone seen a recent (and fairly balanced) study into the relative costs for software development using differing languages ? I would particular like to see the relative costs of Java Vs. C# Vs. Delphi.

Studies of relative costs for development in different languages

I&#39;ve been trying this for a bit now and have looked at other answers to similar questions on SO, but when I am trying to change the src attribute of an iframe, it updates it for the whole window. Here is the following code I am using that works correctly (no jquery):

    &lt;html&gt;
    &lt;head&gt;
    &lt;style type=&quot;text/css&quot;&gt;
    iframe#ifrm { 
        border:none;
        padding:.5em;
        margin:1.5em 0 1em;
        width:100%;
        height:100%;
    }
    &lt;/style&gt;
    &lt;script src=&quot;./js/jquery-1.4.2.js&quot; type=&quot;text/javascript&quot;&gt;&lt;/script&gt;
    &lt;script type=&quot;text/javascript&quot;&gt;
    // &lt;![CDATA[
        // !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
        // this is the function I&#39;m trying to replace:
        function loadIframe(iframeName, url) {
	    if ( window.frames[iframeName] ) {
            window.frames[iframeName].location = url;   
            return false;
        }
        return true;
    }
    // ]]&gt;
    &lt;/script&gt;
    &lt;/head&gt;

    &lt;body&gt;
    &lt;ul&gt;
    &lt;li&gt;&lt;a href=&quot;http://www.google.com/&quot; onclick=&quot;return loadIframe(&#39;ifrm&#39;, this.href)&quot;&gt;Page 1&lt;/a&gt; &lt;/li&gt;
    &lt;li&gt;&lt;a href=&quot;tabs.html&quot; onclick=&quot;return loadIframe(&#39;ifrm&#39;, this.href)&quot;&gt;Page 2&lt;/a&gt;&lt;/li&gt;
    &lt;/ul&gt;
    &lt;div class=&quot;iframe&quot;&gt;
    &lt;iframe name=&quot;ifrm&quot; id=&quot;ifrm&quot; src=&quot;tabs.html&quot; frameborder=&quot;0&quot;&gt;
    Your browser doesn&#39;t support iframes.&lt;/iframe&gt;
&lt;/div&gt;
&lt;/body&gt;
&lt;/html&gt;

As I said, I&#39;ve tried 

    $(&#39;#ifrm&#39;).attr(&#39;src&#39;, &quot;http://www.google.com&quot;)

which displays the page, but not in the iframe. I&#39;m really just learning jquery, but I can&#39;t figure out what&#39;s different about my situation than other similar questions like this:

https://stackoverflow.com/questions/1477291/jquery-and-iframe-update

Thanks.


changing iframe source with jquery

i want move up the object, delay 1000ms , then hide it,

i get the code:

    $(&quot;#test&quot;).animate({&quot;top&quot;:&quot;-=80px&quot;},1500)
          .animate({&quot;top&quot;:&quot;-=0px&quot;},1000)
          .animate({&quot;opacity&quot;:&quot;0&quot;},500);

i use &quot;.animate({&quot;top&quot;:&quot;-=0px&quot;},1000)&quot; to implement delay, it&#39;s not good.

i want:

    $(&quot;#test&quot;).animate({&quot;top&quot;:&quot;-=80px&quot;},1500)
          .sleep(1000)
          .animate({&quot;opacity&quot;:&quot;0&quot;},500);

any idea?

Jquery: how to sleep or delay?

i want move up the object, delay 1000ms , then hide it,
i get the code:
<pre><code class="hljs language-css">$("#test").animate({"top":"-=80px"},1500)
 .animate({"top":"-=0px"},1000)
 .animate({"opacity":"0"},500);
</code></pre>
i use ".animate({"top":"-=0px"},1000)" to implement delay, it's not good.
i want:
<pre><code class="hljs language-bash">$("#test").animate({"top":"-=80px"},1500)
 .sleep(1000)
 .animate({"opacity":"0"},500);
</code></pre>
any idea?

I&#39;m trying to work out what is considered valid for the property name of a javascript object.  For example

    var b = {}
    b[&#39;-^colour&#39;] = &quot;blue&quot;;     // Works fine in Firefox, Chrome, Safari
    b[&#39;colour&#39;] = &quot;green&quot;;      // Ditto
    alert(b[&#39;-^colour&#39;]);       // Ditto
    alert(b.colour);            // Ditto
    for(prop in b) alert(prop); // Ditto
    //alert(b.-^colour);     // Fails (expected)

This [post][1] details valid javascript variable names, and &#39;-^colour&#39; is clearly not valid (as a variable name). Does the same apply to object property names? Looking at the above I&#39;m trying to work out if

1. b[&#39;-^colour&#39;] is invalid, but works in all browsers by quirk, and I shouldn&#39;t trust it to work going forward

2. b[&#39;-^colour&#39;] is completely valid, but it&#39;s just of a form that can only be accessed in this manner - (it&#39;s supported so Objects can be used as maps perhaps?)

3. Something else

As an aside, a global variable in javascript might be declared at the top level as

    var abc = 0;

but could also be created (as I understand it) with 

    window[&#39;abc&#39;] = 0;

the following works in all the above browsers

    window[&#39;@&#163;$%&#39;] = &quot;bling!&quot;;
    alert(window[&#39;@&#163;$%&#39;]);

Is this valid? It seems to contradict the variable naming rules - or am I not declaring a variable there?  What&#39;s the difference between a variable and an object property name?


  [1]: https://stackoverflow.com/questions/1661197/valid-characters-for-javascript-variable-names

Valid javascript object property names

I am looking into Javascript programming without a browser. I want to run scripts from the Linux or Mac OS X command line, much like we run any other scripting language (ruby, php, perl, python...)

    $ javascript my_javascript_code.js

I looked into spider monkey (Mozilla) and v8 (Google), but both of these appear to be embedded.  

Is anyone using Javascript as a scripting language to be executed from the command line?

If anyone is curious why I am looking into this, I&#39;ve been poking around [node.js](http://www.nodejs.org).  The performance of node.js makes me wonder if javascript may be a viable scripting language for processing large data.


Executing JavaScript without a browser?

Trying to simply close an infowindow?

I already have an array of markers, so something like this would be good. Thanks

    MyMarkers[i].infowindow.close();



Google Map API v3 ~ Simply Close an infowindow?

In practice, what are the advantages of using createElement over innerHTML? I am asking because I&#39;m convinced that using innerHTML is more efficient in terms of performance and code readability/maintainability but my teammates have settled on using createElement as the coding approach. I just wanna understand how createElement can be more efficient. 

Advantages of createElement over innerHTML?

Many tools/APIs provide ways of selecting elements of specific classes or IDs. There&#39;s also possible to inspect the raw stylesheets loaded by the browser.

However, for browsers to render an element, they&#39;ll compile all CSS rules (possibly from different stylesheet files) and apply it to the element. This is what you see with Firebug or the WebKit Inspector - the full CSS inheritance tree for an element.

How can I reproduce this feature in pure JavaScript without requiring additional browser plugins?


Perhaps an example can provide some clarification for what I&#39;m looking for:

    &lt;style type=&quot;text/css&quot;&gt;
        p { color :red; }
        #description { font-size: 20px; }
    &lt;/style&gt;

    &lt;p id=&quot;description&quot;&gt;Lorem ipsum&lt;/p&gt;

Here the p#description element have two CSS rules applied: a red color and a font size of 20 px.

I would like to find the source from where these computed CSS rules originate from (color comes the p rule and so on).





Find all CSS rules that apply to an element

How can I make a textarea automatically expand using jQuery?

I have a textbox for explaining the agenda of the meeting, so I want to expand that textbox when my agenda&#39;s text keep growing that textbox area.

Auto expand a textarea using jQuery

I have a `&lt;select&gt;` element in HTML. This element represents a drop down list. I&#39;m trying to understand how to iterate through the options in the `&lt;select&gt;` element via JQuery.

How do I use JQuery to display the value and text of each option in a `&lt;select&gt;` element? I just want to display them in an `alert()` box.

Iterate through &lt;select&gt; options

I have a string &quot;-123445&quot;. Is it possible to remove the &#39;-&#39; character from the string?

I have tried the following but to no avail:

    $mylabel.text(&quot;-123456&quot;);
    $mylabel.text().replace(&#39;-&#39;, &#39;&#39;);


jQuery removing &#39;-&#39; character from string

I have read the documentation of each function on  [`jQuery official website`][1], but there is no such comparison listings between below functions:

    $().click(fn)
    $().bind(&#39;click&#39;,fn)
    $().live(&#39;click&#39;,fn)
    $().delegate(selector, &#39;click&#39;, fn)
    $().trigger(&#39;click&#39;) // UPDATED
    $().on(&#39;click&#39;, selector ,fn); // more UPDATED

Please avoid any reference link.

How do all above functions exactly works and which should be preferred in which situation?

**Note:** If there are any other function(s) having the same functionality or mechanism, Then please elaborate.

### Update ###

I have also seen a `$.trigger` function. Does it work similar to the above functions?

### More Update

Now [`.on`][2] is added in **v1.7** and I think this one somehow cover all of above functions requirement together.


  [1]: http://api.jquery.com/
  [2]: http://api.jquery.com/on/

Difference between jQuery `click`, `bind`, `live`, `delegate`, `trigger` and `on` functions (with an example)?

I want to check if a page returns the status code 401. Is this possible?

Here is my try, but it only returns 0. 

    $.ajax({
        url: &quot;http://my-ip/test/test.php&quot;,
        data: {},
        complete: function(xhr, statusText){
	    alert(xhr.status); 
        }
    });



Content Type	Original Author	Original Content on Stackoverflow
Question	Koerr	View Question on Stackoverflow
Solution 1 - Javascript	Robert Harvey	View Answer on Stackoverflow
Solution 2 - Javascript	mqchen	View Answer on Stackoverflow

Jquery: how to sleep or delay?

Javascript Problem Overview

Javascript Solutions

Solution 1 - Javascript

Solution 2 - Javascript

changing iframe source with jquery

Studies of relative costs for development in different languages

Attributions