How about onblur event :

    &lt;input type=&quot;text&quot; name=&quot;name&quot; value=&quot;value&quot; onblur=&quot;alert(1);&quot;/&gt;


You want to use the [onblur][1] event.

    &lt;input type=&quot;text&quot; name=&quot;name&quot; value=&quot;value&quot; onblur=&quot;alert(1);&quot;/&gt;


  [1]: https://developer.mozilla.org/En/DOM:element.onblur

You&#39;re looking for the `onblur` event. Look [here][1], for more details.


  [1]: http://homepage.ntlworld.com/kayseycarvey/jss3p3.html

From [w3schools.com][1]: *Made compatible with Firefox Sept, 2016*

    &lt;input type=&quot;text&quot; onfocusout=&quot;myFunction()&quot;&gt;


  [1]: http://www.w3schools.com/jsref/event_onfocusout.asp

I was trying to erase a range of elements from map based on particular condition. How do I do it using STL algorithms?

Initially I thought of using `remove_if` but it is not possible as remove_if does not work for associative container.

Is there any &quot;remove_if&quot; equivalent algorithm which works for map ?

As a simple option, I thought of looping through the map and erase. But is looping through the map and erasing a safe option?(as iterators get invalid after erase)

I used following example:

    bool predicate(const std::pair&lt;int,std::string&gt;&amp; x)
    {
    	return x.first &gt; 2;
    }
    
    int main(void) 
    {
    	
    	std::map&lt;int, std::string&gt; aMap;
    
    	aMap[2] = &quot;two&quot;;
    	aMap[3] = &quot;three&quot;;
    	aMap[4] = &quot;four&quot;;
    	aMap[5] = &quot;five&quot;;
    	aMap[6] = &quot;six&quot;;
    
    //      does not work, an error
    //	std::remove_if(aMap.begin(), aMap.end(), predicate);
    
    	std::map&lt;int, std::string&gt;::iterator iter = aMap.begin();
    	std::map&lt;int, std::string&gt;::iterator endIter = aMap.end();
    
    	for(; iter != endIter; ++iter)
    	{
    			if(Some Condition)
    			{
                                // is it safe ?
    				aMap.erase(iter++);
    			}
    	}
    
    	return 0;
    }



remove_if equivalent for std::map

I know we can append strings using `StringBuilder`. Is there a way we can prepend strings (i.e. add strings in front of a string) using `StringBuilder` so we can keep the performance benefits that `StringBuilder` offers?

How can we prepend strings with StringBuilder?

I have a standard HTML input that I want to run JavaScript code when it loses focus. Sadly my Google searches did not reveal how to do this.

To make it clear, I&#39;m looking for a way to do this:

    &lt;input type=&quot;text&quot; name=&quot;name&quot; value=&quot;value&quot; onlosefocus=&quot;alert(1);&quot;/&gt;


Run JavaScript when an element loses focus

I have a standard HTML input that I want to run JavaScript code when it loses focus. Sadly my Google searches did not reveal how to do this.
To make it clear, I'm looking for a way to do this:
<pre><code class="hljs language-ini">&#x3C;input type="text" name="name" value="value" onlosefocus="alert(1);"/>
</code></pre>

Does JavaScript have a built-in function like PHP&#39;s `addslashes` (or `addcslashes`) function to add backslashes to characters that need escaping in a string?

For example, this:

&gt; This is a demo string with
&gt; &#39;single-quotes&#39; and &quot;double-quotes&quot;.

...would become:

&gt; This is a demo string with
&gt; \&#39;single-quotes\&#39; and
&gt; \&quot;double-quotes\&quot;.


Escaping Strings in JavaScript

I want tabs along the left side of the page instead of across the top.  I&#39;m already loading jQuery for other reasons (effects), so I prefer using jQuery to another UI framework.  Searches on &quot;vertical tabs jquery&quot; yield links to works-in-progress.  


Is getting Vertical Tabs to work across browsers fraught, or is it so trivial that, once you have a solution, it doesn&#39;t seem worthwhile to post example code?

Vertical Tabs with JQuery?

In JavaScript, if I have a string in a variable, is there a way to get a reference to the function object which has that matching name? Note that jQuery is available to me so I can use any of its helper methods also.

