hey

hey

  1. <!doctype html>
  2. <html>
  3. <head>
  4. <meta charset=utf-8/>
  5. <title>Custom Event</title>
  6. <style>
  7. body{width:600px;margin: auto;font-family: sans-serif;text-align: center;}
  8. li {text-align: left;padding-bottom: 1em; }
  9. </style>
  10. </head>
  11.  <body>
  12.  <h2>What Are You Interested In?</h2>
  13. <form action="#">
  14. <p><input type="text" name="q" id="q"></p>
  15. </from>
  16. <ul class="tweets"></ul>
  17. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
  18. <script>
  19. (function($){
  20. var obj = $( {} );
  21. $.each({
  22. on:'subscribe',
  23. trigger:'publish',
  24. off:'unsubscribe'
  25. }, function( key,api ){
  26. $[api] = function() {
  27. obj[key].apply ( obj, argruments );
  28. }
  29. });
  30. })(jQuery);

  32. (function($){
  33. var Twitter = {
  34. init: function() {
  35. this.template = '<li>{{tweet}}</li>';
  36. this.query = '@tutspremium';
  37. this.tweets = [];
  38. this.timer;

  40. this.cache();
  41. this.bindEvents();
  42. this.subscriptions();

  44. this.searchInput.val( this.query );
  45. $.publish('twitter/query');
  46.  return this;
  47. },
  48. cache: function() {
  49. this.container = $('ul.tweets');
  50. this.searchInput = $('#q');
  51. },
  52. bindEvents: function () {
  53. this.searchInput.on( 'keyup',this.search );
  54. },
  55. subscriptions:function() {
  56. $.subscribe('twitter/query',this.fetchJSON );
  57. $.subscribe('twitter/query',this.renderResults);
  58. },
  59.  search: function() {
  60.   var self = Twitter,
  61.   input = this;
  62.   clearTimeout( self.timer);
  63.   self.timer = (input.value.length>=3)&& setTimeout(function(){
  64.   self.query = input.value;
  65.   $.publish('twitter/query');
  66.   },400);/* it calls user time*/
  67.  },
  68.   renderResults: function() {
  69.   var self = Twitter,
  70.   frag = [],
  71.   tweet;
  72.  self.container.html(
  73.   $.map( self.tweets, function( obj, index ) {
  74.   var t =
  75.   obj.text.replace(/(http:[^\s]+)/,'<a href="$1"></a>')
  76.   .replace(/@([^\s]+)/,'<a href="http://twitter.com/$1">@$1</a>');
  77.   return self.template.replace(/{{tweet}}/, t)
  78.   }). join('')/* its updates the url*/
  79.   
  80.  window.Twitter = Twitter.init();
  81. })(jQuery);
  82. </script>
  83. </body>
  84. </html>
error:
Uncaught SyntaxError: Unexpected identifier tweets.html:80