JavaScript - Creating Unbeatable Tic-tac-toe

Hi, my name is Joe.

I have no expierience in writting scripts buy have managed to put together what I think is a decent website for a local business. It is a local Bait & Tackle shop. I have done this for free as I am retired and work a few days a week in the owners shop.

This is my situation.

I wish to display the current days high tides in a web page.

I have created a database (csv file) which resides on my server
This file has two fields: date and tidal times

I am looking for a script that test the "date" field and if it is equal to the current date, display the tidal field.

Any help would be appreciated.

Thanks,

so now that i figured out how to add items in an array and i got the percent of each item from the total i have a table that looks something like this...(sorry the alignment is screwed up)

Name Votes Percent 1.2.3.4.5.6.7.8.9.10.....
Bob 45 14%
Bill 86 26%
George 122 37%
Sam 79 24%

the numbers One through Ten represent empty columns (i technically need 100 but i didnt write that out yet...

so what i am trying to do is initially take the number i get from the percentage and fill in the amount of cells with a certain color.... so 14% would fill 14 of 100 cells..and this would create a bar graph..In theory I know how it should work I just can get any of the right syntax..here is the code i am working with...

Code:

var votes = new Array();
votes[0] = 45;
votes[1] = 86;
votes[2] = 122;
votes[3] = 79;

var ppl  = new Array();
ppl[0] = "Bob";
ppl[1] = "Bill";
ppl[2] = "George";
ppl[3] = "Sam";

//var party = new Array();
//party[0] = "(D)";
//party[1] = "(R)";
//party[2] = "(I)";
//party[3] = "(G)";

function getPercent(){
    var theSum = 0;
    for(var i = votes.length;i--;)
    {
        theSum += votes[i]
    }
    for(i=0;i<ppl.length;i++)
    {
        document.write("<tr><td>"+ppl[i]+"</td><td>");
            document.write(votes[i]+"</td><td>");
            var pct = document.write(Math.round(votes[i]/theSum*100)+"%"+"</td></tr>");
    }
    //var total = document.write(numbers[numbers.length-1]);    *property to get array length
}

function createBar(){
    
}

thanks in advance for any help!

If anyone is planning on buying "ICAB4225B Automate Processes" in relation to a TAFE/College/School course, I suggest getting the teacher to actually READ the book before they use it.

Tonight has been a HE-Double Hockeysticks (Not sure on language in this forum) of fixing mistakes the book has made. Double commars inplace of singles, singles inplace of doubles, single brackets, whole chunks of text that are wrong. In one place in the book it tells me to copy the text in blod and there is none.

Anyway....

The code that the book has made me piece together over the last few questions has left me with:

Code:

<script type = "text/javascript">
{
	var counter = 0
	var NoOfItems
	var ItemsNames = new Array()
	
	

	
	NoOfItems = prompt ("How many items do you want to hock?","");
		for (NameCount=0; NameCount<NoOfItems; NameCount++)
			{
				ItemNames [NameCount] = prompt ("What are the names of your items?","");
			}
	
	document.write ("<form name='myform'><br><table>");
		while ( counter < NoOfItems)
			{
				document.write ("<tr><td><value>Enter the price of the " + ItemNames [count] + "</td><td><input type='text' name='" + ItemNames [count] + "'></td></tr>");
				counter++
			}
		document.write ("<tr><td><input type='submit' value='Submit Details' onClick='validateform'</td></tr></table></form>");
}
</SCRIPT>

The problem I am having it with the Array. I dont think that var = new Array is correct but thats what my text book is telling me. Any help?

Hello,

The following web page is an essay, but there is JavaScript code in the head area:

http://www.pinyinology.com/content/content3c.html

You can see the 'Press F5 to reset' command, and please try it to see what happens. What I like is to create another command 'Click here to reset'. Therefore, there will be two commands for the reset task. Then it becomes:

Click here or press F5 to reset.

The press F5 stuff in the code is as follows;

Code:

//Typewriting code
 
message='<span id="inTxt">wen<sup>2</sup></span>';
pos=0;
maxlength=message.length+1;
 
 
function writemsg()
{
if (pos<maxlength)
	{
	txt=message.substring(pos,0);
	document.getElementById('edit').innerHTML=txt;
	pos++;
	timer=setTimeout('writemsg()', 20);
	}
}
 
//Typewriting code2 own addition
 
message2='<span id="inTxt2">wen<sup>2</sup>闻. ven<sup>2</sup>:文纹. win<sup>2</sup>:蚊. vin<sup>2</sup>:雯.';
pos=0;
maxlength=message2.length+1;
 
 
function writemsg2()
{
if (pos<maxlength)
	{
	txt=message2.substring(pos,0);
	document.getElementById('listing').innerHTML=txt;
	pos++;
	timer=setTimeout('writemsg2()', 20);
	}
}

Below is the complete code. It may help.

Code:

function KeyDown() 
{ 
    var key=window.event.keyCode; 
 
 
     if (key==8) 
     { 
        window.event.returnValue=false; 
 
 
        var r=document.selection.createRange(); 
        r.collapse(false); 
        r.move("character",-1); 
        r.collapse(false); 
 
 
        var p=r.parentElement(); 
 
 
        if (p.nodeName.toLowerCase()=="sup"){ 
            p.outerHTML=""; 
            return; 
        } 
        window.event.returnValue=true; 
     } 
} 
 
 
function KeyPress() 
{ 
    var key=window.event.keyCode; 
    window.event.returnValue=false; 
 
    if (key>=48 && key<=57) 
    { 
        var r=document.selection.createRange(); 
        r.collapse(false); 
 
 
        var d=r.duplicate(); 
        d.moveStart("character",-1); 
        var c=d.text; 
 
 
        var p=d.parentElement(); 
 
 
        var b=/[A-Za-z]/.test(c); 
        //b=b || p.nodeName.toLowerCase()=="sup"; 
 
 
        if (b) 
        { 
           d.collapse(false); 
 
 
           var s=String.fromCharCode(key); 
           s=(p.nodeName.toLowerCase()=="sup")? s:"<SUP>"+s+"</SUP>"; 
 
 
           d.pasteHTML(s); 
           d.collapse(false); 
           d.select(); 
           return; 
        } 
     } 
 
 
     if (!(key in {37:1,38:1,39:1,40:1})) 
     { 
        var r=document.selection.createRange(); 
        r.collapse(false); 
        p=r.parentElement(); 
 
 
        if (p.nodeName.toLowerCase()=="sup") 
        { 
           var s=p.outerHTML; 
           p.removeNode(true); 
           r.pasteHTML(s); 
           r.collapse(false); 
           r.select(); 
        } 
     } 
     window.event.returnValue=true; 
}
 
//Below for status line
 
myMsg = "  Happy Chinese typing !"
var i = 0;
	
function scrollMsg() 
{
 
window.status = myMsg.substring(i,myMsg.length) + myMsg.substring(0,i);
if (i < myMsg.length) 
{
i++
}
else 
{
i = 0
}
setTimeout("scrollMsg()",120)
}
 
function stoptimer()
{
clearTimeout(timer);
}
 
//Following function is for the appreciation window
 
function newWindow() {
 
catWindow = window.open('appr2.html', 'catwin','width=395,height=235, scrollbars=yes');
catWindow.focus();
}
 
//Typewriting code
 
message='<span id="inTxt">wen<sup>2</sup></span>';
pos=0;
maxlength=message.length+1;
 
 
function writemsg()
{
if (pos<maxlength)
	{
	txt=message.substring(pos,0);
	document.getElementById('edit').innerHTML=txt;
	pos++;
	timer=setTimeout('writemsg()', 20);
	}
}
 
//Typewriting code2 own addition
 
message2='<span id="inTxt2">wen<sup>2</sup>闻. ven<sup>2</sup>:文纹. win<sup>2</sup>:蚊. vin<sup>2</sup>:雯.';
pos=0;
maxlength=message2.length+1;
 
 
function writemsg2()
{
if (pos<maxlength)
	{
	txt=message2.substring(pos,0);
	document.getElementById('listing').innerHTML=txt;
	pos++;
	timer=setTimeout('writemsg2()', 20);
	}
}
 
 
function stoptimer()
{
clearTimeout(timer);
}

Thanks in advance for your help.

hi
I am trying to create a textarea. There is a default text inside textarea. so when user clicks inside textarea then submit button appears and default text disappears and when user clicks somewhere else or outside textarea then it gets back to original state i.e, default text appears back and submit button disappears.

here is what i did sofar. in this code when i click inside textarea then submit button does appear but text does not erase and when i click outside then button remains in sight.

Code:

<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style>
#submit {
   visibility: hidden;
}
</style>
</head>

<body>
<form>
   <label>Message:</label>
    <textarea name="message" id="message" rows="5" cols="30">write message here!</textarea><br />
    <input type="button" name="submit" id="submit" value="submit" />
</form>
</body>
<script type="text/javascript" src="lib/jquery-1.4.min(Production).js"></script>
<script>
var flag = false;
$(document).ready(function () {
   $('#message').click(function () {
      flag = true;
      $('#submit').css('visibility','visible');
      if(flag == true) {
         //alert(flag);
         var msg = $('#message').val();
         //alert(msg);
         msg = "";
         //alert(msg);
      }
   });
});
</script>
</html>

Alright I have never really created a class before and I have to for a project. This is what I have so far and I will try to explain the requirements I am looking for thoroughly and what problems I am having.

Code:

<!doctype html public "-//w3c//dtd html 4.0 transitional//en">
<html>
<head>
   <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<script language="javascript" type="text/javascript">

  function clock () { //Object Constructor

  	this.setT = function() { //Method Set Time
		//Properties
	    this.currentTime = new Date ( );
  		 this.currentHours = this.currentTime.getHours ( );
  		 this.currentMinutes = this.currentTime.getMinutes ( );
  		 this.currentSeconds = this.currentTime.getSeconds ( );
    }
	clock.prototype.displayTime = function () {
		clock.setT
	}
  }
</script>

<body>
<form name="form1">

    <p>
      <input type="text" rows=7 cols=60 name="currentTime">
      <br>
      <input type="button" value="Set Time" onClick="clock.displayTime();">
      <br>
      <input type="button" value="Display Time" onClick="currentTime.value= completeTime;">
      <br>
	  <input type="reset" value="Reset">
    </p>
</form>
</body>
</html>

The clock class contains:
Three Properties:
Hours Minutes, Seconds
Two Methods
setTime (which uses date class to get current time)
Must be defined in the constructor
displayTime (returns a string displaying current time)
Must be defined as a prototype property of constructor

The below is a very rough outline, and probably not correct. I've been reading up on objects for the last few hours and can't be very sure of anything yet.

Code:

 function clock() {
	
	this.currentTime = new Date ( );
	 var currentHours = currentTime.getHours ( );
 	 var currentMinutes = currentTime.getMinutes ( );
 	 var currentSeconds = currentTime.getSeconds ( );
	 
	this.setTime = function() {
		
	}
}

clock.prototype.displayTime = function ( ) {
	
}

I guess my biggest problem now is the outline. Any help would be great hopefully once i get what goes where i can actually start writing the code. I already have the full code to write a basic clock just like this but it doesn't use classes or any of this.

I have asked to create a chatbox, which acts just like a messenger which I type a text in the textbox and press send to show output to the messagebox.
However, in my code, I have 2 bugs which is bothering me. The first one is whenever I press spacebar, a "+" sign appear. The second is the first text disappeared whenever I type the second text. Please help me.

Code:

<html>
<head>
<title>Untitled</title>
<script language="JavaScript" type="text/javascript"> 
<!--
var isShift=null;
var isNN = (navigator.appName.indexOf("Netscape")!=-1);
var OP = (navigator.appName.indexOf("Opera")!=-1);
if(OP)isNN=true;
var key;
function shift(event){
key = (isNN) ? event.which : event.keyCode;
if (key==16)isShift=1;
}
function process(event){
key = (isNN) ? event.which : event.keyCode;
if(document.layers&&event.modifiers==4){
isShift=1;
}
if (key==13&&isShift!=1){
document.myForm.submit();
}
if (key!=16)isShift=null;
}
function retrieve(){
document.myForm.text1.focus();
if(location.search.length>0){
blubb=unescape(location.search.split('=')[1]);
document.myForm2.text2.value=blubb;
}
}
//-->
</script>
</head>
<body onload="retrieve()">
<form name="myForm">
<textarea name="text1" onkeypress="process(event)" onkeydown="shift(event)" cols="50" rows="7"></textarea><input type="submit" accesskey="s" value="Send">
</form><br><br>
This second textarea is just to show, that the line breaks "arrive":<br>
<form name="myForm2">
<textarea name="text2" cols="50" rows="7"></textarea>
</form>
</body>
</html>

I am writing a function that alerts a user that they did not enter a password what change do I need to make to this code to correct my issue it isn't doing anything
[CODE]
<script language = Javascript>
function validate(){
if(document.login.pw.value=="");
alert("Your id and or password is incorrect");
return false;
}
else
return true;
}
</script>

[CODE]

I have searched and scoured the web looking for a script like this. I have found different scripts that do certain aspects of what I am looking for, but not ONE that does it all.

I am hoping you can help bring my search to an end!

I need a script that when a user tries to leave a page, either by typing in a URL in the address bar or clicking an external link they get a Javascript (not pop up window) dialog box asking if they would like to complete a survey. If they click OK they are then redirected to the survey page. If they click cancel it allows them to go on their way to the external link. It needs to be able to decipher between internal and external links.

The script needs to work with both IE and FF. This is a must. Safari would be a plus.

I would like, BUT IS IN NO WAY A NECESSITY, for the script to also be cookie based in that the user doesn't see it if they've seen it within 7 or 14 days.

I really hope you all can help me here as I am lost! If you need any other info from me please let me know!

Hi,there,
my following script generates random numbers and if random number==1
the background color of textbox="red"; so far it works fine..
What I m tring to do is to tell my script to write amessage in the same textbox after 5 seconds
so ı need a delay function..
thanks for help


PHP Code:
 
 <body bgcolor="pink">
<script>
       stopx=setInterval("gox()",500);
       function gox()
       {
       var box1=document.getElementById("box1");
       var box2=document.getElementById("box2");
       box1.value=Math.floor(Math.random()*5);
             if(box1.value==1) box2.style.backgroundColor="red";  
          //////////////
          //  I need a delay function here;          
          //
          //////////           
          //???// if(delay==5) box2.value=" 5 seconds passed ,now I will give another message";
                 }    
</script>  
<input type="text" id="box1" style="position:absolute;top:50px;left:20px;width:40px;height:20px;">
<input type="text" id="box2" style="position:absolute;top:50px;left:200px;width:200px;height:50px;">
<input type="button" value="try again" onclick="location.reload()"
style="position:absolute;top:250px;left:20px;width:60px;height:50px;"> 

I am creating a website. I am working on the products page first. Please go here to see the site...

http://www.fingerguitar.com

You see those social network icons under the product description div? When the mouse rolls over the right edge I want a drawer affect that pulls the icons into view and lets the user click one of the social links. When the user rolls his mouse away from the section, the drawer should return to its position.

Any help... leads or anything would be awesome and much appreciated!

I basically have a property website with different types of properties, e.g. detached houses, semi detached houses. and I want to create a filter so when you click 'detached houses' only detached houses are shown.


Is there any tutorials you can point me to, would be appreciated.

This is what i have so far..
Code:

<div id="main">
	
<table border="0" cellpadding="0" cellspacing="0">
	<tr>
	<td><div id="filter"><p class="houses" style="font-family:helvetica;color:#0155a1;font-size:14px;background:url(cutouts/forsale/filter.jpg) no-repeat;"><b><u>Houses</u></b>
						<br />
						<span class="dh"><b><u>Detached Houses</u></b></span>
						<br />
						<span class="dh"><b><u>Semi-detached houses</u></b></span>
						<br />
						<span class="dh"><b><u>Terraced houses</u></b></span>
						<br />
						<br />
						<b><u>Flats / Apartments</u></b>
	
	</p></div></td>
	<td><div id="info1"><a href="#"><img src="cutouts/forsale/pinfo1.jpg" alt=""/></a></div></td>
	</tr>
</table>

<div id="info2"><a href="#"><img src="cutouts/forsale/pinfo2.jpg" alt=""/></a></div>
<div id="info3"><a href="#"><img src="cutouts/forsale/pinfo3.jpg" alt=""/></a></div>
<div id="info4"><a href="#"><img src="cutouts/forsale/pinfo4.jpg" alt=""/></a></div>


<script type="text/javascript">

var properties = {$properties_json};

// very simple getter method that uses a single key-value pair.
var selectProperties(k, v) {
  var rv = [];
  for (var i in properties) {
    if (properties[i][k] == v) {
      rv.push(properties[i]);
    }
  }
  return rv;
} // selectProperties()


</script>
	
	</div>

Hello,

I want to make myself a tool where if I paste in multiple lines of text cells (most likely from Excel, but that shouldn't matter), it will generate the pre-file extension and the ending file extension and echo it back on the page (not saving or storing, just temporary).

I have no trouble creating a form in javascript (or php) that could input the extension automatically for 1 item, but I was wondering if it's possible for a list of multiples within the same form box?

For example, I want to copy and paste this set of assets from excel into my form box:
asset1
asset2
asset3
asset4
asset5
asset6
asset7


Submit it and receive an echo on the page of this. The stuff in bold will always be the same, just wrapped around the asset i inputted into the form.
/f1/blah/example/asset1.xml
/f1/blah/example/asset2.xml
/f1/blah/example/asset3.xml
/f1/blah/example/asset4.xml
/f1/blah/example/asset5.xml
/f1/blah/example/asset6.xml
/f1/blah/example/asset7.xml

I was able to create the form for 1 item, but not multiple.
I just started to learn... so please don't be mad or flame me!! I am just wondering how difficult it is to learn to make this.

Thanks!

Hi,
i'm not sure this is the right spot for my question ,but i will try. ( sorry if not )

I need to create a script, that sets cookie ,named "something" with a random $value - something(1-500) every time the user refreshes his browser.

Something like this :
Y.Node.get("#Button1").on("click", function(){
var newValue = "something" + Math.round(Math.random() * Math.PI * 500);
Y.Cookie.set("$something", newValue);
Y.log("Set cookie '$something' to '" + $something + "'");

But when i refresh the browser the cookie must be with a new Value.

I will explain more clearly :
I hit Button 1,
Activate this script,that sets me the cookie named "something" with a $value for example , something55
I refresh my browser,the same cookie has $value for example something98

Thanks in advance,
Regards,
Anton

P.S. i'm trying to make it work for a few days .so i will be very glad if someone could help me here .

Hi all,

As I scan each line of data that was entered into a textarea box, I need to call a function once I come across a line that starts with the following:

Code:

"0 B3C  0020365077 0045740301 3 09FEB2008 09MAR2010 " (without quotes)

I have created the following legend to help with the creating a regular expression that will validate when I have found a line that needs further processing:

N - number
L - letter
A - letter or number
S - space

So using the above legend, the first 51 characters of the line that I need to validate should always be in the following format:

Code:

"NSAAASSAAAAAAAAAASNNNNNNNNNNSASNNLLLNNNNSNNLLLNNNNS" (once again, without the quotes)

I have been reading a few articles on JavaScript regular expressions but am a bit lost at this point as how to start?