For example:

    myFunction = function(){};
    
    var func_name = &quot;myFunction&quot;;
    var myFunctionPtr = ???  //how to get the function from the name

Thanks

Get JavaScript function-object from its name as a string?

*NOTE: As per [ECMAScript5.1, section 15.1.1.3][1], window.undefined is read-only.*

* *Modern browsers implement this correctly. for example: Safari 5.1, Firefox 7, Chrome 20, etc.*
* *Undefined is still changeable in: Chrome 14, ...*

When I recently integrated [Facebook Connect][2] with [Tersus][3], I initially received the error messages `Invalid Enumeration Value` and `Handler already exists` when trying to call Facebook API functions.

It turned out that the cause of the problem was

    object.x === undefined
returning false when there is no property &#39;x&#39; in &#39;object&#39;.

I worked around the problem by replacing strict equality with regular equality in two Facebook functions:

    FB.Sys.isUndefined = function(o) { return o == undefined;};
    FB.Sys.containsKey = function(d, key) { return d[key] != undefined;};

This made things work for me, but seems to hint at some sort of collision between Facebook&#39;s JavaScript code and my own.

What could cause this?

Hint:  It is well documented that `undefined == null` while `undefined !== null`. This is not the issue here. The question is how comes we get `undefined !== undefined`.

  [1]: http://www.ecma-international.org/ecma-262/5.1/#sec-15.1.1.3
  [2]: http://en.wikipedia.org/wiki/Facebook_Platform#Facebook_Connect
  [3]: http://www.tersus.com


JavaScript: undefined !== undefined?

I&#39;ve recently run into a rather nasty bug, wherein the code was loading a `&lt;select&gt;` dynamically via JavaScript.  This dynamically loaded `&lt;select&gt;` had a pre-selected value.  In IE6, we already had code to fix the selected `&lt;option&gt;`, because sometimes the `&lt;select&gt;`&#39;s `selectedIndex` value would be out of sync with the selected `&lt;option&gt;`&#39;s `index` attribute, as below:

    field.selectedIndex = element.index;

However, this code wasn&#39;t working.  Even though the field&#39;s `selectedIndex` was being set correctly, the wrong index would end up being selected.  However, if I stuck an `alert()` statement in at the right time, the correct option would be selected.  Thinking this might be some sort of timing issue, I tried something random that I&#39;d seen in code before:

    var wrapFn = (function() {
        var myField = field;
        var myElement = element;
        
        return function() {
            myField.selectedIndex = myElement.index;
        }
    })();
    setTimeout(wrapFn, 0);

And this worked!

I&#39;ve got a solution for my problem, but I&#39;m uneasy that I don&#39;t know exactly why this fixes my problem.  Does anyone have an official explanation?  What browser issue am I avoiding by calling my function &quot;later&quot; using `setTimeout()`?

Why is setTimeout(fn, 0) sometimes useful?

How do you parse HTML with a variety of languages and parsing libraries? 

----

When answering:

Individual comments will be linked to in answers to questions about how to parse HTML with regexes as a way of showing the right way to do things.

For the sake of consistency, I ask that the example be parsing an HTML file for the `href` in anchor tags. To make it easy to search this question, I ask that you follow this format

Language: [language name]

Library: [library name]

    [example code]

Please make the library a link to the documentation for the library. If you want to provide an example other than extracting links, please also include:

Purpose: [what the parse does]

  [1]: http://stackoverflow.com/questions/701166

Can you provide examples of parsing HTML?

Let&#39;s say I have an html snippet like this:

    &lt;div style=&quot;width:300px;&quot;&gt;
        &lt;label for=&quot;MyInput&quot;&gt;label text&lt;/label&gt;
        &lt;input type=&quot;text&quot; id=&quot;MyInput&quot; /&gt;
    &lt;/div&gt;

This isn&#39;t my exact code, but the important thing is there&#39;s a label and a text input on the same line in a fixed-width container.  How can I style the input to fill the remaining width of the container without wrapping and without knowing the size of the label?

Style input element to fill remaining width of its container

I have a problem with faking an anchor click via jQuery:
Why does my thickbox appear the first time I click on the input button, but not the second or third time?


