You should take a look at the Angular-mobile-nav plugin on github: 

https://github.com/ajoslin/angular-mobile-nav. 

It is a very simple plugin to include with angular.js. Importantly the demo files that are included provide a pretty good idea of how to get started, although you do still need to know how Angular interacts with its modules, controllers and routes.

You can see the demo app here: 

http://ajoslin.github.com/angular-mobile-nav/

I&#39;ve just moved from jQuery-mobile to angular.js and angular-mobile-nav because it provides me with a much nicer way to build the app and bind data within the views, without hijacking the DOM.

I am having a positive experience with this:

https://github.com/opitzconsulting/jquery-mobile-angular-adapter

It lets me use jQuery Mobile while respecting the AngularJS semantics and using its constructs.

I was told that `static` methods are implicitly `final` and therefore can&#39;t be overridden. Is that true? 

1. Can someone give a better example of overriding a static method? 

2. If static methods are just class methods, what is the real use of having them?

Can a static method be overridden in C#?

I want to connect to our local Active Directory with C#.

I&#39;ve found [this good documentation](http://ianatkinson.net/computing/adcsharp.htm).

But I really don&#39;t get how to connect via LDAP.

Can somebody of you explain how to use the asked parameters?



Sample Code:

      static DirectoryEntry createDirectoryEntry()  
      {  
         // create and return new LDAP connection with desired settings  
      
         DirectoryEntry ldapConnection     = new DirectoryEntry(&quot;rizzo.leeds-art.ac.uk&quot;);  
         ldapConnection.Path               = &quot;LDAP://OU=staffusers,DC=leeds-art,DC=ac,DC=uk&quot;;  
         ldapConnection.AuthenticationType = AuthenticationTypes.Secure;  
         return ldapConnection;  
      }  

I just have the Hostname and the IP Address of our Active Directory Server. What does `DC=xxx,DC=xx` and so on mean?

Connect to Active Directory via LDAP

I want to develop a small 4 screens mobile application.

The technology stack that i want to use is AngularJS, I am good with C#,
I searched few times and could not find any examples using AngularJS.

The mobile app should be compatible in iPhone, Android, Windows 8.

What are all the technologies that i need to use.

Any reference would be helpful.

Mobile Application using Angular JS

I want to develop a small 4 screens mobile application.
The technology stack that i want to use is AngularJS, I am good with C#,
I searched few times and could not find any examples using AngularJS.
The mobile app should be compatible in iPhone, Android, Windows 8.
What are all the technologies that i need to use.
Any reference would be helpful.

What is the &#39;Angular way&#39; to set focus on input field in AngularJS?

More specific requirements:

1. When a [Modal](http://angular-ui.github.com/bootstrap/#modal) is opened, set focus on a predefined `&lt;input&gt;` inside this Modal.
2. Everytime `&lt;input&gt;` becomes visible (e.g. by clicking some button), set focus on it.

[I tried to achieve the first requirement](http://plnkr.co/edit/XL1NP0?p=preview) with `autofocus`, but this works only when the Modal is opened for the first time, and only in certain browsers (e.g. in Firefox it doesn&#39;t work).

Any help will be appreciated.

How to set focus on input field?

I&#39;ve two routes with resolve. Goes like this:
        
    .when(&#39;/foos&#39;, {
	templateUrl: &#39;views/foos.html&#39;,
	controller: &#39;FoosCtrl&#39;,
	resolve: {
		foo_list: [&#39;$q&#39;, &#39;$route&#39;, &#39;$timeout&#39;, &#39;$location&#39;, &#39;Foos&#39;, function($q, $route, $timeout, $location, Foos) {
			// postpone the execution
			var deferred_foo = $q.defer()

			Foos.getFoos({token:session_uid}, successCb)

			function successCb(list) {
				if(list[&#39;status&#39;] === 200) {
					deferred_foo.resolve(list)
				}
				else {
					alert(&#39;Crashcrashcrash&#39;)
					deferred_foo.reject(&quot;Something just wasn&#39;t right&quot;)
					//$location.path(&#39;maintenance&#39;)
				}
			}
			return deferred_foo.promise
			}]
		}
	})
    .when(&#39;/r/:type/:bar_id&#39;, {
		templateUrl: &#39;views/bar.html&#39;,
		controller: &#39;BarsCtrl&#39;,
		resolve: {
			bar: [&#39;$q&#39;, &#39;$route&#39;, &#39;$timeout&#39;, &#39;$location&#39;, &#39;Bars&#39;, function($q, $route, $timeout, $location, Bars) {
				// postpone the execution
				var deferred = $q.defer()

				Bars.getBar({type: bar_type}, successCb)	

				function successCb(result) {
					if(result[&#39;status&#39;] === 200) {
						deferred.resolve(result)	
					}
					else {
						alert(&#39;Crashcrashcrash&#39;)
						deferred.reject(&quot;Something just wasn&#39;t right&quot;)
						$location.path(&#39;foos&#39;)
					}

					return deferred.promise
					}]
				}
			})

Then I&#39;ve two controllers working like this:
     
     App.controller(&#39;FoosCtrl&#39;, [&#39;$scope&#39;, &#39;$location&#39;, &#39;Foos&#39;, &#39;foo_list&#39;, function($scope, $location, Foos, foo_list) {...}

     App.controller(&#39;BarsCtrl&#39;, [&#39;$scope&#39;, &#39;$routeParams&#39;, &#39;$location&#39;, &#39;Bars&#39;, &#39;bar&#39;, &#39;sharedService&#39;, function($scope, $routeParams, $location, Bars, bar, sharedService) {...}

Could somebody explain why Bar works but Foo gives me ```Error: Unknown provider: foo_listProvider &lt;- foo_list```? I&#39;ve tried replacing ```foo_list``` with different name in case camelCasing did something but didn&#39;t help.

AngularJS, resolve and unknown provider

I know that both `Watchers` and `Observers` are computed as soon as something in `$scope` changes in AngularJS. But couldn&#39;t understand what exactly is the difference between the two.

My initial understanding is that `Observers` are computed for angular expressions which are conditions on the HTML side where as `Watchers` executed when `$scope.$watch()` function is executed. Am I thinking properly?


AngularJS : Difference between the $observe and $watch methods

When a user scrolls their browser window below a certain point, I am toggling the class of the #page div.

What I have done so far works fine:

http://jsfiddle.net/eTTZj/29/

    &lt;div ng-app=&quot;myApp&quot; scroll id=&quot;page&quot;&gt;
    
        &lt;header&gt;&lt;/header&gt;
        &lt;section&gt;&lt;/section&gt;
        
    &lt;/div&gt;

    app = angular.module(&#39;myApp&#39;, []);
    app.directive(&quot;scroll&quot;, function ($window) {
        return function(scope, element, attrs) {
            angular.element($window).bind(&quot;scroll&quot;, function() {
                 if (this.pageYOffset &gt;= 100) {
                     element.addClass(&#39;min&#39;);
                     console.log(&#39;Scrolled below header.&#39;);
                 } else {
                     element.removeClass(&#39;min&#39;);
                     console.log(&#39;Header is in view.&#39;);
                 }
            });
        };
    });

(when they scroll their window below the header, 100px, the class is toggled)

Although, correct me if I&#39;m wrong, I feel that this is not the correct way to be doing this with Angular.

Instead, I presumed that the best method for doing this would be by using ng-class and storing a boolean value in the scope. Something like this:

    &lt;div ng-app=&quot;myApp&quot; scroll id=&quot;page&quot; ng-class=&quot;{min: boolChangeClass}&quot;&gt;
    
        &lt;header&gt;&lt;/header&gt;
        &lt;section&gt;&lt;/section&gt;
        
    &lt;/div&gt;

    app = angular.module(&#39;myApp&#39;, []);
    app.directive(&quot;scroll&quot;, function ($window) {
        return function(scope, element, attrs) {
            angular.element($window).bind(&quot;scroll&quot;, function() {
                 if (this.pageYOffset &gt;= 100) {
                     scope.boolChangeClass = true;
                     console.log(&#39;Scrolled below header.&#39;);
                 } else {
                     scope.boolChangeClass = false;
                     console.log(&#39;Header is in view.&#39;);
                 }
            });
        };
    });

Although this is not dynamic, if I change the value of scope.boolChangeClass in the scroll callback, then the ng-class is not updating.

So my question is: how is best to toggle the class of #page, using AngularJS, when the user scrolls below a certain point?

Bind class toggle to window scroll event

I have a directive that has its own controller. See the below code:

    var popdown = angular.module(&#39;xModules&#39;,[]);
    
    popdown.directive(&#39;popdown&#39;, function () {
        var PopdownController = function ($scope) {
            this.scope = $scope;
        }
    
        PopdownController.prototype = {
            show:function (message, type) {
                this.scope.message = message;
                this.scope.type = type;
            },
    
            hide:function () {
                this.scope.message = &#39;&#39;;
                this.scope.type = &#39;&#39;;
            }
        }
    
        var linkFn = function (scope, lElement, attrs, controller) {
    
        };
    
        return {
            controller: PopdownController,
            link: linkFn,
            replace: true,
            templateUrl: &#39;./partials/modules/popdown.html&#39;
        }
    
    });


This is meant to be a notification system for errors/notifications/warnings. What I want to do is from another controller (not a directive one) to call the function `show` on this controller. And when I do that, I would also want my link function to detect that some properties changed and perform some animations.

Here is some code to exemplify what I&#39;m asking for:

    var app = angular.module(&#39;app&#39;, [&#39;RestService&#39;]);
    
    app.controller(&#39;IndexController&#39;, function($scope, RestService) {
        var result = RestService.query();
        
        if(result.error) {
            popdown.notify(error.message, &#39;error&#39;);
        }
    });

So when calling `show` on the `popdown` directive controller, the link function should also be triggered and perform an animation. How could I achieve that?

Call method in directive controller from other controller

To my problem, i have one link `&lt;a href=&quot;http://www.youtube.com/embed/YT-ID&quot; class=&quot;overlay_video&quot;&gt;&lt;/a&gt;`. I want to play the video by clicking the link in a fancybox overlay window. This is not a problem. The problem is the parameters, for example &quot;autoplay&quot; or &quot;autohide&quot;.

The following link don&#39;t work:

    &lt;a href=&quot;http://www.youtube.com/embed/YT-ID?autoplay=1&quot; class=&quot;overlay_video&quot;&gt;&lt;/a&gt;


The Overlay-Window opened, but the video is not playing automatically.

**EDIT: I want to use the HTML5 Player on mobile devices. On a desktop-browser it works with the parameters, but not on mobile devices.**

Youtube autoplay not working on mobile devices with embedded HTML5 player

I understand that mobile safari has a lot of bugs around fixed elements, but for the most part I&#39;ve managed to get my layout working correctly until I added a much needed text input to the fixed navigation at the bottom. Now when the user focuses on the text input element and the virtual keyboard appears, my navigation, which is otherwise always fixed at the bottom of the page, jumps up to a really strange spot in the middle of the page.

![enter image description here][1]


  [1]: http://i.stack.imgur.com/MB59e.jpg

I&#39;d add some of my code to this post, but I wouldn&#39;t be sure where to start. That navigation is fixed at the bottom and positioned to the left and bottom 0, and 100% width. From there, I don&#39;t know what&#39;s going on, I can only assume it&#39;s a mobile safari bug.

It also appears to lose it&#39;s position fixed and become relative, only while the text input element is focused on and the virtual keyboard is open.

How do I stop my fixed navigation from moving like this when the virtual keyboard opens in Mobile Safari?

Im building web app which is mainly for mobile browsers. Im using input fields with number type, so (most) mobile browsers invokes only number keyboard for better user experience. This web app is mainly used in regions where decimal separator is comma, not dot, so I need to handle both decimal separators.

How to cover this whole mess with dot and comma?


My findings:

**Desktop Chrome**

- Input type=number
- User enters &quot;4,55&quot; to input field 
- `$(&quot;#my_input&quot;).val();` returns &quot;455&quot;
- I can not get the correct value from input


**Desktop Firefox**

- Input type=number
- User enters &quot;4,55&quot; to input field 
- `$(&quot;#my_input&quot;).val();` returns &quot;4,55&quot;
- Thats fine, I can replace comma with dot and get correct float


**Android browser**

- Input type=number
- User enters &quot;4,55&quot; to input field 
- When input loses focus, value is truncated to &quot;4&quot;
- Confusing to user

**Windows Phone 8**

- Input type=number
- User enters &quot;4,55&quot; to input field 
- `$(&quot;#my_input&quot;).val();` returns &quot;4,55&quot;
- Thats fine, I can replace comma with dot and get correct float


What are the &quot;best practices&quot; in this kind of situations when user might use comma or dot as decimal separator and I want to keep html input type as number, to provide better user experience?

Can I convert comma to dot &quot;on the fly&quot;, binding key events, is it working with number inputs?



EDIT
----

Currenlty I do not have any solution, how to get float value (as string or number) from input which type is set to number. If enduser enters &quot;4,55&quot;, Chrome returns always &quot;455&quot;, Firefox returns &quot;4,55&quot; which is fine.

Also it is quite annoying that in Android (tested 4.2 emulator), when I enter &quot;4,55&quot; to input field and change focus to somewhere else, the entered number get truncated to &quot;4&quot;.

How to handle floats and decimal separators with html5 input type number

I notice that my code is responsive, in the fact that if I scale it down to the size of a phone or tablet - all of the text, links, and social icons scale accordingly.

However, the ONLY thing that doesn&#39;t is my image in the body; which is wrapped in paragraph tags... with that being said, is there a simple way to make the image responsive as well?

Here&#39;s the code that I used to have my image show in the body:

    &lt;body&gt;
        &lt;center&gt;
            &lt;p&gt;&lt;a href=&quot;MY WEBSITE LINK&quot; target=&quot;_blank&quot;&gt;&lt;img src=&quot;IMAGE LINK&quot; border=&quot;0&quot; alt=&quot;Null&quot;&gt;&lt;/a&gt;&lt;/p&gt;
        &lt;/center&gt;
    &lt;/body&gt;



Make an image responsive - the simplest way

I wrote an HTML5 database that abstracts localStorage, indexedDB, and WebSQL. Using straight HTML5 my database options look like this:

 - **IE10** - indexedDB - 1GB max
 - **FireFox** - indexedDB - unlimited 
 - **Safari** - WebSQL - 50MB max
 - **Chrome** - IndexedDB (or Web SQL) - unlimited (with the HTML5 Quota API [ref1][1], [ref2][2])
 - **Opera** - WebSQL (until they switch to webkit?) - unlimited
 
I would like to expand the maximum database size using PhoneGap or the Quota API. From PhoneGap&#39;s documentation it looks like the current [PhoneGap database ecosphere][3] is:

 - **WebSQL** - Android, Blackberry, iPhone, and webOS
 - **localStorage** - Windows Phone 7
 - **indexedDB** - [Windows Phone 8][4] and, i am guessing, everywhere indexedDB is available but WebSQL isn&#39;t.

There are also the PhoneGap SqlLite plugins. [iOS][5], [Android][6], [Windows Phone 8+][7]


----------


**QUESTION 1** - Is my understanding of what database PhoneGap will use accurate?

**QUESTION 2** - Is there any solid documentation about how much data a PhoneGap database of a given type will store? *If it is a PhoneGap database and not the browsers database implementation.

**QUESTION 3** - Does PhoneGap have plans to adhere to the the [Web Storage standards][8] thereby dropping WebSQL in favor of indexedDB? If so, will I still be able to use my existing WebSQL code (via a built in PhoneGap-polyfill) once the switch to indexedDB is made?

**QUESTION 4** - In situations where database size is limited and cannot be expanded by either PhoneGap or the Quota API, but access to the file system is available, is it reasonable to assume that &quot;extra&quot; data could be stored on the device&#39;s file system or on a SD card?


  [1]: https://developers.google.com/chrome/whitepapers/storage
  [2]: http://updates.html5rocks.com/2011/11/Quota-Management-API-Fast-Facts
  [3]: http://docs.phonegap.com/en/1.2.0/phonegap_storage_storage.md.html
  [4]: https://stackoverflow.com/questions/14624482/phonegap-sqlite-or-indexed-db
  [5]: https://github.com/brodyspark/PhoneGap-sqlitePlugin-iOS
  [6]: https://github.com/brodyspark/PhoneGap-SQLitePlugin-Android
  [7]: https://github.com/marcucio/Cordova-WP-SqlitePlugin
  [8]: http://www.w3.org/TR/webstorage/

Content Type	Original Author	Original Content on Stackoverflow
Question	user804401	View Question on Stackoverflow
Solution 1 - Angularjs	supaseca	View Answer on Stackoverflow
Solution 2 - Angularjs	Frederic Fortier	View Answer on Stackoverflow

Mobile Application using Angular JS

Angularjs Problem Overview

Angularjs Solutions

Solution 1 - Angularjs

Solution 2 - Angularjs

Connect to Active Directory via LDAP

Can a static method be overridden in C#?

Attributions