This attribute is added by the LastPass browser extension, to store the fact that LastPass has checked that form for login fields.

It&#39;s not something that the page author would have consciously added to the page, it&#39;s down to the extensions that the user *viewing* the page has chosen to use.

How do you return **503 Service Unavailable** in Rails for the entire application? 

Also, how do you do the same for specific controllers?

Return a specific http status code in Rails

There is a lot of contradicting information about this. While some say C# is compiled (as it is compiled into IL and then to native code when run), others say it&#39;s interpreted as it needs .NET. EN Wiki says:

&gt; Many **interpreted** languages are first compiled to some form of virtual
&gt; machine code, which is then either interpreted or compiled at runtime
&gt; to native code.

So I&#39;m quite confused. Could anyone explain this clearly?

Is C# partially interpreted or really compiled?

I&#39;m starting to do some web development and I was learning about forms and bumped into this field: `_lpchecked = &quot;1&quot;`.

I found examples of form with this field in this StackOverflow question
https://stackoverflow.com/questions/7591885/large-textinput-makes-http-post-fail or in [this example page][1] of the jQuery Formwizard plugin


  [1]: http://thecodemine.org/examples/example_13_nested_routes.html

What is _lpchecked=&quot;1&quot; for in a form?

<p>I'm starting to do some web development and I was learning about forms and bumped into this field: <code>_lpchecked = "1"</code>.</p>
<p>I found examples of form with this field in this StackOverflow question
<a href="https://stackoverflow.com/questions/7591885/large-textinput-makes-http-post-fail" target="_blank" rel="noopener noreferrer">https://stackoverflow.com/questions/7591885/large-textinput-makes-http-post-fail</a> or in <a href="http://thecodemine.org/examples/example_13_nested_routes.html" target="_blank" rel="noopener noreferrer">this example page</a> of the jQuery Formwizard plugin</p>


I use the Google Maps API (v.3) to show a map with a couple of markers. I recently noticed that the control used to zoom the map is messed up (it wasn&#39;t always like this). I have no idea what the cause is.

![enter image description here][2]

### Update

This post originally had a link to a page where you could view the issue, but the link is broken now, so I&#39;ve removed it.

  [2]: http://i.stack.imgur.com/z7OpZ.jpg

Google Maps zoom control is messed up

I know that in PHP 5.3 instead of using this redundant ternary operator syntax:

    startingNum = startingNum ? startingNum : 1

...we can use a shorthand syntax for our ternary operators where applicable:

    startingNum = startingNum ?: 1

And I know about the ternary operator in JavaScript:

    startingNum = startingNum ? startingNum : 1

...but is there a shorthand?




JavaScript shorthand ternary operator

How do we clear the spy in a jasmine test suite programmatically? Thanks.

    beforeEach(function() {
      spyOn($, &quot;ajax&quot;).andCallFake(function(params){
      })
    })

    it(&quot;should do something&quot;, function() {
      //I want to override the spy on ajax here and do it a little differently
    })

How do we clear spy programmatically in Jasmine?

I have implemented some JavaScript on my site but I keep getting the following error messages: 

&gt; Uncaught ReferenceError: jQuery is not defined 

and 
&gt; Uncaught SyntaxError: Unexpected token &lt;

This is the JavaScript that I am using in the header.php:

        &lt;script type=&quot;text/javascript&quot; src=&quot;/test/wp-content/themes/child/script/jquery.jcarousel.min.js&quot;&gt;&lt;/script&gt;
        &lt;script type=&quot;text/javascript&quot; src=&quot;/test/wp-content/themes/child/script/jquery.scrollTo.js&quot;&gt;&lt;/script&gt;
        &lt;script type=&quot;text/javascript&quot; src=&quot;/test/wp-content/themes/child/script/jquery.backgroundPosition.js&quot;&gt;&lt;/script&gt;
        &lt;script type=&quot;text/javascript&quot; src=&quot;/test/wp-content/themes/child/script/scripts.js&quot;&gt;&lt;/script&gt;
        &lt;script type=&quot;text/javascript&quot; src=&quot;/test/wp-content/themes/child/script/jquery.cycle.lite.js&quot;&gt;&lt;/script&gt;
        &lt;script type=&quot;text/javascript&quot; src=&quot;/test/wp-content/themes/child/script/jquery.accordian.js&quot;&gt;&lt;/script&gt;
    
        &lt;script type=&quot;text/javascript&quot;&gt;
            jQuery(document).ready(function () {
                jQuery(&#39;#contentGallery&#39;).cycle({
                    fx: &#39;fade&#39; // choose your transition type, ex: fade, scrollUp, shuffle, etc...
                });
            });
        &lt;/script&gt;
    &lt;/head&gt;
    
    &lt;body &lt;?php body_class(); ?&gt;&gt;
    &lt;div id=&quot;page&quot; class=&quot;hfeed&quot;&gt;
    	&lt;header id=&quot;branding&quot; role=&quot;banner&quot;&gt;
    			&lt;hgroup&gt;
    				&lt;h1 id=&quot;site-title&quot;&gt;&lt;span&gt;&lt;a href=&quot;&lt;?php echo esc_url( home_url( &#39;/&#39; ) ); ?&gt;&quot; title=&quot;&lt;?php echo esc_attr( get_bloginfo( &#39;name&#39;, &#39;display&#39; ) ); ?&gt;&quot; rel=&quot;home&quot;&gt;&lt;?php bloginfo( &#39;name&#39; ); ?&gt;&lt;/a&gt;&lt;/span&gt;&lt;/h1&gt;
    				&lt;h2 id=&quot;site-description&quot;&gt;&lt;?php bloginfo( &#39;description&#39; ); ?&gt;&lt;/h2&gt;
    			&lt;/hgroup&gt;
    
    			&lt;?php
    				// Check to see if the header image has been removed
    				$header_image = get_header_image();
    				if ( ! empty( $header_image ) ) :
    			?&gt;
    			&lt;a href=&quot;&lt;?php echo esc_url( home_url( &#39;/&#39; ) ); ?&gt;&quot;&gt;
    				&lt;?php
    					// The header image
    					// Check if this is a post or page, if it has a thumbnail, and if it&#39;s a big one
    					if ( is_singular() &amp;&amp;
    							has_post_thumbnail( $post-&gt;ID ) &amp;&amp;
    							( /* $src, $width, $height */ $image = wp_get_attachment_image_src( get_post_thumbnail_id( $post-&gt;ID ), array( HEADER_IMAGE_WIDTH, HEADER_IMAGE_WIDTH ) ) ) &amp;&amp;
    							$image[1] &gt;= HEADER_IMAGE_WIDTH ) :
    						// Houston, we have a new header image!
    						echo get_the_post_thumbnail( $post-&gt;ID, &#39;post-thumbnail&#39; );
    					else : ?&gt;
    					&lt;img src=&quot;&lt;?php header_image(); ?&gt;&quot; width=&quot;&lt;?php echo HEADER_IMAGE_WIDTH; ?&gt;&quot; height=&quot;&lt;?php echo HEADER_IMAGE_HEIGHT; ?&gt;&quot; alt=&quot;&quot; /&gt;
    				&lt;?php endif; // end check for featured image or standard header ?&gt;
    			&lt;/a&gt;
    			&lt;?php endif; // end check for removed header image ?&gt;
    
    			&lt;nav id=&quot;access&quot; role=&quot;navigation&quot;&gt;
    
    &lt;div id=&quot;nav&quot;&gt;
                &lt;ul&gt;
                    &lt;li class=&quot;end&quot;&gt;&lt;a href=&quot;#contact&quot; id=&quot;navContact&quot; class=&quot;goto_contact&quot;&gt;&lt;/a&gt;&lt;/li&gt;
                    &lt;li&gt;&lt;a href=&quot;#context&quot; id=&quot;navContext&quot; class=&quot;goto_context&quot;&gt;&lt;/a&gt;&lt;/li&gt;
                    &lt;li&gt;&lt;a href=&quot;#artScience&quot; id=&quot;navArtScience&quot; class=&quot;goto_artScience&quot;&gt;&lt;/a&gt;&lt;/li&gt;
                    &lt;li&gt;&lt;a href=&quot;#home&quot; id=&quot;navHome&quot; class=&quot;goto_home&quot;&gt;&lt;/a&gt;&lt;/li&gt;
                &lt;/ul&gt;
                &lt;div class=&quot;clear&quot;&gt;
                &lt;/div&gt;
            &lt;/div&gt;
            &lt;div id=&quot;navPointer&quot;&gt;
                &lt;div id=&quot;controlContainer&quot;&gt;
                    &lt;div id=&quot;pointer&quot;&gt;
                    &lt;/div&gt;
                &lt;/div&gt;
            &lt;/div&gt;
        &lt;/div&gt;
        &lt;div id=&quot;contentHolder&quot;&gt;
            &lt;div id=&quot;contentGallery&quot;&gt;
                &lt;img src=&quot;Images/Gallery/london.jpg&quot; width=&quot;1200&quot; height=&quot;550&quot; alt=&quot;London&quot; /&gt;
                &lt;img src=&quot;Images/Gallery/singapore.jpg&quot; style=&quot;display: none;&quot; width=&quot;1200&quot; height=&quot;550&quot;
                    alt=&quot;Singapore&quot; /&gt;
                &lt;img src=&quot;Images/Gallery/geneva.jpg&quot; style=&quot;display: none;&quot; width=&quot;1200&quot; height=&quot;550&quot;
                    alt=&quot;Geneva&quot; /&gt;
            &lt;/div&gt;
            &lt;div id=&quot;contentShadow&quot;&gt;
            &lt;/div&gt;
            &lt;div id=&quot;content&quot;&gt;
                &lt;div id=&quot;contentScroller&quot;&gt;
                    &lt;div id=&quot;home&quot; class=&quot;page&quot;&gt;
                        &lt;div class=&quot;homeContent&quot;&gt;
                            &lt;span class=&quot;homeHeaderText&quot;&gt;GMR&lt;/span&gt;
                            &lt;div class=&quot;clear&quot;&gt;
                            &lt;/div&gt;
                            &lt;div class=&quot;homePageText&quot;&gt;
                                &lt;p&gt; very long text 1
                                &lt;/p&gt;
                            &lt;/div&gt;
                        &lt;/div&gt;
                    &lt;/div&gt;
                    &lt;div id=&quot;artScience&quot; class=&quot;page&quot;&gt;
                        &lt;div class=&quot;pageContent&quot;&gt;
                            &lt;div id=&quot;artSciencePage&quot;&gt;
                                &lt;span class=&quot;headerText&quot;&gt;About Us&lt;/span&gt;
                                &lt;div class=&quot;pageText&quot;&gt;
                                    &lt;p&gt;
                                        Insert text here. 
                                    &lt;/p&gt;
                                &lt;/div&gt;
                                &lt;table border=&quot;0&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; class=&quot;linkTable&quot;&gt;
                                    &lt;tr&gt;
                                        &lt;td valign=&quot;middle&quot; height=&quot;100%&quot;&gt;
                                            &lt;a href=&quot;#&quot; id=&quot;theArtLnk&quot; class=&quot;largeArrow&quot;&gt;The Art&lt;/a&gt;
                                        &lt;/td&gt;
                                        &lt;td valign=&quot;middle&quot; height=&quot;100%&quot;&gt;
                                            &lt;a href=&quot;#&quot; id=&quot;theScienceLnk&quot; class=&quot;largeArrow&quot;&gt;The Science&lt;/a&gt;
                                        &lt;/td&gt;
                                    &lt;/tr&gt;
                                &lt;/table&gt;
                            &lt;/div&gt;
                            &lt;div id=&quot;theArtPage&quot; class=&quot;closed&quot;&gt;
                                &lt;span class=&quot;headerText&quot;&gt;The Art&lt;/span&gt;
                                &lt;div class=&quot;pageText&quot;&gt;
                                    &lt;a href=&quot;#&quot; class=&quot;acc_trigger&quot;&gt;Sensitivity&lt;/a&gt;
                                    &lt;div class=&quot;acc_container&quot;&gt;
                                        &lt;p&gt;very long text 2&lt;/p&gt;
                                    &lt;/div&gt;
                                    &lt;div class=&quot;seperator&quot;&gt;
                                    &lt;/div&gt;
                                    &lt;a href=&quot;#&quot; class=&quot;acc_trigger&quot;&gt;Creativity&lt;/a&gt;
                                    &lt;div class=&quot;acc_container&quot;&gt;
                                        &lt;p&gt;very long text 3&lt;/p&gt;
                                    &lt;/div&gt;
                                    &lt;div class=&quot;seperator&quot;&gt;
                                    &lt;/div&gt;
                                    &lt;a href=&quot;#&quot; class=&quot;acc_trigger&quot;&gt;Intuition&lt;/a&gt;
                                    &lt;div class=&quot;acc_container&quot;&gt;
                                        &lt;p&gt;very long text 4&lt;/p&gt;
                                    &lt;/div&gt;
                                    &lt;div class=&quot;seperator&quot;&gt;
                                    &lt;/div&gt;
                                    &lt;a href=&quot;#&quot; class=&quot;acc_trigger&quot;&gt;Judgment&lt;/a&gt;
                                    &lt;div class=&quot;acc_container&quot;&gt;
                                        &lt;p&gt;very long text 5&lt;/p&gt;
                                    &lt;/div&gt;
                                &lt;/div&gt;
                                &lt;a href=&quot;#&quot; id=&quot;artToScienceLnk&quot; class=&quot;largeArrow&quot;&gt;The Science&lt;/a&gt;
                            &lt;/div&gt;
                            &lt;div id=&quot;theSciencePage&quot; class=&quot;closed&quot;&gt;
                                &lt;span class=&quot;headerText&quot;&gt;The Science&lt;/span&gt;
                                &lt;div class=&quot;pageText&quot;&gt;
                                    &lt;a href=&quot;#&quot; class=&quot;acc_trigger_2&quot;&gt;Methodology&lt;/a&gt;
                                    &lt;div class=&quot;acc_container_2&quot;&gt;
                                        &lt;p&gt;very long text 6&lt;/p&gt;
                                    &lt;/div&gt;
                                    &lt;div class=&quot;seperator&quot;&gt;
                                    &lt;/div&gt;
                                    &lt;a href=&quot;#&quot; class=&quot;acc_trigger_2&quot;&gt;Research&lt;/a&gt;
                                    &lt;div class=&quot;acc_container_2&quot;&gt;
                                        &lt;p&gt;very long text 7&lt;/p&gt;
                                    &lt;/div&gt;
                                    &lt;div class=&quot;seperator&quot;&gt;
                                    &lt;/div&gt;
                                    &lt;a href=&quot;#&quot; class=&quot;acc_trigger_2&quot;&gt;Team Approach&lt;/a&gt;
                                    &lt;div class=&quot;acc_container_2&quot;&gt;
                                        &lt;p&gt;very long text 8&lt;/p&gt;
                                    &lt;/div&gt;
                                    &lt;div class=&quot;seperator&quot;&gt;
                                    &lt;/div&gt;
                                    &lt;a href=&quot;#&quot; class=&quot;acc_trigger_2&quot;&gt;Sharing Information&lt;/a&gt;
                                    &lt;div class=&quot;acc_container_2&quot;&gt;
                                        &lt;p&gt;very long text 9&lt;/p&gt;
                                    &lt;/div&gt;
                                &lt;/div&gt;
                                &lt;a href=&quot;#&quot; id=&quot;scienceToArtLnk&quot; class=&quot;largeArrow&quot;&gt;The Art&lt;/a&gt;
                            &lt;/div&gt;
                        &lt;/div&gt;
                    &lt;/div&gt;
                    &lt;div id=&quot;context&quot; class=&quot;page&quot;&gt;
                        &lt;div class=&quot;pageContent&quot;&gt;
                            &lt;span class=&quot;headerText&quot;&gt;Expertise&lt;/span&gt;
                            &lt;div class=&quot;pageText&quot;&gt;
                                &lt;a class=&quot;acc_trigger_3&quot; href=&quot;#&quot;&gt;Expertise&lt;/a&gt;
                                &lt;div class=&quot;acc_container&quot;&gt;
                                    &lt;p&gt;very long text 10&lt;/p&gt;
                                &lt;/div&gt;
                                &lt;div class=&quot;seperator&quot;&gt;
                                &lt;/div&gt;
                                &lt;a class=&quot;acc_trigger_3&quot; href=&quot;#&quot;&gt;Business Context&lt;/a&gt;
                                &lt;div class=&quot;acc_container&quot;&gt;
                                    &lt;p&gt;very long text 11&lt;/p&gt;
                                &lt;/div&gt;
                                &lt;div class=&quot;seperator&quot;&gt;
                                &lt;/div&gt;
                                &lt;a class=&quot;acc_trigger_3&quot; href=&quot;#&quot;&gt;Cultural Context&lt;/a&gt;
                                &lt;div class=&quot;acc_container&quot;&gt;
                                    &lt;p&gt;very long text 12&lt;/p&gt;
                                &lt;/div&gt;
                                &lt;div class=&quot;seperator&quot;&gt;
                                &lt;/div&gt;
                                &lt;a class=&quot;acc_trigger_3&quot; href=&quot;#&quot;&gt;Candidate Context&lt;/a&gt;
                                &lt;div class=&quot;acc_container&quot;&gt;
                                    &lt;p&gt;very long text 13&lt;/p&gt;
                                &lt;/div&gt;
                                &lt;div class=&quot;seperator&quot;&gt;
                                &lt;/div&gt;
                                &lt;a class=&quot;acc_trigger_3&quot; href=&quot;#&quot;&gt;Financial Context&lt;/a&gt;
                                &lt;div class=&quot;acc_container&quot;&gt;
                                    &lt;p&gt;very long text 14&lt;/p&gt;
                                &lt;/div&gt;
                                &lt;div class=&quot;seperator&quot;&gt;
                                &lt;/div&gt;
                                &lt;a class=&quot;acc_trigger_3&quot; href=&quot;#&quot;&gt;Service Context &lt;/a&gt;
                                &lt;div class=&quot;acc_container&quot;&gt;
                                    &lt;p&gt;very long text 15&lt;/p&gt;
                                &lt;/div&gt;
                            &lt;/div&gt;
                        &lt;/div&gt;
                    &lt;/div&gt;
                    &lt;div id=&quot;contact&quot; class=&quot;page&quot;&gt;
                        &lt;div class=&quot;pageContent&quot;&gt;
                            &lt;span class=&quot;headerText&quot;&gt;Contact&lt;/span&gt;
                            &lt;div class=&quot;pageText&quot;&gt;
                                &lt;h2&gt;
                                    Tel: +44(0)1234 567 890&lt;/h2&gt;
                                &lt;h3&gt;
                                    Email: &lt;a href=&quot;mailto:info@info&quot;&gt;info@info&lt;/a&gt;&lt;/h3&gt;
                            &lt;/div&gt;
                        &lt;/div&gt;
                    &lt;/div&gt;
                &lt;/div&gt;
            &lt;/div&gt;
    
    				&lt;h3 class=&quot;assistive-text&quot;&gt;&lt;?php _e( &#39;Main menu&#39;, &#39;twentyeleven&#39; ); ?&gt;&lt;/h3&gt;
    				&lt;?php /*  Allow screen readers / text browsers to skip the navigation menu and get right to the good stuff. */ ?&gt;
    				&lt;div class=&quot;skip-link&quot;&gt;&lt;a class=&quot;assistive-text&quot; href=&quot;#content&quot; title=&quot;&lt;?php esc_attr_e( &#39;Skip to primary content&#39;, &#39;twentyeleven&#39; ); ?&gt;&quot;&gt;&lt;?php _e( &#39;Skip to primary content&#39;, &#39;twentyeleven&#39; ); ?&gt;&lt;/a&gt;&lt;/div&gt;
    				&lt;div class=&quot;skip-link&quot;&gt;&lt;a class=&quot;assistive-text&quot; href=&quot;#secondary&quot; title=&quot;&lt;?php esc_attr_e( &#39;Skip to secondary content&#39;, &#39;twentyeleven&#39; ); ?&gt;&quot;&gt;&lt;?php _e( &#39;Skip to secondary content&#39;, &#39;twentyeleven&#39; ); ?&gt;&lt;/a&gt;&lt;/div&gt;
    				&lt;?php /* Our navigation menu.  If one isn&#39;t filled out, wp_nav_menu falls back to wp_page_menu. The menu assiged to the primary position is the one used. If none is assigned, the menu with the lowest ID is used. */ ?&gt;
    				
    			&lt;/nav&gt;&lt;!-- #access --&gt;
    	&lt;/header&gt;&lt;!-- #branding --&gt;

This is the code I am using in the footer.php:

    &lt;div id=&quot;footerNav&quot;&gt;
        &lt;ul&gt;
            &lt;li class=&quot;start&quot;&gt;&lt;a href=&quot;#home&quot; class=&quot;goto_home&quot;&gt;Home&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href=&quot;#artScience&quot; class=&quot;goto_artScience&quot;&gt;About Us&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href=&quot;#context&quot; class=&quot;goto_context&quot;&gt;Approach&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href=&quot;#contact&quot; class=&quot;goto_contact&quot;&gt;Expertise&lt;/a&gt;&lt;/li&gt;
        &lt;/ul&gt;
    &lt;/div&gt;

Uncaught ReferenceError: jQuery is not defined

How do you display a JavaScript datetime object in the 12 hour format (AM/PM)?

How do you display JavaScript datetime in 12 hour AM/PM format?

I want to achieve the following.

    &lt;video src=&quot;file:///Users/username/folder/video.webm&quot;&gt;
    &lt;/video&gt;

The intent is that the user will be able to select a file from his/her hard drive.

And the reason for not uploading is of course transmission costs and storage quota. There will be no reason to save the file.

Is it possible?

Play local (hard-drive) video file with HTML5 video tag?

Can I set any variable in CSS like I want my div height to always be half of width my div scales with the screen size width for div is in percent

    &lt;div class=&quot;ss&quot;&gt;&lt;/div&gt;
   
CSS:

    .ss {
        width:30%;
        height: half of the width;
    }

This 30% width scales with screen resolution

Can I scale a div&#39;s height proportionally to its width using CSS?

## The Map
I&#39;m making a tile based RPG with Javascript, using perlin noise heightmaps, then assigning a tile type based on the height of the noise.

The maps end up looking something like this (in the minimap view).

![enter image description here][1]

I have a fairly simple algorithm which extracts the color value from each pixel on the image and converts it into a integer (0-5) depending on its postion between (0-255) which corresponds to a tile in tile dictionary. This 200x200 array is then passed to the client.

The engine then determines the tiles from the values in the array and draws them to the canvas. So, I end up with interesting worlds that have realistic looking features: mountains, seas etc.

Now the next thing I wanted to do was to apply some kind of blending algorithm that would cause tiles to seamlessly blend into their neighbours, _if_ the neighbour is not of the same type. The example map above is what the player sees in their minimap. Onscreen they see a rendered version of the section marked by the white rectangle; where the tiles are rendered with their images rather than as single color pixels.

This is an example of what the user would see in the map but _it is not the same location as the viewport above shows!_

![enter image description here][2]

It is in this view that I want the transitioning to occur.


## The Algorithm

I came up with a simple algorithm that would traverse the map within the viewport and render another image over the top of each tile, providing it was next to a tile of different type. (Not changing the map! Just rendering some extra images.) The idea of the algorithm was to profile the current tile&#39;s neighbors:

![An example of a tile profile][3]

This is an example scenario of what the engine might have to render, with the current tile being the one marked with the X.

A 3x3 array is created and the values around it are read in. So for this example the array would look like.

    [
        [1,2,2]
        [1,2,2]
        [1,1,2]
    ];
My idea was then to work out a series of cases for the possible tile configurations. On a very simple level:

    if(profile[0][1] != profile[1][1]){
         //draw a tile which is half sand and half transparent
         //Over the current tile -&gt; profile[1][1]
         ...
    }

Which gives this result:

![Result][7]

Which works as a transition from `[0][1]` to `[1][1]`, but not from `[1][1]` to `[2][1]`, where a hard edge remains. So I figured that in that instance a corner tile would have to be used. I created two 3x3 sprite sheets that I thought would hold all the possible combinations of tiles that could be needed. Then I replicated this for all of the tiles that there are in the game (The white areas are transparent). This ends up being 16 tiles for each type of tile (The center tiles on each spritesheet are not used.) 

![Sand][8]![Sand2][9]

## The Ideal Outcome

So, with these new tiles and the correct algorithm, the example section would look like this:

![Correct][10]

Every attempt I have made has failed though, there is always some flaw in the algorithm and the patterns end up strange. I can&#39;t seem to get all the cases right and overall it seems like a poor way of doing it.

##A Solution?

So, if anyone could provide an alternative solution as to how I could create this effect, or what direction to go for writing the profiling algorithm, then I would be very grateful!


  [1]: http://i.stack.imgur.com/boOia.png
  [2]: http://i.stack.imgur.com/F0f9E.png
  [3]: http://i.stack.imgur.com/Cetyi.png
  [4]: http://i.stack.imgur.com/boOia.png
  [5]: http://i.stack.imgur.com/boOia.png
  [6]: http://i.stack.imgur.com/boOia.png
  [7]: http://i.stack.imgur.com/R4UPM.png
  [8]: http://i.stack.imgur.com/4QXGR.png
  [9]: http://i.stack.imgur.com/qKUwD.png
  [10]: http://i.stack.imgur.com/SYNqQ.png

Map Tiling Algorithm

I want to hide the big play button that appears by default on the `&lt;video&gt;` element

Is it possible?

Hide iPhone HTML5 video play button

The goal is to have the `&lt;svg&gt;` element expand to the size of its parent container, in this case a `&lt;div&gt;`, no matter how big or small that container may be.

The code:

    &lt;style&gt;
        svg, #container{
            height: 100%;
            width: 100%;
        }
    &lt;/style&gt;
    
    &lt;div id=&quot;container&quot;&gt;
        &lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; version=&quot;1.1&quot; &gt;
	         &lt;rect x=&quot;0&quot; y=&quot;0&quot; width=&quot;100&quot; height=&quot;100&quot; /&gt;
        &lt;/svg&gt;
    &lt;/div&gt;

    

The most common solution to this problem seems to be setting the `viewBox` attribute on the `&lt;svg&gt;` element. 

    viewBox=&quot;0 0 widthOfContainer heightOfContainer&quot;

However, this does not seem to work in cases where elements within the `&lt;svg&gt;` element have predefined widths and/or heights. For example, the `&lt;rect&gt;` element, in the above code, has its width and height explicitly set.

So the obvious solution is to use % widths and % heights on those elements as well.  But does this even have to be done?  Especially, since `&lt;img src=test.svg &gt;` works fine and expands/contracts without any problems with explicitly set `&lt;rect&gt;` heights and widths.

If elements like `&lt;rect&gt;`, and other elements like it, have to have their widths and heights defined in percentages, is there a way in Inkscape to set it so that all elements with the `&lt;svg&gt;` document use percentage widths, heights, etc.. instead of fixed dimensions?

How to make a &lt;svg&gt; element expand or contract to its parent container?

Is there any way (with a attribute flag or something like that) to enable form fields that are disabled to submit data?

Or, if that&#39;s not possible, is there any way to block fields from editing with css or any other attribute than disabled without hiding them?

My special case at the moment is an identifier for a data-set that should be shown in the form (uneditable) - if there is no better solution I think i&#39;ll use a hidden field in addition to the disabled one to hold the actual value with the disabled one showing it.

Disabled form fields not submitting data

I&#39;m using *Rails 3.2.0.rc2*. I&#39;ve got a `Model`, in which I have a static `Array` which I&#39;m offering up through a form such that users may select a subset of `Array` and save their selection to the database, stored in a single column in `Model`. I&#39;ve used serialize on the database column which stores the `Array` and Rails is correctly converting the users&#39; selections into Yaml (and back to an array when reading that column). I&#39;m using a multi-select form input to make selections.

*My problem is that, the way I currently have it, everything works as I would expect except that the user&#39;s subset array always has a blank first element when it&#39;s sent to the server.*

This isn&#39;t a big deal, and I could write code to cut that out after the fact, but I feel like I&#39;m just making some kind of syntactical error as it doesn&#39;t seem to me that the default Rails behaviour would intentionally add this blank element without some reason. I must have missed something or forgot to disable some kind of setting. Please help me understand what I&#39;m missing (or point me in to some good documentation that describes this with more depth than what I&#39;ve been able to find on the intertubes).

### MySQL Database Table &#39;models&#39;:
- includes a column named `subset_array` which is a TEXT field

### Class Model includes the following settings:
- `serialize :subset_array`
- `ALL_POSSIBLE_VALUES = [value1, value2, value3, ...]`

### Form for editing Models includes the following input option:
- `f.select :subset_array, Model::ALL_POSSIBLE_VALUES, {}, :multiple =&gt; true, :selected =&gt; @model.subset_array`

### PUT to server from client looks something like this:
- assuming only value1 and value3 are selected
- `&quot;model&quot; =&gt; { &quot;subset_array&quot; =&gt; [&quot;&quot;, value1, value3] }`

### Database update looks like this:
- `UPDATE &#39;models&#39; SET &#39;subset_array&#39; = &#39;--- \n- \&quot;\&quot;\n- value1\n- value3\n&#39;`

As you can see, there&#39;s this extra, blank, element in the array being sent and set in the database. How do I get rid of that? Is there a parameter I&#39;m missing from my `f.select` call?

Much thanks appreciated :)

**EDIT**: This is the generated HTML code from the `f.select` statement. It looks as though there is a hidden input being generated which may be the cause of my issue? Why is that there?

    &lt;input name=&quot;model[subset_array][]&quot; type=&quot;hidden&quot; value&gt;
    &lt;select id=&quot;model_subset_array&quot; multiple=&quot;multiple&quot; name=&quot;model[subset_array][]&quot; selected=&quot;selected&quot;&gt;
        &lt;option value=&quot;value1&quot; selected=&quot;selected&quot;&gt;Value1&lt;/option&gt;
        &lt;option value=&quot;value2&quot;&gt;Value2&lt;/option&gt;
        &lt;option value=&quot;value3&quot; selected=&quot;selected&quot;&gt;Value3&lt;/option&gt;
        &lt;option...&gt;...&lt;/option&gt;
    &lt;/select&gt;

Why is the first element always blank in my Rails multi-select, using an embedded array?

I have a chat that uses textarea instead of text for obvious reasons. This is why each time members hit ENTER they get a new line instead of sending the message. 
I would like to change this, so every time they hit ENTER =the message to be submitted and then the cursor to return on textarea for their next message typing.
I&#39;ve tried different codes found on this site, most didnt work and those who seemed to do something  were just refreshing the page and i got a blank page.

My code:

    &lt;form name=&quot;message&quot; action=&quot;&quot;&gt;
        &lt;textarea name=&quot;usermsg&quot; autocomplete=&quot;off&quot; type=&quot;text&quot; id=&quot;usermsg&quot; rows=&quot;4&quot; cols=&quot;30&quot; style=&quot;width: 450px; margin-left: 25px;&quot;&gt;
        &lt;/textarea&gt;
        &lt;br/&gt;
        
        &lt;p style=&quot;margin-left: 420px;&quot;&gt;&lt;input name=&quot;submitmsg&quot; type=&quot;submit&quot;  id=&quot;submitmsg&quot; value=&quot;Send&quot; /&gt;&lt;/p&gt;
    &lt;/form&gt;

Thank you very much for your time.

How to make &quot;Enter&quot; key in a textarea submit a form


What&#39;s the point of the `name` attribute on an HTML form? As far as I can tell, you can&#39;t read the form name on submission or do anything else with it. Does it serve a purpose?

What&#39;s the point of HTML forms `name` attribute?

&gt; **Possible Duplicate:**  
&gt; [HTML: Submitting a form by pressing enter without a submit button](https://stackoverflow.com/questions/477691/html-submitting-a-form-by-pressing-enter-without-a-submit-button)  

&lt;!-- End of automatically inserted text --&gt;

How can I submit a form with just the Enter key on a text input field, without having to add a submit button?

I remember this worked in the past, but I tested it now and the form doesn&#39;t get submitted unless there&#39;s a submit-type input field inside it.

Content Type	Original Author	Original Content on Stackoverflow
Question	jpsstavares	View Question on Stackoverflow
Solution 1 - Javascript	Gareth	View Answer on Stackoverflow

What is _lpchecked="1" for in a form?

Javascript Problem Overview

Javascript Solutions

Solution 1 - Javascript

Is C# partially interpreted or really compiled?

Return a specific http status code in Rails

Attributions