It is not possible to dynamically change the value of a file field, otherwise you could set it to &quot;c:\yourfile&quot; and steal files very easily.

However there are many solutions to a multi-upload system. I&#39;m guessing that you&#39;re wanting to have a multi-select open dialog.

Perhaps have a look at http://www.plupload.com/ - it&#39;s a very flexible solution to multiple file uploads, and supports drop zones e.t.c.

I am working on an angular js app, andhavecome across a similar issue. What i did was display the image from the db, then created a button to remove or keep the current image. If the user decided to keep the current image, i changed the ng-submit attribute to another function whihc doesnt require image validation, and updated the record in the db without touching the original image path name. The remove image function also changed the ng-submit attribute value back to a function that submits the form and includes image validation and upload. Also a bit of javascript to slide the &lt;input type=&quot;file&quot;&gt; into view to upload a new image.


I ended up doing something like this for AngularJS in case someone stumbles across this question:

    const imageElem = angular.element(&#39;#awardImg&#39;);

    if (imageElem[0].files[0])
        vm.award.imageElem = imageElem;
        vm.award.image = imageElem[0].files[0];

And then:

    if (vm.award.imageElem)
        $(&#39;#awardImg&#39;).replaceWith(vm.award.imageElem);
        delete vm.award.imageElem;

I had similar problem, then I tried writing this from JavaScript and it works! : `referenceToYourInputFile.value = &quot;&quot; ;`

Pseudo Code

    text = &quot;I go to school&quot;;
    word = &quot;to&quot;
    if ( word.exist(text) ) {
        return true ;
    else {
        return false ;
    }

I am looking for a PHP function which returns true if the word exists in the text.

How can I check if a word is contained in another string using PHP?

I am using Eclipse for Java programming but lines in the editor look too close together.

I want to change the amount spacing/gap between lines. Is there an option in Eclipse that I can use to do this?

How can I change line height / line spacing in Eclipse?

Is there a way to set the value of a file input (`&lt;input type=&quot;file&quot; /&gt;`) or is that all blocked for security? I&#39;m trying to use google gears&#39; openFiles to make a simple multi-uploader.

&gt; **Note:**
&gt;
&gt; The answer(s) below reflect the state of legacy browsers in 2009. Now you can actually set the value of the file input element dynamically/programatically using JavaScript in 2017.
&gt;
&gt;See the answer in this question for details as well as a demo:&lt;br&gt;https://stackoverflow.com/q/47515232/584192

Dynamically set value of a file input

Is there a way to set the value of a file input (<code>&#x3C;input type="file" /></code>) or is that all blocked for security? I'm trying to use google gears' openFiles to make a simple multi-uploader.
> Note:
>
> The answer(s) below reflect the state of legacy browsers in 2009. Now you can actually set the value of the file input element dynamically/programatically using JavaScript in 2017.
>
>See the answer in this question for details as well as a demo: <a href="https://stackoverflow.com/q/47515232/584192" target="_blank" rel="noopener noreferrer">https://stackoverflow.com/q/47515232/584192</a>

I have a text field that allows a user to enter their age. I am trying to do some client-side validation on this field with JavaScript. I have server-side validation already in place. However, I cannot seem to verify that the user enters an actual integer. I am currently trying the following code:

        function IsValidAge(value) {
            if (value.length == 0) {
                return false;
            }

            var intValue = parseInt(value);
            if (intValue == Number.NaN) {
                return false;
            }
            
            if (intValue &lt;= 0)
            {
                return false;
            }
            return true;
        }

The odd thing is, I have entered individual characters into the textbox like &quot;b&quot; and this method returns true. How do I ensure that the user is only entering an integer?

Thank you


JavaScript - Test for an integer

Is there any way to hide or encrypt JavaScript code to prevent people from viewing, copying, and/or modifying proprietary programs?

How can I hide or encrypt JavaScript code?

I go to a forum which uses vBulletin 3.8. When I log in, I use firebug to see what cookies were set. I see these cookies:

&gt; __utmb, __utmc, __utma, __utmz, bbsessionhash, vbseo_loggedin, bbpassword, bbuserid, bblastactivity, bblastvisit

They all had a value set, and the domain was identical. 

But when I use JavaScript to view them, it only saw these cookies:
&gt; __utmb, __utmc, __utma, __utmz, vbseo_loggedin,  bblastactivity, bblastvisit

In firebug, I only see these three cookies: bbsessionhash, bbpasword and bbuserid, that were actually set. HTTPOnly in column HTTPOnly. What does it mean and is that the reason I can&#39;t see those cookies in JavaScript using `document.cookie`?

Why doesn&#39;t document.cookie show all the cookie for the site?

I simply love JavaScript. It&#39;s so elegant.

So, recently I have played with Lua via the [l&#246;ve2d](http://love2d.org) framework (nice!) - and I think Lua is also great. They way I see it, those two languages are *very* similar.

There are obvious differences, like

* syntax
* problem domain
* libraries
* types (a bit)

but which are the more subtle ones? Is there anything a JavaScript coder would take for granted that works in Lua just slightly different? Are there any pitfalls that may not be obvious to the experienced coder of one language trying the other one?

For example: in Lua, arrays and hashes are not separate (there are only tables) - in JavaScript, they are numerical Arrays and hashed Objects. Well, this is one of the more obvious differences.

But are there differences in variable scope, immutability or something like this?

subtle differences between JavaScript and Lua

How do I make the first letter of a string uppercase, but not change the case of any of the other letters?

For example:

 - `&quot;this is a test&quot;` → `&quot;This is a test&quot;`
 - `&quot;the Eiffel Tower&quot;` → `&quot;The Eiffel Tower&quot;`
 - `&quot;/index.html&quot;` → `&quot;/index.html&quot;`


How do I make the first letter of a string uppercase in JavaScript?

I have something like that:

    &lt;div style=&quot;width:100px;float:left&quot;&gt;menu&lt;/div&gt;
    &lt;div style=&quot;float:left&quot;&gt;content&lt;/div&gt;

both floats are neccesary. I want the content div to fill the whole screen minus those 100px for the menu. If i dont use float the div expands exactly as it should. But how do i set this when float is set? If i use sth like

    style=width:100%
then the content div gets the size of the parent, which is either the body or another div which i also tried, and so of course it does not fit right of the menu and is then shown below.

Expand div to max width when float:left is set

Are there any good tools to easily test how HTML email will look across different email clients? I prefer something with instant feed back rather than a submit and wait service like [http://litmusapp.com][1] Or at the very least a way to test the Outlook 2007/MS Word rendering?

I found this related question but it doesn&#39;t specifically address testing. [What guidelines for HTML email design are there?][2]


  [1]: http://litmusapp.com
  [2]: https://stackoverflow.com/questions/127498/what-guidelines-for-html-email-design-are-there

Testing HTML email rendering

I&#39;m aware of [this question][1], but none of the answers work in Safari, Chrome, etc.

The accepted strategy ([as demonstrated here][2]) is to set the tbody height and overflow properties like so:

    &lt;table&gt;
        &lt;thead&gt;
            &lt;tr&gt;&lt;th&gt;This is the header and doesn&#39;t scroll&lt;/th&gt;&lt;/tr&gt;
        &lt;/thead&gt;
        &lt;tbody style=&quot;height:100px; overflow:auto;&quot;&gt;
            &lt;tr&gt;&lt;td&gt;content that scrolls&lt;/td&gt;&lt;/tr&gt;
            &lt;tr&gt;&lt;td&gt;content that scrolls&lt;/td&gt;&lt;/tr&gt;
            &lt;tr&gt;&lt;td&gt;content that scrolls&lt;/td&gt;&lt;/tr&gt;
            &lt;tr&gt;&lt;td&gt;content that scrolls&lt;/td&gt;&lt;/tr&gt;
            &lt;tr&gt;&lt;td&gt;content that scrolls&lt;/td&gt;&lt;/tr&gt;
            &lt;tr&gt;&lt;td&gt;content that scrolls&lt;/td&gt;&lt;/tr&gt;
            &lt;tr&gt;&lt;td&gt;content that scrolls&lt;/td&gt;&lt;/tr&gt;
        &lt;/tbody&gt;
    &lt;/table&gt;

Unfortunately, this does not work in any webkit browsers.  There is a [bug report][3] about it that doesn&#39;t seem to be a high priority (reported June 05).

So my question is: are there alternate strategies that do actually work?  I&#39;ve tried the two-table approach, but it&#39;s impossible to guarantee that the header will line up with the content.  Do I just have to wait for Webkit to fix it?


  [1]: https://stackoverflow.com/questions/130564/i-need-my-html-tables-body-to-scroll-and-its-head-to-stay-put
  [2]: http://www.w3.org/WAI/UA/TS/html401/cp1001/1001-THEAD-TBODY-TFOOT-OVERFLOW.html
  [3]: https://bugs.webkit.org/show_bug.cgi?id=3239

Make TBODY scrollable in Webkit browsers

I have created an unordered list. I feel the bullets in the unordered list are bothersome, so I want to remove them. 

Is it possible to have a list without bullets?


I need an unordered list without any bullets

I would like to be able to &quot;tweak&quot; an HTML table&#39;s presentation to add a single feature: when scrolling down through the page so that the table is on the screen but the header rows are off-screen, I would like the headers to remain visible at the top of the viewing area.

This would be conceptually like the &quot;freeze panes&quot; feature in Excel. However, an HTML page might contain several tables in it and I only would want it to happen for the table that is currently in-view, only while it is in-view.

Note: I&#39;ve seen one solution where the table data area is made scrollable while the headers do not scroll. That&#39;s not the solution I&#39;m looking for.

HTML table headers always visible at top of window when viewing a large table

Is it possible to use jQuery to read meta tags. If so do you know what the basic structure of the code will be, or have links to any tutorials.

Is it possible to use jQuery to read meta tags

I&#39;m trying to replace an element&#39;s inline style tag value. The current element looks like this:    
  
    `&lt;tr class=&quot;row-even&quot; style=&quot;background: red none repeat scroll 0% 0%; position: relative; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;&quot; id=&quot;0000ph2009-06-10s1s02&quot;&gt;`

and I&#39;d like to remove all that style stuff so that it&#39;s styled by it&#39;s class rather than it&#39;s inline style. I&#39;ve tried delete element.style; and element.style = null; and element.style = &quot;&quot;; to no avail. My current code breaks at these statement. The whole     function looks like:  
    function unSetHighlight(index){
  
    if(index &lt; 10)
    index = &quot;000&quot; + (index);
    else if (index &lt; 100)
      index = &quot;000&quot; + (index);
      else if(index &lt; 1000)
        index = &quot;0&quot; + (index);
        if(index &gt;= 1000)
          index = index;
        
    var mainElm = document.getElementById(&#39;active_playlist&#39;);
    var elmIndex = &quot;&quot;;
  
    for(var currElm = mainElm.firstChild; currElm !== null; currElm = currElm.nextSibling){
      if(currElm.nodeType === 1){

      var elementId = currElm.getAttribute(&quot;id&quot;);

      if(elementId.match(/\b\d{4}/)){
        
        elmIndex = elementId.substr(0,4);
        
                
        if(elmIndex == index){
          var that = currElm;
          //that.style.background = position: relative;
          }
        }
      }
    }
           
    clearInterval(highlight);
    alert(&quot;cleared Interval&quot;);
    that.style.background = null;

    alert(&quot;unSet highlight called&quot;);
    }

the clearInterval works but the alert never fires and the background stays the same. Anyone see any problems? Thanks in advance...


---

	function unSetHighlight(index){  
	  alert(index);  
	  if(index &lt; 10)  
		index = &quot;000&quot; + (index);  
		else if (index &lt; 100)  
		  index = &quot;000&quot; + (index);  
		  else if(index &lt; 1000)  
			index = &quot;0&quot; + (index);  
			if(index &gt;= 1000)  
			  index = index;  
			
		var mainElm = document.getElementById(&#39;active_playlist&#39;);
		var elmIndex = &quot;&quot;;
	  
		for(var currElm = mainElm.firstChild; currElm !== null; currElm = currElm.nextSibling){
		  if(currElm.nodeType === 1){

		  var elementId = currElm.getAttribute(&quot;id&quot;);

		  if(elementId.match(/\b\d{4}/)){
			
			elmIndex = elementId.substr(0,4);
			alert(&quot;elmIndex = &quot; + elmIndex + &quot;index = &quot; + index);
			
					
			if(elmIndex === index){
			  var that = currElm;
			  alert(&quot;match found&quot;);
			  }
			}
		  }
		}
			
		clearInterval(highlight);
		alert(&quot;cleared Interval&quot;);
		that.removeAttribute(&quot;style&quot;);
		
		//that.style.position = &quot;relative&quot;;
		//reColor();
		alert(&quot;unSet highlight called&quot;);
	}

removing html element styles via javascript

How can I get the title of an HTML page with JavaScript?

How to get the title of HTML page with JavaScript?

&gt; **Possible Duplicate:**  
&gt; [What are valid values for the id attribute in HTML?](https://stackoverflow.com/questions/70579/what-are-valid-values-for-the-id-attribute-in-html)  

&lt;!-- End of automatically inserted text --&gt;

Underscores seem fine.  What about dashes?  Other special characters?

What characters are allowed in DOM IDs?

`change()` function works and detects changes on form elements, but is there a way of detecting when a DOM element&#39;s content was changed?

This does not work, unless `#content` is a form element
 
    $(&quot;#content&quot;).change( function(){
        // do something
    });

I want this to trigger when doing something like:
   
    $(&quot;#content&quot;).html(&#39;something&#39;);

Also `html()` or `append()` function don&#39;t have a callback.

Any suggestions?

Detect element content changes with jQuery

Is there a nice tidy jQuery plugin that allows including a single JS script then using a simple snippet to enable a form? Something like this:

    $j(&#39;#MyForm&#39;).enableDragDropUploads(&#39;.upload-area&#39;)

With the upload target being the action of the form.

Any solution must not prevent a regular file field from being usable (using traditional browse method).

I only need one file at a time, though of course having the option for multiple isn&#39;t a bad thing.

I&#39;ve found a couple of drag-drop upload examples:  
[http://www.appelsiini.net/2009/10/drag-and-drop-file-upload-with-google-gears][1]
[http://www.appelsiini.net/2009/10/html5-drag-and-drop-multiple-file-upload][2]

But the code there isn&#39;t setup as a plugin. It&#39;s probably not too difficult to change it, but also no point doing so if someone else has already done that work and is simply evading my Google searches.

I&#39;m ideally looking for a pure HTML5/jQuery solution.  
A Google Gears one is acceptable, but a Flash solution is not.


  [1]: http://www.appelsiini.net/2009/10/drag-and-drop-file-upload-with-google-gears
  [2]: http://www.appelsiini.net/2009/10/html5-drag-and-drop-multiple-file-upload

Is there a good jQuery Drag-and-drop file upload plugin?

Right this is confusing me quite a bit, i&#39;m not sure if any of you have noticed or used the &quot;my location&quot; feature on google maps using your desktop (or none GPS/none mobile device).  If you have a browser with google gears (easiest to use is Google Chrome) then you will have a blue circle above the zoom function in Google Maps, when clicked (without being logged into my  Google Account) using standard Wi Fi to my own personal router and a normal internet connection to my ISP, it somehow manages to pinpoint my exact location with a 100% accuracy (at this moment in time).

How does it do it? they breifly mention it [here][1] but it doesn&#39;t quite explain it, it says that my browser knows where i am...

...i am baffled, how?

I am intrigued because I would love to integrate it in the future of my programming projects, just like some background understanding and it doesn&#39;t seem too well documented at the moment.


  [1]: http://google-latlong.blogspot.com/2009/07/blue-circle-comes-to-your-desktop.html

Content Type	Original Author	Original Content on Stackoverflow
Question	Alex S	View Question on Stackoverflow
Solution 1 - Javascript	Joel	View Answer on Stackoverflow
Solution 2 - Javascript	Richard - IMPI MEDIA	View Answer on Stackoverflow
Solution 3 - Javascript	jstudios	View Answer on Stackoverflow
Solution 4 - Javascript	CESAR SORO	View Answer on Stackoverflow

Dynamically set value of a file input

Javascript Problem Overview

Javascript Solutions

Solution 1 - Javascript

Solution 2 - Javascript

Solution 3 - Javascript

Solution 4 - Javascript

How can I change line height / line spacing in Eclipse?

How can I check if a word is contained in another string using PHP?

Attributions