Skip to main content

Posts

Showing posts from February, 2013

Play Videos in Pure HTML Page (Windows Media Player)

Play Videos in Pure HTML Page (Windows Media Player) Page1 :  Videoslist.html < table border ="1" cellpadding ="10" cellspacing ="0" width ="90%" align ="center" > < tr > < td > < a href ="videos.html?vid=videos/1.wmv">< b > Video 1 </ b ></ a >  // Local Video Path </ td > </ tr > < tr > < td > < a href ="videos.html?vid=videos/Wildlife.wmv">< b > Video 2 </ b ></ a > </ td > </ tr > < tr > < td > < a href ="videos.html?vid=http://flightpass.higherplaneproductions.com/g2data/alb

Different Tab Style, expanding of arbitrary DIVs on the page enabled

Different Tab Style, expanding of arbitrary DIVs on the page enabled <html> <head> <link rel="stylesheet" type="text/css" href="http://www.dynamicdrive.com/dynamicindex17/tabcontent/tabcontent.css" /> <script type="text/javascript" src="http://www.dynamicdrive.com/dynamicindex17/tabcontent/tabcontent.js"> /*********************************************** * Tab Content script v2.2- © Dynamic Drive DHTML code library (www.dynamicdrive.com) * This notice MUST stay intact for legal use * Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code ***********************************************/ </script> </head> <body> <h3>Demo #1- Basic implementation</h3> <ul id="countrytabs" class="shadetabs"> <li><a href="#" rel="country1" class="selected">Tab 1</a></li> <li>&l

Light Effect Text using javascript

Light Effect Text using javascript <script language="JavaScript1.2"> var message="Welcome to Visitor!" var neonbasecolor="green" var neontextcolor="black" var flashspeed=100  //in milliseconds ///No need to edit below this line///// var n=0 if (document.all||document.getElementById){ document.write('<font color="'+neonbasecolor+'">') for (m=0;m<message.length;m++) document.write('<span id="neonlight'+m+'">'+message.charAt(m)+'</span>') document.write('</font>') } else document.write(message) function crossref(number){ var crossobj=document.all? eval("document.all.neonlight"+number) : document.getElementById("neonlight"+number) return crossobj } function neon(){ //Change all letters to base color if (n==0){ for (m=0;m<message.length;m++) //eval("document.all.neonlight"+m).style.color=

TextArea text Count on typing

TextArea Count and Max Length ( Displaying ) on Keyup <html> <head> <script type="text/javascript"> function textCounter(textarea, counterID, maxLen) { cnt = document.getElementById(counterID); if (textarea.value.length > maxLen){ textarea.value = textarea.value.substring(0,maxLen); } cnt.innerHTML = maxLen - textarea.value.length; } </script></head> <body>  <textarea name="mytext" id="mytext" style="width:99%; height:100px;" value="" onkeyup="textCounter (this,'count_display',255);" onBlur="textCounter(this,'count_display',255);"></textarea>   <span id="count_display">255</span> a </span> </body> </html>

Create Dynamic Rows using javascript

Create Dynamic Rows using javascript <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"      "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <link href="/style.css" rel="stylesheet" type="text/css" /> <title>More form fields</title> <script type="text/javascript"> function addRowToTable() {   var tbl = document.getElementById('tblAddress');   var lastRow = tbl.rows.length;   // if there's no header row in the table, then iteration = lastRow + 1   var iteration = lastRow; //  var iteration = lastRow + 1;   var row = tbl.insertRow(lastRow);   //  cell 0   var cell0 = row.insertCell(0);   var el = document.createElement('input');   el.type = 'text';   el.NAME = 'Address[]';   el.size = 30;   cell0.app