Changeset 10025

Show
Ignore:
Timestamp:
04/21/08 00:34:47 (5 years ago)
Author:
mootoh
Message:

websites/idavailability: use wedata, cleanup results.

Location:
websites/idavailability
Files:
3 modified

Legend:

Unmodified
Added
Removed

  • websites/idavailability/idavailability.js

    r10005 r10025  
    66var totalCount = 0; 
    77var count = 0; 
     8var id = ''; 
    89 
    910var ITEMS_URL = 'http://wedata.net/databases/idAvailability/items.json?callback=?'; 
    … …  
    4041} 
    4142 
    42 Site.prototype.show = function() { 
    43   debug(this.name); 
    44 } 
    4543 
    4644/* 
    … …  
    5250  var url = this.data.urlToCheck + id; 
    5351  var self = this; 
     52  self.div.style.backgroundColor = '#bbb'; 
    5453 
    5554  $.get(RETRIEVER, {'url':url}, function(html) { 
    … …  
    101100function checkId() { 
    102101  availableCount = 0; 
     102  count = 0; 
    103103 
    104   var id = document.forms[0]['id'].value; 
    105   debug('checking ' + id + '...'); 
     104  id = document.forms[0]['id'].value; 
     105  debug('checking ' + id + ' from ' + totalCount + ' sites...'); 
    106106 
    107107  for (var i=0; i<items.length; i++) { 
    … …  
    113113 
    114114function updateResult() { 
    115   result.innerHTML = availableCount + '/' + items.length; 
     115  //result.innerHTML = availableCount + '/' + items.length; 
    116116  if (totalCount == count) { 
    117     debug('done.'); 
     117    debug('done.<br /> <span class="id">' + id + ' </span> ' + 
     118      'is <span class="availability">' + parseInt(100 * availableCount / items.length) + '</span>% available.'); 
    118119  } 
    119120} 

  • websites/idavailability/index.html

    r10005 r10025  
    2121</div> 
    2222<div id="main"> 
    23   <p>Check the availability of your ID for various sites.</p> 
    24   <form onsubmit="return checkId();"> 
    25     <label>ID: </label> 
    26     <input type="text" name="id" /> 
    27     <input type="button" value="check !" onclick="return checkId();" /> 
    28   </form> 
     23    <div id="input"> 
     24    <p>Check the availability of your ID for various sites.</p> 
     25    <form onsubmit="return checkId();"> 
     26      <label>ID: </label> 
     27      <input type="text" name="id" /> 
     28      <input type="button" value="check !" onclick="return checkId();" /> 
     29    </form> 
     30  </div> 
    2931  <div id="out"></div> 
    3032  <div id="result_out"> 
    31     <p>Results: 
    3233      <span id="result"></span> 
    33     </p> 
    3434  </div> 
    35   <p>Sites:</p> 
     35  <h2>Sites:</h2> 
     36  <p><span style="color:green; background-color:green">&nbsp;&nbsp;</span> is available, and 
     37     <span style="color:red; background-color:red">&nbsp;&nbsp;</span> has that ID already.</p> 
    3638  <div id="sites"></div> 
    3739</div> 

  • websites/idavailability/style.css

    r10005 r10025  
    2222} 
    2323 
     24div#input { 
     25  border-bottom: #036 solid 1px; 
     26} 
     27 
    2428div.site { 
    25   background-color: #999; 
     29  background-color: #bbb; 
    2630  color: #036; 
    2731  clear: left; 
    … …  
    5559} 
    5660*/ 
     61 
     62span.id { 
     63  font-size: 1.6em; 
     64} 
     65 
     66span.availability { 
     67  font-size: 1.8em; 
     68}