jquery.tweetParser/index.html at master · ankalago/jquery.tweetParser · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>tweetParser.js</title>

		<link href="demo.css" rel="stylesheet">
	</head>

	<body>
	    <header>
	        <div class="wp">
	            <h1>jquery.tweetParser DEMO</h1>
	        </div>
	    </header>
		<div class="wp">


			<div class="tweets">
			    <p class="tweet">
			     RT @gruntjs: #Sass code quality @Guardian, powered by #gruntjs: http://t.co/urYZOC5fpc #Javascript
			    </p>

			    <p class="tweet">
			     Google reCAPTCHA ! http://www.google.com/recaptcha/intro/index.html … #php #web #www #html
			    </p>

			    <p class="tweet">
			     TweakStyle is now on a new release cycle - http://blog.tweakstyle.com/2014/11/new-release-cycle/
			    </p>

			    <p class="tweet">
			     Great news! Our Gear Store now has gift cards -- a great idea for friends & family who #lovetheweb! https://gear.mozilla.org/products/gift-card
			    </p>
			</div>

			<div class="fork">
            <img src="https://github-jobs.s3.amazonaws.com/168d1ca6-dd19-11e2-8a2e-153f588b3d80.png" alt="github logo">
			    <h3>
			         <a href="https://github.com/VincentLoy/jquery.tweetParser" target="_blank">Fork me on Github</a>
			    </h3>
			</div>
		</div>

		<script src="dev/vendor/jquery.min.js"></script>
		<script src="dev/jquery.tweetParser.js"></script>
		<script>
			// $(".tweet").tweetParser();

			//you can also custom css classes and target like this

			$(".tweet").tweetParser({
				urlClass : "tweet_link", //this is default
				userClass : "tweet_user", //this is default
				hashtagClass : "hashtag", //this is default
				target : "_blank", //this is default
				searchWithHashtags: true
			});
		</script>
	</body>

</html>