Computer Forums - JavaScript codes for Web DEV

Computer Forums (http://www.geekboards.com/forums/index.php)

- Building Websites (http://www.geekboards.com/forums/forumdisplay.php?f=3)

- - JavaScript codes for Web DEV (http://www.geekboards.com/forums/showthread.php?t=15045)

Super Awesome and Amazing MooTools Site Examples

12 Awesome and Creative JavaScript Games you should try

Nowadays, with the rapid growth of superior technology (innovation, improvement of programming languages, power of processing), even the technical (processor and performance of computer are increasing... detail at JavaScriptBank.com - 2.000+ free JavaScript codes

http://www.javascriptbank.com/javasc...should-try.jpg
Demo: JavaScript 12 Awesome and Creative JavaScript Games you should try

How to setup

Javascript floating message - Javascript multi level drop down menu - JavaScript in_array()

Web based JavaScript Media Player

Bring the sound of life - music to your visitors by this JavaScript. It is an advanced web based midi player that actually enables you to jump, pause, and manipulate the play list like never before.... detail at JavaScriptBank.com - 2.000+ free JavaScript codes

http://www.javascriptbank.com/javasc...sic-player.jpg
Demo: JavaScript Web based JavaScript Media Player

How to setup

Step 1: Copy & Paste JavaScript code below in your HEAD section
JavaScript

Code:

<SCRIPT language=JavaScript>

<!-- Begin

counter = 0;

html = true;

songs = new Array();

function addsong() {

file = document.forms[0].file.value;

if(file == "") {

alert("Entra un nombre de archivo o da click en Examinar..");

}

else {

fn = file;

while(fn.indexOf() != -1) {

pos = fn.indexOf();

fn = fn.substring(fn.lenght);

}

if(fn.indexOf(".gif") == 1) {

alert("SÃ³lo sonidos o mÃºsica");

}

else {

songs[counter] = file;

document.forms[0].selMusica[counter] = new Option(fn, file, false, true);

counter++;

}

document.forms[0].file.value = "";

}

}

function musica() {

document.all.sound.src=document.clock.selMusica.options[document.clock.selMusica.selectedIndex].text;

}

function stop() {

document.all.sound.src="";

}

function count() {

document.clock.songs.value=document.clock.selMusica.options.length;

}

function deletethis() {

if(counter > 0) {

counter--;

document.forms[0].selMusica[counter] = null;

songs[counter] = "";

}

else {

alert("No hay nada en la lista!");

   }

}

function bajar() {

document.clock.selMusica.options[document.clock.selMusica.selectedIndex++];

saber2();

saber();

}

function subir() {

document.clock.selMusica.options[document.clock.selMusica.selectedIndex--];

saber2();

saber();

}

function saber() {

document.clock.url.value=document.clock.selMusica.options[document.clock.selMusica.selectedIndex].text;

}

function saber2() {

fn = document.clock.selMusica.options[document.clock.selMusica.selectedIndex].text;

char = unescape("%5C");

while(fn.indexOf(char) != -1) {

pos = fn.indexOf(char);

fn = fn.substring(pos + 1, fn.length);

document.clock.nombre.value=fn;

}

}

// End-->

</SCRIPT>

Step 2: Place HTML below in your BODY section
HTML

Code:

<BODY onclick=count() onload=count()>

<BGSOUND id=sound src="">

<FORM name=clock><INPUT type=file name=file size="20"> <INPUT onclick=addsong() type=button value=Add><INPUT onclick=deletethis() type=button value=Delete><BR><INPUT onclick=musica() type=button value=Listen name=empezar> 

<INPUT onclick=stop() type=button value=Stop name=detener> You have:<INPUT 

readOnly size=2 name=songs>song(s) in the list.<BR>Name of the song:<INPUT 

size=25 name=nombre><INPUT onclick="saber2(); saber()" type=button value="Know Name & Url">Url 

        of the song:<INPUT size=19 name=url> <BR><INPUT onclick=bajar() type=button value=MoveDown><INPUT onclick=subir() type=button value=MoveUp><BR><BR><SELECT 

multiple size=20 name=selMusica></SELECT> </FORM>

</BODY>

Command to print web page in javascript - Javascript Time Picker - JavaScript Go To URL Box

jsDatePick - A Simple Free Javascript Date Picker

jsDatePick is a free JavaScript application that uses DOM techniques to create the date pickers on your web page. Within minutes, you can have a cool popup date pic... detail at JavaScriptBank.com - 2.000+ free JavaScript codes

http://www.javascriptbank.com/javasc...ate-picker.jpg
Demo: JavaScript jsDatePick - A Simple Free Javascript Date Picker

How to setup

JavaScript Countdown Timer - JavaScript Web based Music Player - Free JavaScript Codes

Highlight your PHP and JavaScript codes with PHP highlight_string

Highlighting the source code of your applications on the web pages is an interesting job to any programmer/coder, for showing the simpler look out to all audiences. And this feature has also been supp... detail at JavaScriptBank.com - 2.000+ free JavaScript codes

http://www.javascriptbank.com/javasc...ght_string.jpg
Demo: JavaScript Highlight your PHP and JavaScript codes with PHP highlight_string

How to setup

JavaScript Bookmark Page script - JavaScript Color Wheel - JavaScript Image slideshow

Five Tricks for Improving JavaScript Security

Super Cool and Great Button Resources and Tutorials with CSS3

CSS3 - a higher CSS standard for designing HTML layout on web applications - is gradually being used widely. CSS3 is gradually affirming the position and benefit to CSS2... detail at JavaScriptBank.com - 2.000+ free JavaScript codes

http://www.javascriptbank.com/javasc...-with-css3.jpg
Demo: JavaScript Super Cool and Great Button Resources and Tutorials with CSS3

How to setup

Javascript Music Player - Random Text Generator - Floating Image Script

10 Small Javascript Tricks You Should Master

Best Ways to Preload Image JavaScript with CSS, AJAX

Surfing time - is the loading time in other hand - is the big problem to all websites, site owners. And now, it's one of important factor to Google for ranking our URLs. For the big sites have a lot o... detail at JavaScriptBank.com - 2.000+ free JavaScript codes

http://www.javascriptbank.com/javasc...t-css-ajax.jpg
Demo: JavaScript Best Ways to Preload Image JavaScript with CSS, AJAX

How to setup

JavaScript Countdown Timer - JavaScript Web based Music Player - JavaScript AJAX Page Content Loader

Using JavaScript to Change Your Web Page Font Size

In this short JavaScript tutorial, <i>Nurani</i> guides you how to use JavaScript in changing the web page's font size. Maybe the JavaScripts to change font size are not new things on ... detail at JavaScriptBank.com - 2.000+ free JavaScript codes

http://www.javascriptbank.com/javasc...-font-size.jpg
Demo: JavaScript Using JavaScript to Change Your Web Page Font Size

How to setup

Step 1: Use JavaScript code below to setup the script
JavaScript

Code:

<script type="text/javascript">

var min=8;

var max=18;

function zoominLetter() {

   var p = document.getElementsByTagName('p');

   for(i=0;i<p.length;i++) {

      if(p[i].style.fontSize) {

         var s = parseInt(p[i].style.fontSize.replace("px",""));

      } else {

         var s = 12;

      }

      if(s!=max) {

         s += 1;

      }

      p[i].style.fontSize = s+"px"

   }

}

function zoomoutLetter() {

   var p = document.getElementsByTagName('p');

   for(i=0;i<p.length;i++) {

      if(p[i].style.fontSize) {

         var s = parseInt(p[i].style.fontSize.replace("px",""));

      } else {

         var s = 12;

      }

      if(s!=min) {

         s -= 1;

      }

      p[i].style.fontSize = s+"px"

   }

}

</script>

Step 2: Copy & Paste HTML code below in your BODY section
HTML

Code:

<a href="javascript:zoominLetter();">A</a>

<a href="javascript:zoomoutLetter();">a</a>

JavaScript Vertical Marquee - JavaScript DHTML analog clock - JavaScript Backwards Text