[RESOLVED] javascript help
Results 1 to 2 of 2

Thread: [RESOLVED] javascript help

  1. #1
    Hockey Stats Man
    Join Date
    Nov 2006
    Location
    FSJ, BC, Canada
    Posts
    297

    resolved [RESOLVED] javascript help

    I am not very good with java but i been trying to play around with this code to make so what ever shows up when hovered over is always showed regardless and remove the hover

    here is code I am trying to change

    any pointers on where to begin to remove the hovering option and display what ever is hovered over all the time is appriciated and thanks in advance

    Code:
    //Add twitter action animation and rollovers
    			if (showtweetactions == false) {				
    				$('.twitter-article').hover(function(){
    					$(this).find('#twitter-actions').css({'display':'block', 'opacity':0, 'margin-top':-20});
    					$(this).find('#twitter-actions').animate({'opacity':1, 'margin-top':0},200);
    				}, function() {
    					$(this).find('#twitter-actions').animate({'opacity':0, 'margin-top':-20},120, function(){
    						$(this).css('display', 'none');
    					});
    				});			
    			
    				//Add new window for action clicks
    			
    				$('#twitter-actions a').click(function(){
    					var url = $(this).attr('href');
    				  window.open(url, 'tweet action window', 'width=580,height=500');
    				  return false;
    				});
    			}
    here is the full code
    Code:
    $(document).ready(function () {
        var displaylimit = 4;
        var twitterprofile = "SnapshotHockey";
    	var screenname = "UFHL";
        var showdirecttweets = false;
        var showretweets = true;
        var showtweetlinks = true;
        var showprofilepic = true;
    	var showtweetactions = false;
    	var showretweetindicator = true;
    	
    var headerHTML = '';
    	var loadingHTML = '';
    	headerHTML += '';
    	headerHTML += '';
    	loadingHTML += '<div id="loading-container"><img src="images/ajax-loader.gif" width="32" height="32" alt="tweet loader" /></div>';
    	
    	$('#twitter-feed').html(headerHTML + loadingHTML);
    	 
        $.getJSON('http://www.theufhl.com/twitteroauth/tweets.php', 
            function(feeds) {   
    		   //alert(feeds);
                var feedHTML = '';
                var displayCounter = 1;         
                for (var i=0; i<feeds.length; i++) {
    				var tweetscreenname = feeds[i].user.name;
                    var tweetusername = feeds[i].user.screen_name;
                    var profileimage = feeds[i].user.profile_image_url_https;
                    var status = feeds[i].text; 
    				var isaretweet = false;
    				var isdirect = false;
    				var tweetid = feeds[i].id_str;
    				
    				//If the tweet has been retweeted, get the profile pic of the tweeter
    				if(typeof feeds[i].retweeted_status != 'undefined'){
    				   profileimage = feeds[i].retweeted_status.user.profile_image_url_https;
    				   tweetscreenname = feeds[i].retweeted_status.user.name;
    				   tweetusername = feeds[i].retweeted_status.user.screen_name;
    				   tweetid = feeds[i].retweeted_status.id_str;
    				   status = feeds[i].retweeted_status.text; 
    				   isaretweet = true;
    				 };
    				 
    				 
    				 //Check to see if the tweet is a direct message
    				 if (feeds[i].text.substr(0,1) == "@") {
    					 isdirect = true;
    				 }
    				 
    				//console.log(feeds[i]);
    				 
    				 //Generate twitter feed HTML based on selected options
    				 if (((showretweets == true) || ((isaretweet == false) && (showretweets == false))) && ((showdirecttweets == true) || ((showdirecttweets == false) && (isdirect == false)))) { 
    					if ((feeds[i].text.length > 1) && (displayCounter <= displaylimit)) {             
    						if (showtweetlinks == true) {
    							status = addlinks(status);
    						}
    						 
    						if (displayCounter == 1) {
    							feedHTML += headerHTML;
    						}
    									 
    						feedHTML += '<div class="twitter-article" id="tw'+displayCounter+'">'; 										                 
    						feedHTML += '<div class="twitter-pic"><a href="https://twitter.com/'+tweetusername+'" target="_blank"><img src="'+profileimage+'"images/twitter-feed-icon.png" width="42" height="42" alt="twitter icon" /></a></div>';
    						feedHTML += '<div class="twitter-text"><p><span class="tweetprofilelink"><strong><a href="https://twitter.com/'+tweetusername+'" target="_blank">'+tweetscreenname+'</a></strong> <a href="https://twitter.com/'+tweetusername+'" target="_blank">@'+tweetusername+'</a></span><span class="tweet-time"><a href="https://twitter.com/'+tweetusername+'/status/'+tweetid+'" target="_blank">'+relative_time(feeds[i].created_at)+'</a></span><br/>'+status+'</p>';
    						
    						
    						if ((isaretweet == true) && (showretweetindicator == false)) {
    							feedHTML += '<div id="retweet-indicator"></div>';
    						}						
    						if (showtweetactions == false) {
    							feedHTML += '<div id="twitter-actions"><div class="intent" id="intent-reply"><a href="https://twitter.com/intent/tweet?in_reply_to='+tweetid+'" title="Reply"></a></div><div class="intent" id="intent-retweet"><a href="https://twitter.com/intent/retweet?tweet_id='+tweetid+'" title="Retweet"></a></div><div class="intent" id="intent-fave"><a href="https://twitter.com/intent/favorite?tweet_id='+tweetid+'" title="Favourite"></a></div></div>';
    						}
    						
    						feedHTML += '</div>';
    						feedHTML += '</div>';
    						displayCounter++;
    					}   
    				 }
                }
                 
                $('#twitter-feed').html(feedHTML);
    			
    //Add twitter action animation and rollovers
    			if (showtweetactions == false) {				
    				$('.twitter-article').hover(function(){
    					$(this).find('#twitter-actions').css({'display':'block', 'opacity':0, 'margin-top':-20});
    					$(this).find('#twitter-actions').animate({'opacity':1, 'margin-top':0},200);
    				}, function() {
    					$(this).find('#twitter-actions').animate({'opacity':0, 'margin-top':-20},120, function(){
    						$(this).css('display', 'none');
    					});
    				});			
    			
    				//Add new window for action clicks
    			
    				$('#twitter-actions a').click(function(){
    					var url = $(this).attr('href');
    				  window.open(url, 'tweet action window', 'width=580,height=500');
    				  return false;
    				});
    			}
    			
    			
        }).error(function(jqXHR, textStatus, errorThrown) {
    		var error = "";
    			 if (jqXHR.status === 0) {
                   error = 'Connection problem. Check file path and www vs non-www in getJSON request';
                } else if (jqXHR.status == 404) {
                    error = 'Requested page not found. [404]';
                } else if (jqXHR.status == 500) {
                    error = 'Internal Server Error [500].';
                } else if (exception === 'parsererror') {
                    error = 'Requested JSON parse failed.';
                } else if (exception === 'timeout') {
                    error = 'Time out error.';
                } else if (exception === 'abort') {
                    error = 'Ajax request aborted.';
                } else {
                    error = 'Uncaught Error.\n' + jqXHR.responseText;
                }	
           		alert("error: " + error);
        });
        
    
        //Function modified from Stack Overflow
        function addlinks(data) {
            //Add link to all http:// links within tweets
             data = data.replace(/((https?|s?ftp|ssh)\:\/\/[^"\s\<\>]*[^.,;'">\:\s\<\>\)\]\!])/g, function(url) {
                return '<a href="'+url+'"  target="_blank">'+url+'</a>';
            });
                 
            //Add link to @usernames used within tweets
            data = data.replace(/\B@([_a-z0-9]+)/ig, function(reply) {
                return '<a href="http://twitter.com/'+reply.substring(1)+'" style="font-weight:lighter;" target="_blank">'+reply.charAt(0)+reply.substring(1)+'</a>';
            });
    		//Add link to #hastags used within tweets
            data = data.replace(/\B#([_a-z0-9]+)/ig, function(reply) {
                return '<a href="https://twitter.com/search?q='+reply.substring(1)+'" style="font-weight:lighter;" target="_blank">'+reply.charAt(0)+reply.substring(1)+'</a>';
            });
            return data;
        }
         
         
        function relative_time(time_value) {
          var values = time_value.split(" ");
          time_value = values[1] + " " + values[2] + ", " + values[5] + " " + values[3];
          var parsed_date = Date.parse(time_value);
          var relative_to = (arguments.length > 1) ? arguments[1] : new Date();
          var delta = parseInt((relative_to.getTime() - parsed_date) / 1000);
    	  var shortdate = time_value.substr(4,2) + " " + time_value.substr(0,3);
          delta = delta + (relative_to.getTimezoneOffset() * 60);
         
          if (delta < 60) {
            return '1m';
          } else if(delta < 120) {
            return '1m';
          } else if(delta < (60*60)) {
            return (parseInt(delta / 60)).toString() + 'm';
          } else if(delta < (120*60)) {
            return '1h';
          } else if(delta < (24*60*60)) {
            return (parseInt(delta / 3600)).toString() + 'h';
          } else if(delta < (48*60*60)) {
            //return '1 day';
    		return shortdate;
          } else {
            return shortdate;
          }
        }
         
    });
    mike carter

  2. #2
    Hockey Stats Man
    Join Date
    Nov 2006
    Location
    FSJ, BC, Canada
    Posts
    297
    nm.. i figured it out.
    mike carter

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •