rblalock · February 10, 2011 04:16
diff --git a/tweetView.js b/tweetView.js
 /**
 * Define our parser class. It takes in some text, and then you can call "linkifyURLs", or one of the other methods,
 * and then call "getHTML" to get the fully parsed text back as HTML!
 * @param text that you want parsed
 */
 function Parser(text) {

    var html = text;

    var urlRegex = /((ftp|http|https):\/\/(\w+:{0,1}\w*@)?(\S+)(:[0-9]+)?(\/|\/([\w#!:.?+=&%@!\-\/]))?)/gi;
    var hashTagRegex = /#([^ ]+)/gi;

    this.linkifyURLs = function() {
        html = html.replace(urlRegex, '<a href="$1">$1</a>');
    };
    this.linkifyHashTags = function() {
        html = html.replace(hashTagRegex, '<a href="http://twitter.com/#!/search?q=%23$1">#$1</a>');
    };

    this.getHTML = function() {
        return html;
    };

 }
 /**
 * Define some styles and JavaScript to inject into the web view.
 */
 var baseHTMLStart = '<html><head><link rel="stylesheet" type="text/css" href="tweetWebView.css" /></head><body>',
        baseHTMLEnd = '<script type="text/javascript" src="tweetWebView.js"></script></body></html>';

 /*
 * Now we'll make our UI that uses the parser.
 */

 // this is our sample tweet; a real app might load this in from a DB or from a Twitter API call
 // let's show it to the user!
 var tweet = 'Release Candidate for Titanium Mobile 1.6.0: http://bit.ly/i0pJ3S #appcelerator #appTitan';

 // make a window and a web view
 var win = Ti.UI.createWindow({ backgroundColor: '#fff' });
 var web = Ti.UI.createWebView();
 win.add(web);
 win.open();

 // parse the tweet and set it as the HTML for the web view
 var parser = new Parser(tweet);
 parser.linkifyURLs();
 parser.linkifyHashTags();
 web.html = baseHTMLStart + parser.getHTML() + baseHTMLEnd;
diff --git a/tweetWebView.css b/tweetWebView.css
 body {
    background: white;
    color: #444;
    font: 15px/19px Arial, 'Helvetica Neue', sans-serif;
 }
 a {
    color: #099;
    text-decoration: none;
 }
diff --git a/tweetWebView.js b/tweetWebView.js
 document.body.addEventListener('touchmove', function(e) {
    // This prevents native scrolling from happening.
    e.preventDefault();
 }, false);
	/**
	* Define our parser class. It takes in some text, and then you can call "linkifyURLs", or one of the other methods,
	* and then call "getHTML" to get the fully parsed text back as HTML!
	* @param text that you want parsed
	*/
	function Parser(text) {

	var html = text;

	var urlRegex = /((ftp\|http\|https):\/\/(\w+:{0,1}\w*@)?(\S+)(:[0-9]+)?(\/\|\/([\w#!:.?+=&%@!\-\/]))?)/gi;
	var hashTagRegex = /#([^ ]+)/gi;

	this.linkifyURLs = function() {
	html = html.replace(urlRegex, '<a href="$1">$1</a>');
	};
	this.linkifyHashTags = function() {
	html = html.replace(hashTagRegex, '<a href="http://twitter.com/#!/search?q=%23$1">#$1</a>');
	};

	this.getHTML = function() {
	return html;
	};

	}
	/**
	* Define some styles and JavaScript to inject into the web view.
	*/
	var baseHTMLStart = '<html><head><link rel="stylesheet" type="text/css" href="tweetWebView.css" /></head><body>',
	baseHTMLEnd = '<script type="text/javascript" src="tweetWebView.js"></script></body></html>';

	/*
	* Now we'll make our UI that uses the parser.
	*/

	// this is our sample tweet; a real app might load this in from a DB or from a Twitter API call
	// let's show it to the user!
	var tweet = 'Release Candidate for Titanium Mobile 1.6.0: http://bit.ly/i0pJ3S #appcelerator #appTitan';

	// make a window and a web view
	var win = Ti.UI.createWindow({ backgroundColor: '#fff' });
	var web = Ti.UI.createWebView();
	win.add(web);
	win.open();

	// parse the tweet and set it as the HTML for the web view
	var parser = new Parser(tweet);
	parser.linkifyURLs();
	parser.linkifyHashTags();
	web.html = baseHTMLStart + parser.getHTML() + baseHTMLEnd;
	body {
	background: white;
	color: #444;
	font: 15px/19px Arial, 'Helvetica Neue', sans-serif;
	}
	a {
	color: #099;
	text-decoration: none;
	}
	document.body.addEventListener('touchmove', function(e) {
	// This prevents native scrolling from happening.
	e.preventDefault();
	}, false);