save file

Author: javascript-2020

html-components/html-components.html

@@ -163,21 +163,6 @@
 
 
 
-                    <div style="margin-bottom: 20px;">
-                          i include here a standard example of web components, which i feel went some way as to introducing the ability to include complex functionality
-                          into web pages, i feel however it fell short on a number of issues i have solved with my component.js library, these are
-                          <ul>
-                                <li>
-                                      elements were scoped to the global namespace, always a problem when functionality gets ever more complex its only a matter
-                                      of time before clashes occur
-                                </li>
-                                <li>
-                                      methods and properties associated with the component were added to the host node of the element, again thats ok for simple
-                                      components, but when components get ever more complex its going to be a problem
-                                </li>
-                          </ul>
-                    </div>
-        
                     <div>
                           <p>
                                 to me a component / module should have a standard lifecycle that is
@@ -236,43 +221,27 @@
         <div class=hr2></div>
 
 
-        <div style="margin-bottom: 20px;">
-              users are able to supply their own components and therefore build up a rich selection of components
-        </div>
-        <div style="margin-bottom: 20px;">
-              to get the whole thing started and supply and example, i have created the first, simple, example
-        </div>
-        
-        <div style="margin-bottom: 20px;">
-            <a href="select/select.html">
-                  custom select
-            </a>
-        </div>
-        
-        <div style="margin-bottom: 20px;">
-            <a href="checkbox-one/checkbox-one.html">
-                  checkbox-one
-            </a>
-        </div>
-        
-        <div style="margin-bottom: 20px;">
-            <a href="log/log.html">
-                  log
-            </a>
-        </div>
-        
-        <div style="margin-bottom: 20px;">
-              keep checking back for more examples and an interface for user supplied examples
-        </div>
-
-
 
 
 
 
+                    <div style="margin-bottom: 20px;">
+                          i include here a standard example of web components, which i feel went some way as to introducing the ability to include complex functionality
+                          into web pages, i feel however it fell short on a number of issues i have solved with my component.js library, these are
+                          <ul>
+                                <li>
+                                      elements were scoped to the global namespace, always a problem when functionality gets ever more complex its only a matter
+                                      of time before clashes occur
+                                </li>
+                                <li>
+                                      methods and properties associated with the component were added to the host node of the element, again thats ok for simple
+                                      components, but when components get ever more complex its going to be a problem
+                                </li>
+                          </ul>
+                    </div>
 
 
-        <code class=code>
+        <web-editor id=ex3 component fullsize>
 
               class newElement extends HTMLElement {
 
@@ -307,7 +276,7 @@
 
               }//class                    
 
-        </code>
+        </web-editor>
 
                         <br>