save file

Author: javascript-2020

html/chat-room/html/chat-room-simple/chat-room-simple.html

@@ -20,6 +20,11 @@
     {cursor:pointer}
   #show-password > *
     {vertical-align:middle;cursor:pointer}
+  #show
+    {padding:0 4px;
+      content:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAABC1BMVEVHcEx0vfeNyfmOyflktfaQyvmMyfl+wvh1vfeNyfl/wvmQyvmQyvmQyvmQyvmQyvmGxfhcsfZquPdOpvBltfaQyvmQyvlzvPhKqfWQyvltuveOyflktfZktfZfsvVktfZgs/VktvZGou8uk+oii+eFxfhyvPdyvPeQyvmRy/lktfZktfZktfZMqvVcr/SRy/k5meuQyvlCpfZEWWORy/lCpvdltfZBpPTR2d1WrfRAo/IrkelPq/V9wfdEpvU7oPIljuiHxvlDl9k1mu67xcpEcZBDfKjG1NxrfIWgyOVEZXpCm+FFYnRNYWtJeJpadIRCgrNDjslWanN1r9y2z+GMwOirt7yGsM+QnaN+KCg5AAAAMXRSTlMA/coqMDA0AQb9HtATuJbk33H++/jnf119bic/0Mjc5T61W3J++6xpgbETf5b/9bL0wSmUewAAAT1JREFUKM/d0edywjAMAOAsZoGwyiwbutPWNk6ITQYJe3WP93+SOmEcLW+Afvn8nWRL4riTj3C0nE8VCql8ORr+byGxeJPMKiaEpvKQfCyKoUMNJGQw0OEmNMJ35URgj7HcOWCqQYihopuQuEYXyLnYRsU4YJH2Ep33j8msD92MdxMXPQ2eeedBn1V9eR72er1PaFGWDoAQZM/62jVMiF/RdMJ4ZmpU9TgiSJwAfOZZ6TV687K/Nc3WfeYrB6yNEJp+DX/WZMMRXq1wAWFXHI4RQqsVGmPLZsWZXkj7rykQO3PmaO5glxqgk/Z115jq9TVaLkcOS850eFVtSNuxXG/HgsliQTChNJtWa3e3+7kFE8mIwTrHGEPLprpau5f+rKR0dVnNEMtyqf1UbaRKoeOF1putdrvVrB8v9PTiFwZzQPWR9JMNAAAAAElFTkSuQmCC);
+    }
+    
   .label
     {display:inline-block;width:100px;text-align:right;margin-right:20px}
 
@@ -57,12 +62,7 @@
                                     password
                               </span>
                               <input id=password type=password value=abc-123>
-                        </div>
-                        <div id=show-password>
-                              <span class=label>
-                                    show
-                              </span>
-                              <input type=checkbox>
+                              <img id=show>
                         </div>
 
                   </div>
@@ -134,7 +134,7 @@
               shadow                                      = host.shadowRoot;
 
               var info                                    = $(shadow,'#info');
-              $.chkbox(info,'#show-password',btn.password);
+              $(info,'#show').onclick                     = btn.password;
 
               $(shadow,'#txt').onkeydown                  = kd.user;
               $(shadow,'#txt').focus();