Autocomplete demos: Coding standards.

diff --git a/demos/autocomplete/categories.html b/demos/autocomplete/categories.html
index 17ec6495de373f9ada7245ff8cd0783e27304cdd..d2a1bc5bdf0ef69c0693994e10e1fd36d9788b52 100644 (file)
--- a/demos/autocomplete/categories.html
+++ b/demos/autocomplete/categories.html
@@ -47,7 +47,7 @@
                        { label: "andreas andersson", category: "People" },
                        { label: "andreas johnson", category: "People" }
                ];
-               
+
                $( "#search" ).catcomplete({
                        delay: 0,
                        source: data
@@ -59,7 +59,7 @@
 
 <div class="demo">
        <label for="search">Search: </label>
-       <input id="search" />
+       <input id="search">
 </div><!-- End demo -->
 
 

diff --git a/demos/autocomplete/combobox.html b/demos/autocomplete/combobox.html
index 5fb3ffef941bdbc154af84d80e8508ee4b7ee8dd..b228c1cbb0a9c5f2a23553e6220ed283c79dfaca 100644 (file)
--- a/demos/autocomplete/combobox.html
+++ b/demos/autocomplete/combobox.html
@@ -14,9 +14,16 @@
        <script src="../../ui/jquery.ui.tooltip.js"></script>
        <link rel="stylesheet" href="../demos.css">
        <style>
-       .ui-button { margin-left: -1px; }
-       .ui-button-icon-only .ui-button-text { padding: 0.35em; } 
-       .ui-autocomplete-input { margin: 0; padding: 0.4em 0 0.4em 0.45em; }
+       .ui-button {
+               margin-left: -1px;
+       }
+       .ui-button-icon-only .ui-button-text {
+               padding: 0.35em;
+       } 
+       .ui-autocomplete-input {
+               margin: 0;
+               padding: 0.4em 0 0.4em 0.45em;
+       }
        </style>
        <script>
        (function( $ ) {
@@ -90,7 +97,7 @@
                                        .addClass( "ui-widget ui-widget-content ui-corner-left" );
 
                                input.data( "autocomplete" )._renderItem = function( ul, item ) {
-                                       return $( "<li></li>" )
+                                       return $( "<li>" )
                                                .data( "item.autocomplete", item )
                                                .append( "<a>" + item.label + "</a>" )
                                                .appendTo( ul );

diff --git a/demos/autocomplete/custom-data.html b/demos/autocomplete/custom-data.html
index a4edc4fccde947c9a2e176d6e518a68cc7cf3e1b..a5782cab99dd6bcd9584cc48197abafe0f4d34cb 100644 (file)
--- a/demos/autocomplete/custom-data.html
+++ b/demos/autocomplete/custom-data.html
@@ -67,7 +67,7 @@
                        }
                })
                .data( "autocomplete" )._renderItem = function( ul, item ) {
-                       return $( "<li></li>" )
+                       return $( "<li>" )
                                .data( "item.autocomplete", item )
                                .append( "<a>" + item.label + "<br>" + item.desc + "</a>" )
                                .appendTo( ul );
@@ -79,9 +79,9 @@
 
 <div class="demo">
        <div id="project-label">Select a project (type "j" for a start):</div>
-       <img id="project-icon" src="images/transparent_1x1.png" class="ui-state-default"/>
-       <input id="project"/>
-       <input type="hidden" id="project-id"/>
+       <img id="project-icon" src="images/transparent_1x1.png" class="ui-state-default">
+       <input id="project">
+       <input type="hidden" id="project-id">
        <p id="project-description"></p>
 </div><!-- End demo -->
 

diff --git a/demos/autocomplete/default.html b/demos/autocomplete/default.html
index 80e7642d42d7090ebe755e754913e5c5354975b7..bbd0889cf036d1ee25c98ae2f070bbbffacf758b 100644 (file)
--- a/demos/autocomplete/default.html
+++ b/demos/autocomplete/default.html
@@ -49,7 +49,7 @@
 
 <div class="ui-widget">
        <label for="tags">Tags: </label>
-       <input id="tags" />
+       <input id="tags">
 </div>
 
 </div><!-- End demo -->

diff --git a/demos/autocomplete/folding.html b/demos/autocomplete/folding.html
index f3e45502bbad1e6ca387820e735bc4e78627d6e3..8ebf0d0a6df7af611facb42aa1914c0c8486d9c0 100644 (file)
--- a/demos/autocomplete/folding.html
+++ b/demos/autocomplete/folding.html
@@ -46,7 +46,7 @@
 <div class="ui-widget">
        <form>
        <label for="developer">Developer: </label>
-       <input id="developer" />
+       <input id="developer">
        </form>
 </div>
 

diff --git a/demos/autocomplete/maxheight.html b/demos/autocomplete/maxheight.html
index c4f9769c387c6a3d47c7d30bd9df1b5926efeaa9..f87f031715b14310d9a1b2ea68d688edf5f970a8 100644 (file)
--- a/demos/autocomplete/maxheight.html
+++ b/demos/autocomplete/maxheight.html
@@ -60,12 +60,12 @@
        </script>
 </head>
 <body>
-       
+
 <div class="demo">
 
 <div class="ui-widget">
        <label for="tags">Tags: </label>
-       <input id="tags" />
+       <input id="tags">
 </div>
 
 </div><!-- End demo -->

diff --git a/demos/autocomplete/multiple-remote.html b/demos/autocomplete/multiple-remote.html
index 9351e8f3b919590ef02e91dd52e7ba6655e39cd8..16472a36c2ee91f385fbd89ff508f075ef7d5a53 100644 (file)
--- a/demos/autocomplete/multiple-remote.html
+++ b/demos/autocomplete/multiple-remote.html
@@ -12,7 +12,9 @@
        <script src="../../ui/jquery.ui.autocomplete.js"></script>
        <link rel="stylesheet" href="../demos.css">
        <style>
-       .ui-autocomplete-loading { background: white url('images/ui-anim_basic_16x16.gif') right center no-repeat; }
+       .ui-autocomplete-loading {
+               background: white url('images/ui-anim_basic_16x16.gif') right center no-repeat;
+       }
        </style>
        <script>
        $(function() {
@@ -69,7 +71,7 @@
 
 <div class="ui-widget">
        <label for="birds">Birds: </label>
-       <input id="birds" size="50" />
+       <input id="birds" size="50">
 </div>
 
 </div><!-- End demo -->

diff --git a/demos/autocomplete/multiple.html b/demos/autocomplete/multiple.html
index 4e67bf7e7823e5b8d29a2a2101ee4697ce3473f1..f5f249c41b9bc9b36d89ad9f4c99043cd99d339c 100644 (file)
--- a/demos/autocomplete/multiple.html
+++ b/demos/autocomplete/multiple.html
@@ -84,7 +84,7 @@
 
 <div class="ui-widget">
        <label for="tags">Tag programming languages: </label>
-       <input id="tags" size="50" />
+       <input id="tags" size="50">
 </div>
 
 </div><!-- End demo -->

diff --git a/demos/autocomplete/remote-jsonp.html b/demos/autocomplete/remote-jsonp.html
index 1cc71d1e34ce049bb370c52837f5cc4340c5aa05..bfcbc06078d5cc429b2e21bab181617d9df20813 100644 (file)
--- a/demos/autocomplete/remote-jsonp.html
+++ b/demos/autocomplete/remote-jsonp.html
@@ -12,14 +12,16 @@
        <script src="../../ui/jquery.ui.autocomplete.js"></script>
        <link rel="stylesheet" href="../demos.css">
        <style>
-       .ui-autocomplete-loading { background: white url('images/ui-anim_basic_16x16.gif') right center no-repeat; }
+       .ui-autocomplete-loading {
+               background: white url('images/ui-anim_basic_16x16.gif') right center no-repeat;
+       }
        #city { width: 25em; }
        </style>
        <script>
        $(function() {
                function log( message ) {
-                       $( "<div/>" ).text( message ).prependTo( "#log" );
-                       $( "#log" ).attr( "scrollTop", 0 );
+                       $( "<div>" ).text( message ).prependTo( "#log" );
+                       $( "#log" ).scrollTop( 0 );
                }
 
                $( "#city" ).autocomplete({
@@ -65,7 +67,7 @@
 
 <div class="ui-widget">
        <label for="city">Your city: </label>
-       <input id="city" />
+       <input id="city">
        Powered by <a href="http://geonames.org">geonames.org</a>
 </div>
 

diff --git a/demos/autocomplete/remote-with-cache.html b/demos/autocomplete/remote-with-cache.html
index d7aabd72a144f7fa6d2b3f7cc559cdbc9234df56..3d7a818edb96265d267fb164fd19a90769dd0805 100644 (file)
--- a/demos/autocomplete/remote-with-cache.html
+++ b/demos/autocomplete/remote-with-cache.html
@@ -12,7 +12,9 @@
        <script src="../../ui/jquery.ui.autocomplete.js"></script>
        <link rel="stylesheet" href="../demos.css">
        <style>
-       .ui-autocomplete-loading { background: white url('images/ui-anim_basic_16x16.gif') right center no-repeat; }
+       .ui-autocomplete-loading {
+               background: white url('images/ui-anim_basic_16x16.gif') right center no-repeat;
+       }
        </style>
        <script>
        $(function() {
@@ -44,7 +46,7 @@
 
 <div class="ui-widget">
        <label for="birds">Birds: </label>
-       <input id="birds" />
+       <input id="birds">
 </div>
 
 </div><!-- End demo -->

diff --git a/demos/autocomplete/remote.html b/demos/autocomplete/remote.html
index 5538b28226e7e683666b3f687a608ca9b3842f0d..3229c5cd8addab98480fbd13e665517ed712ec74 100644 (file)
--- a/demos/autocomplete/remote.html
+++ b/demos/autocomplete/remote.html
@@ -12,13 +12,15 @@
        <script src="../../ui/jquery.ui.autocomplete.js"></script>
        <link rel="stylesheet" href="../demos.css">
        <style>
-       .ui-autocomplete-loading { background: white url('images/ui-anim_basic_16x16.gif') right center no-repeat; }
+       .ui-autocomplete-loading {
+               background: white url('images/ui-anim_basic_16x16.gif') right center no-repeat;
+       }
        </style>
        <script>
        $(function() {
                function log( message ) {
-                       $( "<div/>" ).text( message ).prependTo( "#log" );
-                       $( "#log" ).attr( "scrollTop", 0 );
+                       $( "<div>" ).text( message ).prependTo( "#log" );
+                       $( "#log" ).scrollTop( 0 );
                }
 
                $( "#birds" ).autocomplete({
@@ -39,7 +41,7 @@
 
 <div class="ui-widget">
        <label for="birds">Birds: </label>
-       <input id="birds" />
+       <input id="birds">
 </div>
 
 <div class="ui-widget" style="margin-top:2em; font-family:Arial">