Here is my code:

    &lt;input onclick=&quot;$(&#39;#thickboxId&#39;).click();&quot; type=&quot;button&quot; value=&quot;Click me&quot; /&gt;

    &lt;a id=&quot;thickboxId&quot; href=&quot;myScript.php&quot; class=&quot;thickbox&quot; title=&quot;&quot;&gt;Link&lt;/a&gt;


It does always work when I click directly on the link, but not if I try to activate the thickbox via the input button. This is in FF. For Chrome it seems to work every time. Any hints?

How can I simulate an anchor click via jquery?

Is there a best practice concerning the nesting of `label` and `input` HTML elements?

classic way:

&lt;!-- language: lang-html --&gt;

    &lt;label for=&quot;myinput&quot;&gt;My Text&lt;/label&gt;
    &lt;input type=&quot;text&quot; id=&quot;myinput&quot; /&gt;

or

&lt;!-- language: lang-html --&gt;

    &lt;label for=&quot;myinput&quot;&gt;My Text
       &lt;input type=&quot;text&quot; id=&quot;myinput&quot; /&gt;
    &lt;/label&gt;


Should I put input elements inside a label element?

I have a ordered list where I would like the initial number to be 6. I found that this was [supported][1] (now deprecated) in HTML 4.01. In this specification they say that you can specify the starting integer by using CSS. (instead of the `start` attribute)

How would you specify the starting number with CSS?


  [1]: http://www.w3schools.com/TAGS/tag_ol.asp

Is it possible to specify a starting number for an ordered list?

Given the following HTML fragment:

    &lt;form id=&quot;aspnetForm&quot; onsubmit=&quot;alert(&#39;On Submit Run!&#39;); return true;&quot;&gt;

I need to remove/clear the handler for the onsubmit event and register my own using jQuery or any other flavor of JavaScript usage.  

How to Clear/Remove JavaScript Event Handler?

I&#39;m executing an external script, using a `&lt;script&gt;` inside `&lt;head&gt;`.

Now since the script executes **before** the page has loaded, I can&#39;t access the `&lt;body&gt;`, among other things. I&#39;d like to execute some JavaScript after the document has been &quot;loaded&quot; (HTML fully downloaded and in-RAM). Are there any events that I can hook onto when my script executes, that will get triggered on page load?

How to make JavaScript execute after page load?

In IE, I can just call `element.click()` from JavaScript - how do I accomplish the same task in Firefox?  Ideally I&#39;d like to have some JavaScript that would work equally well cross-browser, but if necessary I&#39;ll have different per-browser JavaScript for this.

How do I programmatically click on an element in JavaScript?

I have a `form` with two text boxes, one **select** drop down and one **radio button**. When the &lt;kbd&gt;enter&lt;/kbd&gt; key is pressed, I want to call my JavaScript function, but when I press it, the `form` is submitted. 

How do I prevent the `form` from being submitted when the &lt;kbd&gt;**enter**&lt;/kbd&gt; key is pressed?

Prevent form submission on Enter key press

The following doesn&#39;t work... (at least not in Firefox: `document.getElementById(&#39;linkid&#39;).click()` is not a function)

    &lt;script type=&quot;text/javascript&quot;&gt;
        function doOnClick() {
            document.getElementById(&#39;linkid&#39;).click();
            //Should alert(&#39;/testlocation&#39;);
        }
    &lt;/script&gt;
    &lt;a id=&quot;linkid&quot; href=&quot;/testlocation&quot; onclick=&quot;alert(this.href);&quot;&gt;Testlink&lt;/a&gt;

Content Type	Original Author	Original Content on Stackoverflow
Question	Teifion	View Question on Stackoverflow
Solution 1 - Javascript	Canavar	View Answer on Stackoverflow
Solution 2 - Javascript	Gumbo	View Answer on Stackoverflow
Solution 3 - Javascript	Dan Lew	View Answer on Stackoverflow
Solution 4 - Javascript	Loïc Wolff	View Answer on Stackoverflow
Solution 5 - Javascript	kurdtpage	View Answer on Stackoverflow

Run JavaScript when an element loses focus

Javascript Problem Overview

Javascript Solutions

Solution 1 - Javascript

Solution 2 - Javascript

Solution 3 - Javascript

Solution 4 - Javascript

Solution 5 - Javascript

How can we prepend strings with StringBuilder?

remove_if equivalent for std::map

Attributions