API tools faq
paste
yoga1290

TwtBlog

yoga1290
Jun 11th, 2011
95
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 8.33 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2.     <head>
  3.         <title></title>
  4.         <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  5.         <style>
  6.           .togglebutton {
  7.             cursor: pointer;
  8.             border: 1px solid #000;
  9.             margin: 10px;
  10.             padding: 10px;
  11.             display: inline-block;
  12.             background: -webkit-gradient(
  13.                 linear, left top, left bottom, from(#fff), to(#ccc));
  14.           }
  15.           .togglebutton.toggled {
  16.             color: #fff;
  17.             background: -webkit-gradient(
  18.                 linear, left top, left bottom, from(#333), to(#999));            
  19.           }
  20.         </style>
  21.     </head>
  22.     <body onClick="closepop();">
  23.         <p align="center">
  24.            
  25.             <button tabindex="0" id="submit" onClick="popup();" ><b><font size="100">#</font></b></button></p>
  26.        
  27.         <div  id="pop" style="position: absolute; margin: 0 auto; width: 100%; display: none; " >      
  28.             <table width="100%" onmouseout="canClose=true;" onmouseover="canclose=false;"><tr><td align="center">
  29.                 <table border="0" cellpadding="0" cellspacing="0">
  30.                 <tr>
  31.                     <td align="right" valign="bottom" background="west.png"><img src="c1.png"/></td>
  32.                     <td align="center" valign="bottom" background="north.png"><img src="tip.png"/></td>
  33.                     <td align="left" valign="bottom" background="east.png"><img src="c2.png"/></td>
  34.                 </tr>
  35.                 <tr>
  36.                     <td align="right" background="west.png"></td>
  37.                     <td align="center" background="bg.png">
  38.                         <div id="tags_div">
  39.                                 <div id="tb"
  40.                                 class="togglebutton"
  41.                                     onclick="toggle('tb')">
  42.                                         Toggle
  43.                                 </div>
  44.                                 <div id="tb2"
  45.                                 class="togglebutton"
  46.                                     onclick="toggle('tb2')">
  47.                                         Toggle
  48.                                 </div>
  49.                         </div>
  50.                     </td>
  51.                     <td align="left" background="east.png"></td>
  52.                 </tr>
  53.                 <tr>
  54.                     <td align="right" valign="bottom"> <img src="c3.png"/> </td>
  55.                     <td align="center" valign="bottom" background="south.png"></td>
  56.                     <td align="left" valign="bottom" > <img src="c4.png"/> </td>
  57.                 </tr>
  58.                 </table></td></tr></table>
  59.         </div>
  60.         <br>
  61.         <div id="result">Loading...</div>
  62.         <script>
  63.             var firstLoad=true;
  64.             var tags=new Array();
  65.             var res=new Array();
  66.             var twt=new Array();
  67.             function loadTagsAJAX()
  68.             {
  69.                    document.getElementById("result").innerHTML="Loading Tags...";
  70.             var xmlhttp;
  71.             if (window.XMLHttpRequest)
  72.               {// code for IE7+, Firefox, Chrome, Opera, Safari
  73.               xmlhttp=new XMLHttpRequest();
  74.               }
  75.             else
  76.               {// code for IE6, IE5
  77.               xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  78.               }
  79.             xmlhttp.onreadystatechange=function()
  80.               {
  81.               if ( xmlhttp.readyState==4 &&xmlhttp.status==200) // && xmlhttp.readyState==4  &&xmlhttp.status==200
  82.                {
  83.                    var txt="";
  84.                     tags=xmlhttp.responseText.split("\n");
  85.                     tags.splice(tags.length-1,1);
  86.                      for(i=0;i<tags.length;i++)
  87.                         txt+='<div id="'+tags[i]+'" class="togglebutton" onclick="toggle(\''+tags[i]+'\')">'+tags[i]+'</div>';
  88.                     document.getElementById("tags_div").innerHTML=txt;
  89. document.getElementById("result").innerHTML="Done:Loading Tags...";
  90.                 }
  91.               }
  92.             xmlhttp.open("GET","_tags.txt",true);
  93.             xmlhttp.send();
  94.             }
  95. // /*
  96.           function loadTag(tag)
  97.             {
  98.                
  99.                    document.getElementById("result").innerHTML="Loading Tweets...";
  100.             var xmlhttp;
  101.             if (window.XMLHttpRequest)
  102.               {// code for IE7+, Firefox, Chrome, Opera, Safari
  103.               xmlhttp=new XMLHttpRequest();
  104.               }
  105.             else
  106.               {// code for IE6, IE5
  107.               xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  108.               }
  109.             xmlhttp.onreadystatechange=function()
  110.               {
  111.               if (xmlhttp.readyState==4 && xmlhttp.status==200)
  112.                {
  113.                    var tmp=xmlhttp.responseText.split("\n");
  114.                     tmp.splice(tmp.length-1,1);
  115.                       twt=new Array();
  116.                       for(i=0;i<tmp.length/2;i++) res[i]=tmp[i*2];
  117.                      for(i=0;i<tmp.length/2;i++) twt[i]=tmp[1+i*2];
  118.                    draw();
  119.                }
  120.              }
  121.  
  122.                    var Found;
  123.                    var i,j=0,k=0;
  124.                    for(i=0;i<tags.length;i++)
  125.                      if(document.getElementById(tags[i]).classList.contains('toggled')) {k++;}
  126.                    if(k>1)
  127.                     {
  128.                        document.getElementById("result").innerHTML="Searching...";
  129.                        for(i=0;i<twt.length;i++)
  130.                       {
  131.                          Found=true;
  132.                          for(j=0;j<tags.length;j++)
  133.                             if(document.getElementById(tags[j]).classList.contains('toggled'))
  134.                                    Found=Found && (twt[i].toLowerCase().indexOf(tags[j])>-1);
  135.                           if(!Found)
  136.                              {res.splice(i,1);twt.splice(i,1);}
  137.                         }
  138.                         draw();
  139.                     }
  140.                     else{
  141.                          document.getElementById("result").innerHTML="sending request...";
  142.                          xmlhttp.open("GET",tag,true);
  143.                          xmlhttp.send();
  144.                        }
  145.             }
  146. // */
  147.          function draw()
  148. {
  149.   var txt="";
  150. for(i=0;i<twt.length;i++)
  151.  txt+=getFrame(twt[i])+"<br>";
  152. document.getElementById("result").innerHTML=txt;
  153. if(txt.length==0) document.getElementById("result").innerHTML="Not yet!";
  154. }
  155.          function getFrame(txt)
  156.         {
  157.             return '<table width="100%"><tr><td align="center"><table border="0" cellpadding="0" cellspacing="0"><tr><td align="right" valign="bottom" background="west.png"><img src="c1.png"/></td><td align="center" valign="bottom" background="north.png"></td><td align="left" valign="bottom" background="east.png"><img src="c2.png"/></td></tr><tr><td align="right" background="west.png"></td><td align="center" background="bg.png"><font color="white">'+txt+'</font></td><td align="left" background="east.png"></td></tr><tr><td align="right" valign="bottom"> <img src="c3.png"/></td><td align="center" valign="bottom" background="south.png"></td><td align="left" valign="bottom" > <img src="c4.png"/> </td></tr></table></td></tr></table>';
  158.         }
  159.                 function toggle(id) {
  160.                     canClose=false;
  161.                   var b = document.getElementById(id);
  162.                   if (b.classList.contains('toggled'))
  163.                     b.classList.remove('toggled');
  164.                    else
  165.                     b.classList.add('toggled');
  166.                 loadTag(id);
  167.                 }
  168.            
  169.            
  170.            
  171.             var canClose=false;
  172.             function closepop()
  173.             {
  174.                 if(canClose)
  175.                     popup();
  176. //                canClose=false;
  177.             }
  178.             function popup()
  179.             {
  180.                 var nn=document.getElementById("pop").style.display=="none";
  181.                 if(nn) canClose=false;
  182.                 document.getElementById("submit").innerHTML=nn ? '<b><font size="100">&#149;</font></b>':'<b><font size="100">#</font></b>';
  183.                 document.getElementById("pop").style.display= document.getElementById("pop").style.display=="none" ? "":"none";
  184.             }
  185.         loadTagsAJAX();
  186.       //      search();
  187.            
  188.         </script>
  189.     </body>
  190. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!