Recently I working on a little pet project of mind in which the content will not be created by me however will be generated by my logged in users. The problem with letting other people into the website and have control over it is that as a coder I need to add in fail safes, and make ever step idiot proof. In this case I need to make sure that the user doesn’t create an epic saga of text and post it on the main page. Like most of my projects, it uses the WordPress engine to allow the users to enter in their data. WordPress has a two built in methods to decrease the output of text to a more manageable size.

Using PHP in the simplest sense is to use includes. Includes call multiple files together to form one static HTML base document. PHP is a server side language and thereby the language is processed prior to leaving the sending the server. So by the time the file gets to your browser it’s already full HTML. When using PHP without a database and just for the includes and mathematical logic the page won’t be fully dynamically created but at lest it will decease reputation in the documents.

<script type="text/javascript">
var contents=new Array('1','2','3','4','5','6', '7', '8', '9', '10');

var i=0

//variable used to contain controlled random number
var random
var spacing="<br>"

//while all of array elements haven't been cycled thru
while (i<contents.length) {

//generate random num between 0 and arraylength-1
random=Math.floor(Math.random()*contents.length)

//if element hasn't been marked as "selected"
if (contents[random]!="selected") {
document.write( contents[random] + spacing)

//mark element as selected
contents[random]="selected"
i++
}
}
</script>

<script type="text/javascript">
KeywordArray = new Array(5); //Create Array with 5 options
KeywordArray[0] = "John";  // Option begin at 0 not 1
KeywordArray[1] = "Matt";
KeywordArray[2] = "Mike";
KeywordArray[3] = "Josh";
KeywordArray[4] = "David";
var randno = Math.floor ( Math.random() * KeywordArray.length ); //call variable from a random number(up to 5)
document.write(KeywordArray[randno]); //render code
</script>

The second version of a CSS menu

Cascading Style Sheets (CSS) is a style sheet language used to describe the look and formatting of a document written in a markup language, most commonly use in (x)HTML. These menus are based on the <ul> tag (Unordered List) and structure and designed in the CSS. In the CSS you can define what direction to “list” the menu: Horizontal or Vertical. I’ll be covering both in this two part tutorial and will be provide a complete code for both examples.