Archive

Archive for the ‘HTML/CSS/JS’ Category

Javascript View counter!(Client only)

September 11, 2010 Leave a comment

Hello ppl that use AJAX and server-side to create view-counters!

I have something to tell you all!(You still need  some server side support)

HTML5 gives YOU the option to use localStorage besides other things like god dam easy configuration storage(Check out HTML5 and you will see what i mean, i will not cover this aspect in this post)

The following script(JS) saves a local_views variable with localStorage.(You can create a AJAX function to send the views to your server,or you can just use like “You have visited this page:12 times”)

Hope you find it useful.

//try to access to local storage
if (localStorage){haslocal = "y";}else{haslocal="n";}
function store(key, value)
{	
	if (haslocal="y")
	{
		localStorage.setItem(key, value);
	}
	else
	{
		throw("Local Storage not suported.");
	}
}


function record()
{
	if (haslocal="y")//test for localStorage Support
	{
		if (localStorage.local_views==null)//if local_views variable isnt set
		{
			localStorage.setItem("local_views", 1);
		}
		else//if local_views is set increment it
		{
			//test if thers a int stored
			if (parseInt(localStorage.local_views))
			{
				localStorage.local_views++;	
			}
			else
			{
				//not a int stored going back to one
				localStorage.local_views = 1;
			}		
		}
	}
	else
	{
		throw("Local Storage not suported.");
	}
	
	
}
function getViews()
{
	if (haslocal="y")
	{
		local_views = localStorage.local_views;
	}
	else
	{
		throw("Local Storage not suported.");
	}
}
//store() is a no-need simplification to store values in localstorage
//record() well RECORDS the views
//getViews() ugh? gets the number of views and stores it in local_views variable
Categories: HTML/CSS/JS, Web Tags: ,

My 1 Share

September 10, 2010 Leave a comment

If you didnt noticed in the 1 post i made(like 2 posts behind lol) i showed up some code… and i didint used the plugin.

If you want to show code  with HTML theres a website here that  has a language->HTML  w/syntax highlighting   converter.

Basically its normal HTML and CSS and escaping BUT it does the work for you.

Categories: HTML/CSS/JS