Programming Forums > Web Development and Design > JavaScript and Client-Side Browser Scripting

.alias. · Mar 25th, 2006, 1:35 PM

OK i had an idea for a sort of 'Matrix style' home page for a website.

1)The text appears letter by letter.
2)Full stops clear the screen then carry on typing
3)You can chose if you want to loop the text (just some text in a site)
4) or at the end load your main page (home page for a site)

let me know if you think i should give it a try

Agent 47 · Mar 25th, 2006, 1:40 PM

Yes...

.alias. · Mar 25th, 2006, 1:43 PM

OK ill give it a shot here is what ive got so far

(Toggle Plain Text)

<html>
<head>
<title>MATRIX TEXT!</title>
<script src="matrix.js"></script>
</head>

<body bgcolor=#000000>


<font color="green">
<span id="blah">This Script was created by   .Alias   .Do Not Remove commenting   . c[dot]alias[dot]s@hotmail[dot]co[dot]uk</span>
</font>

<script language="javascript">

/****************************
*THIS MUST NOT BE DELETED
*(c) .Alias.
*Contact c.alias.s@hotmail.co.uk
****************************/

/****************************
*Controls time between each Char.
*Change To Suit You
****************************/

beginTxt("blah", "", 100);

</script>

This is just index.html

im working on matrix.js at the moment.

.alias. · Mar 25th, 2006, 2:00 PM

well ive finished matrix.js

(Toggle Plain Text)

function addC()
{
	string = string.replace(/<([^<])*>/, ""); // Prevents HTML tags from effecting the page

	if(x < string.length)
	{
		textBuffer += string.charAt(x);
		
		dot = string.charAt(x);	  //Sets variable dot for checking
		
		if (dot == ".")           //Check for full stops in text
		{			  //If there is a full stop it 	  
			textBuffer='';    //starts a clean page		
		}
		
		txt.innerHTML = textBuffer;
		x++;
		setTimeout('addC()', pause);
	}
	
	if (x == string.length)
	{
		if (home == "")
		{
			x=0;
			textBuffer = "";
		}
		else
		{
		setTimeout('reLoc()', (pause * 4)) // Send viewer to home page with pause to read text.
		}
	}

}

function reLoc()
{
	window.location = home;  // Send viewer to home page
}

function beginTxt(wanted, site, delay)
{
if (document.getElementById)
{
	home = site;
	pause = delay;
	txt = document.getElementById(wanted);
	
	if(txt.innerHTML)
	{
		textBuffer = " "; // Stops the loss of Spaces
		x = 0;
		string = txt.innerHTML;
		txt.innerHTML = " ";
		addC();
	}
}
}

To see these in action visit Go here, will send you to the second example

jayme · Mar 25th, 2006, 3:16 PM

Looks nice. Shouldn't the text be a bit more "blocky" though?

Like this?

I don't know, I just think it gives it more of a matrix feel.

.alias. · Mar 26th, 2006, 4:06 AM

Yea i guess i could change that i never really thought about what the text looks like

DaWei · Mar 26th, 2006, 6:51 AM

Frankly, blackboards and green chalk and black screens and green text went out years ago in favor of white boards and erasable markers and tubes that had more than "green on/off" capabilities. A web page is a set of markup presenting material. Pleasing design is part of the job. Green on black (or red on black or black on black) is probably not perceived as pleasing by the majority of design buyers. If you must choose black for whatever reason, you probably should choose a brighter color, for contrast. Just an opinion, of course, and only the client's really counts.

Mar 25th, 2006, 1:35 PM	#1
.alias. Newbie Join Date: Mar 2006 Posts: 9 Rep Power: 0	Any one think i should give this a shot OK i had an idea for a sort of 'Matrix style' home page for a website. 1)The text appears letter by letter. 2)Full stops clear the screen then carry on typing 3)You can chose if you want to loop the text (just some text in a site) 4) or at the end load your main page (home page for a site) let me know if you think i should give it a try

Mar 25th, 2006, 1:40 PM	#2
Agent 47 Hobbyist Programmer Join Date: Nov 2005 Posts: 122 Rep Power: 3	Yes... __________________ "I'm going to become rich and famous when I invent a device that allows you to stab people in the face over the internet"

