Javascript: Change text colour dynamically

November 24th, 2008 by admin

In the wake of my previous post “Javascript: Changing background colour dynamically“, I am going to put together a similarly styled post with the same method of control. Our aim is to allow users to be able to change the colour of the text on the page by clicking an image or a link. Just the same way we allowed them to change the background colour, An example of which can be found here or in the previous post itself.

As we are doing this in Javascript, the first thing we have to do is import our Javascript file again in the header, so we can add our functionality. As we already covered this in the previous post I will just give you the code here to copy and paste or to download as a text file.

?Download headerCode.txt
1
2
3
4
5
6
7

<head>
 
    <title>Changing Text Colour</title>
 
    <script style="text/javascript" type="text/javascript" src="javascript.js">
 
</script></head>

In the example above, our page is called “Changing Colour”, our Javascript file is called “javascript.js and is stored in the same folder as our page. Also, we don’t have a css file but that’s not important for this example.

Ok once again we will work on our Javascript file first. Create a new file called “javascript.js” and Read the rest of this entry »

, , , , , , , , , , , , , , , , , , , , , , ,

Javascript: Changing background colour dynamically

November 21st, 2008 by Ian O'Donnell

During the completion of a recent project I was working on I had to learn something I didn’t do before, this was allowing the user to change the colour of a html web page on the fly without reloading. It was actually quite tough to find the information I needed based on the method I wanted to use so I thought I would share the information here and give you an example of it too.

This works across all browsers but I am by no means saying this is the only or best or easiest way but it works and works well.

Ok first in our tag we’re just going to load our javascript file, easy if you have done it before, if not, it is quite similar to loading an external css file. So the code in our tag is as follows:

?Download headerCode.txt
1
2
3
4
5
6
7

<head>
 
    <title>Changing Colour</title>
 
    <script style="text/javascript" type="text/javascript" src="javascript.js">
 
</script></head>

In the example above, our page is called “Changing Colour”, our Javascript file is called “javascript.js and is stored in the same folder as our page. Also, we don’t have a css file but that’s not important for this example.

Ok so before we start on the page itself let’s just sort our Javascript file, create a new file called “javascript.js” and Read the rest of this entry »

, , , , , , , , , , , , , , , , ,

Make your link creation easier and faster.

September 29th, 2008 by Ian O'Donnell

Ok this tip first of can be used for any forum, platform or service which requires a specific format of link. for example forums usually want something like [link=http://www.ianodonnell.com]Home Page[/link] which can be annoying as it takes time compared to just a simple copy paste.

I will use the Microblogging service Jaiku as an example here for this one but as I said it can be used for any service and is very easy to modify, I achieved this through Firefox and an addon called Make Link. you should go get it immediately. Install it from the link provided and once you have, restart Firefox and we are ready to finish up.

In your addon list (*Tools -> Addons) click options on the Make Link addon and click “new”. The format we need for a Jaiku link is [link text](url), so, Put in anything Read the rest of this entry »

, , , , , , , , , , , , , , ,

Creating a Gameplay video: Simple and easy Method

August 6th, 2008 by admin

As a pre-emptive to a detailed blog post I have planned regarding producing high quality videos for
Youtube from any pc-game, although I will be focusing on Battlefield 2142, I am going to produce a
simple guide that is especially useful for people who may not have done this before or may not have
experience editing. the quality of the output at the end will not be that of the videos here that I
have made recently but as I said, it is mainly for beginners and will provide an excellent start
point.
What we will need for this method which will be the ‘Killcam’ method is xfire ……. and Windows
Movie maker. That is it!

For this example I kept everything simple, I will break it down step by step and provide examples and
recommended viewing where necessary, the video I made for this tutorial of sorts is as simplistic as
it gets, a short video of the Read the rest of this entry »

, , , , , , , , , , , , , , , , , , , , , , , , , , , , , ,