Category Archives: VideoTag

play as guest

i made my mind up and added a play as guest facility.  I decided as long as the tags were recorded it was better to have more players tagging than know their username.  However i have put limitations on the guest accounts, they cannot progress passed level 1 and can not be entered onto the leaderboard.

VideoTag on mashable.com

I am so chuffed, i sent an email to Mashable in my attempts to advertise VideoTag and they’ve posted a little review of it which is great. http://mashable.com/2007/08/01/videotag/

There’s another review in spanish too, i translated it and it’s positive so that’s good. the reviewer pointed out the problem of my return key being disabled, i knew that would annoy people oh well maybe i’ll discover how to fix it one day.

http://www.genbeta.com/2007/08/02-videotag-el-juego-del-etiquetado-de-videos

So what’s great is that i now have lots of data from people all over the world, which is more than i ever imagined. i also have some spanish tags, whihc i hadn’t accounted for. They could actually score very highly as the pitfalls are in english!!

VideoTag – live and ready to play

The VideoTag game is all finished, working and ready to play. I am pleased with it, i think it works well and should, providing people play it, be a useful vehicle at generating the data i want.

The all important link:

http://www.videotag.co.uk

There was only one thing that i couldn’t fix and that was the onkeypress problem mentioned in the Ajax post. I couldn’t stop it refreshing the page each time a tag was submitted, so the return/enter key has been left disabled. Not the best usability, but a more desirable fix than having a new video after every tag entered.

I have definatly reached the top of the MSC hill, the downward slope being filled with evaluating results and critically evaluating the whole project. Oh an writing up what i did and how i did it and creating some extra design document that i left to the end if i had time. So not too much work then! Roll on Sept 30th, then i won’t have a clue what to do with my time and my brain will have nothing to think about! I’ll be lost.

Ajax GET and POST

I’m posting my GET and POST ajax code it will hopefully be useful to some people.

I searched a lot to find some simple code as i didn’t need to validate the forms. So many scripts didn’t work properly or seemed unnecesserily complicated for my requirements.

The code has been adapted from
http://www.w3schools.com/ajax/def

the GET from:
http://www.openjs.com/articles/ajax_xmlhttp_using_post.php

Hope you find this helpful!

//Set up the XMLHttpRequest

var http = createRequestObject();
function createRequestObject() {
var objAjax;
var browser = navigator.appName;
if(browser == “Microsoft Internet Explorer”){
objAjax = new ActiveXObject(“Microsoft.XMLHTTP”);
}else{
objAjax = new XMLHttpRequest();
}
return objAjax;
}

//THE GET

function getNewContent(){
http.open(‘get’,’newcontent.php’);
http.onreadystatechange = updateNewContent;
http.send(null);
return false;
}

function updateNewContent(){
if(http.readyState == 4){
document.getElementById(‘Content’).innerHTML = http.responseText;
}
}

//THE POST

function postForm() {
var url = “formentry.php”;
var formtag = document.getElementById(‘fmfield’).value;
var params = “newfield=” + formfield;
http.open(“POST”, url, true);

//Send the proper header information along with the request
http.setRequestHeader(“Content-type”, “application/x-www-form-urlencoded”);
http.setRequestHeader(“Content-length”, params.length);
http.setRequestHeader(“Connection”, “close”);

http.onreadystatechange = function() {//Call a function when the state changes.
if(http.readyState == 4 && http.status == 200) {
document.getElementById(‘fomentered’).innerHTML = http.responseText;
document.getElementById(‘fmfield’).value = “”;
}
}
http.send(params);
}

the functions are called through an onclick event
e.g.
GET <a href=”#” onclick=”getNewContent()”>New Content</a>
POST <a href=”#” onclick=”postForm()”><img src=”Submit.gif”></a>

I couldn’t get it to work properly with a button with type image and i wanted an image so i did it with an <a> tag – i think it works with a normal <input type=”button” onclick=”postForm()”> But it won’t work if you have an <input type=”submit”> button.

I am still trying to figure out how to get it to work when the user presses return or enter – it calls the postForm() but refreshes the page.

If any one can help me on this please comment!!

Post your favourite videos

I’ve created a youtube group for VideoTag so that any kind people out there can join the group and post some of their favourite videos to it. If they’re suitable then they will be included in the game.

Here’s the link:

http://www.youtube.com/group/videotag

Register to Play VideoTag

I am in the process of building the VideoTag game. There is a registration page live at the moment. If you are interested in the VideoTag project and would like to register an interest to play the game, I will email you when the game is live and you will be able to log straight in and play.

Here is the link to register:

www.videotag.co.uk/register