Mar 25th, 2006, 1:43 PM	#3
.alias. Newbie Join Date: Mar 2006 Posts: 9 Rep Power: 0	OK ill give it a shot here is what ive got so far (Toggle Plain Text) <html> <head> <title>MATRIX TEXT!</title> <script src="matrix.js"></script> </head> <body bgcolor=#000000> <font color="green"> <span id="blah">This Script was created by .Alias .Do Not Remove commenting . c[dot]alias[dot]s@hotmail[dot]co[dot]uk</span> </font> <script language="javascript"> /**************************** THIS MUST NOT BE DELETED (c) .Alias. Contact c.alias.s@hotmail.co.uk *************************/ /************************** Controls time between each Char. Change To Suit You **************************/ beginTxt("blah", "", 100); </script> <html> <head> <title>MATRIX TEXT!</title> <script src="matrix.js"></script> </head> <body bgcolor=#000000> <font color="green"> <span id="blah">This Script was created by .Alias .Do Not Remove commenting . c[dot]alias[dot]s@hotmail[dot]co[dot]uk</span> </font> <script language="javascript"> /************************** THIS MUST NOT BE DELETED (c) .Alias. Contact c.alias.s@hotmail.co.uk *************************/ /************************** Controls time between each Char. Change To Suit You ****************************/ beginTxt("blah", "", 100); </script> This is just index.html im working on matrix.js at the moment.

Mar 25th, 2006, 2:00 PM	#4
.alias. Newbie Join Date: Mar 2006 Posts: 9 Rep Power: 0	well ive finished matrix.js (Toggle Plain Text) function addC() { string = string.replace(/<([^<])>/, ""); // Prevents HTML tags from effecting the page if(x < string.length) { textBuffer += string.charAt(x); dot = string.charAt(x); //Sets variable dot for checking if (dot == ".") //Check for full stops in text { //If there is a full stop it textBuffer=''; //starts a clean page } txt.innerHTML = textBuffer; x++; setTimeout('addC()', pause); } if (x == string.length) { if (home == "") { x=0; textBuffer = ""; } else { setTimeout('reLoc()', (pause 4)) // Send viewer to home page with pause to read text. } } } function reLoc() { window.location = home; // Send viewer to home page } function beginTxt(wanted, site, delay) { if (document.getElementById) { home = site; pause = delay; txt = document.getElementById(wanted); if(txt.innerHTML) { textBuffer = " "; // Stops the loss of Spaces x = 0; string = txt.innerHTML; txt.innerHTML = " "; addC(); } } } function addC() { string = string.replace(/<([^<])>/, ""); // Prevents HTML tags from effecting the page if(x < string.length) { textBuffer += string.charAt(x); dot = string.charAt(x); //Sets variable dot for checking if (dot == ".") //Check for full stops in text { //If there is a full stop it textBuffer=''; //starts a clean page } txt.innerHTML = textBuffer; x++; setTimeout('addC()', pause); } if (x == string.length) { if (home == "") { x=0; textBuffer = ""; } else { setTimeout('reLoc()', (pause 4)) // Send viewer to home page with pause to read text. } } } function reLoc() { window.location = home; // Send viewer to home page } function beginTxt(wanted, site, delay) { if (document.getElementById) { home = site; pause = delay; txt = document.getElementById(wanted); if(txt.innerHTML) { textBuffer = " "; // Stops the loss of Spaces x = 0; string = txt.innerHTML; txt.innerHTML = " "; addC(); } } } To see these in action visit Go here, will send you to the second example

Mar 26th, 2006, 6:51 AM	#7
DaWei Resident Grouch Join Date: Jun 2005 Posts: 6,453 Rep Power: 10	Frankly, blackboards and green chalk and black screens and green text went out years ago in favor of white boards and erasable markers and tubes that had more than "green on/off" capabilities. A web page is a set of markup presenting material. Pleasing design is part of the job. Green on black (or red on black or black on black) is probably not perceived as pleasing by the majority of design buyers. If you must choose black for whatever reason, you probably should choose a brighter color, for contrast. Just an opinion, of course, and only the client's really counts. __________________ Abstraction doesn't make it impossible to write bad code; it makes it possible to write superior code. Contributor's Corner: Grumpy on C++ Exceptions DaWei on Pointers

Mar 26th, 2006, 4:06 AM	#6
.alias. Newbie Join Date: Mar 2006 Posts: 9 Rep Power: 0	Yea i guess i could change that i never really thought about what the text looks like

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)

Thread Tools
Show Printable Version Email this Page
Display Modes
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode

Programming Forums > Web Development and Design > JavaScript and Client-Side Browser Scripting

Any one think i should give this a shot