JavaScript - Looking For User Detail Detection Script! Can Anyone Help??

Hi Everyone,

I want to execute a script when the user clicks the button.

Currently in my html doc. i have the button declared.
<input type="button" id ="button" onclick='notEmpty() value="Play"/>

When the button is clicked, i execute the notEmpty() function and I want to execute a script inside the notEmpty(). How can i do this?

Thanks,
Praveen

Hi there!

I hope I posted this question in the right place. I've been working on a Spry Master/Detail region using Dreamweaver CS4 for months now and I just can't get it to work right. I know very little about coding Javascript; I'm altering a template from a tutorial book. Here's my problem:

I want at least 2 master/detail regions on a single page, each nested in a spry tabbed panel, and each filtered by a non-destructive filter. I'm having all kinds of trouble getting this accomplished.I did some troubleshooting and have pinpointed exactly where things go wrong.

First, I thought that the problem might be that both of my tables were on the same page as the master/detail regions, so I put them on their own pages. No problems there. Then I built one master/detail region, with selectable filter menu, in a spry tabbed panel. No problem. Then I started all over again, and built each master/detail region stepwise following the instructions in the book. The 2 master/detail regions, 1 in each tab, are no problem. Applying the non-destructive filter is where things get tricky for me.

When I apply the non-destructive filters, all of the data from the first table disappears! The table in the 2nd tab still works perfectly.

My 2 spry datasets are named rs_CasteAbilities and rs_ProfAbilities. Here's the code for just creating the 2 spry data sets:

[CODE] var rs_CasteAbilities = new Spry.Data.HTMLDataSet("gacasteabilitiesforactivetable.php", "GA_CasteAbilities");
var rs_ProfAbility = new Spry.Data.HTMLDataSet("gaprofessionabilitiesforactivetable.php", "GA_ProfAbilities"); [CODE]

No problems there. When I apply the nondestructive filter to the first spry dataset the first dataset filters just as it is supposed to and the second one does nothing, just as its supposed to. It looks like this:

[CODE] var rs_CasteAbilities = new Spry.Data.HTMLDataSet("gacasteabilitiesforactivetable.php", "GA_CasteAbilities");
rs_CasteAbilities.gallery = '1';
function chooseSet(dataSet, row, rowNumber)
{
if (row == rs_CasteAbilities.gallery) {
return row;
}
return null;
}
rs_CasteAbilities.filter(chooseSet);
var rs_ProfAbility = new Spry.Data.HTMLDataSet("gaprofessionabilitiesforactivetable.php", "GA_ProfAbilities"); [CODE]

The problem is that when I apply the same filter to the 2nd spry dataset, the 2nd dataset filters, but the first dataset totally disappears when I view the page (firefox and safari)! I can post screenshots if needed. Here's the code I'm using:

[CODE] var rs_CasteAbilities = new Spry.Data.HTMLDataSet("gacasteabilitiesforactivetable.php", "GA_CasteAbilities");
rs_CasteAbilities.gallery = '1';
function chooseSet(dataSet, row, rowNumber)
{
if (row == rs_CasteAbilities.gallery) {
return row;
}
return null;
}
rs_CasteAbilities.filter(chooseSet);
var rs_ProfAbility = new Spry.Data.HTMLDataSet("gaprofessionabilitiesforactivetable.php", "GA_ProfAbilities");
rs_ProfAbility.gallery = '1';
function chooseSet(dataSet, row, rowNumber)
{
if (row == rs_ProfAbility.gallery) {
return row;
}
return null;
}
rs_ProfAbility.filter(chooseSet); [CODE]

This problem has been stumping me for weeks and I'm getting to the point where I need to get this done. I hope that in my inexperience, I was able to communicate this problem articulately. Please somebody help!

Thanks so much to anyone who takes the time to help me out. The page itself, with nothing showing up in the first tab, can be viewed he

www.iotheatre.com/GoldenAgeAbilities.php

-Chris Blockus

Yes - I need a script that will validate user input against a text file - exactly like the one in the left sidebar at
http://www.oilpatchfuel.com/Pages/Welcome.aspx
titled "Delivery Area".

Thanks!

Let me first say I am not a java programmer but I can follow the tutorials and get some things to work. Here I am trying to create a password protected page, realizing the level of security is not very high.

This page of code, link1.html, will be blank and if the correct password is entered then I want to automatically link to another page, barcs.html. I simply cannot find a way to do it.....Thanks

Code:

<html>
<head>
  <meta content="text/html; charset=ISO-8859-1"
 http-equiv="content-type">
  <title>Psw test link 1</title>
  <script language="JavaScript">
<!--hide
var password;
var pass1="cool";
var pass2="awesome";
var pass3="geekazoid";
password=prompt('Please enter your password to view this page!',' ');
if (password==pass1 || password==pass2 || password==pass3)
alert('Password Correct! Click OK to enter!');
else
{
window.location="http://www.acma-rc.com/";
}
//-->
  </script>
</head>
<body>
This is link1.html<br>
</body>
</html>

Hi,

Please i am not getting clear understanding of a javascript code to redirect user to a different web page based on the day of the week.

Please i have search for many script and not getting clear understanding from their code.I have also try several code myself but nothing good has come from it.

Please can someone help me and write a descriptive code for me to understand better.I really plead you and your to help me...but i belief the Lord God will bless you for your time helping me.

looking forward to here from you.

Thank you.

Clement Osei

I doubt this is possible without third party applications. But I was wondering if there is a way to detect where the eyes are routhly in an image on someone face (which may have multiple faces).

Basically I want to get the position of both eyes and se if they are horizontal or verticle. So then I can rotate the iimage if the eyes are more verticle then horizontal.

I use the youtube javascript api. Now the users of my website can start the player with an imacro and the function player.playVideo(). Is it possible that I can detect or disable this funtion?

Thanks

Hey I am in need of some help with a hash removal detection code, currently I have everything I need to do what I want but when I click the back button and the hash is removed from the url I need to have a script run to then change the page content.

My design looked sort of like this.
Code:

function detect() {
  var url = window.location;
  if(url.indexOf('#') === -1) {
    // run the code
  }
}

But that ran the code every time there wasn't any hash in the url so if a user went to lets say /index.php the page content would keep being re-generated as there isn't any hash, so my question is how can I make it so it only runs only if there has been a hash in the url and then has been removed so like if you went to /index.php and clicked a link that took you to /index.php#tags and then the page content was changed with ajax, then the user clicked the browsers back button to go back to /index.php, the page would still have the tags content on it so that's when I need the function to run to change it back again.

If anyone can help with my problem please reply.

Thank you
- DJCMBear

I have a website (www.andrewburns.net.au) that displays differently according to OS. Currently in OSX the text in the menu lines up with the image text of the site title - this is what we want to have happen and it looks fine across all browsers using OSX. However, in Windows it's offset by about 10px, and similarly displays the same offset in all Windows browsers incl Chrome, FF, Safari, and of course ie.

I'm trying to use javascript to sniff out the OS and display alternate css accordingly. I'm not a JS coder at all and a friend who is has got me this far...

Code:

var isms=( navigator.appVersion.indexOf("Windows") != -1);
document.write("Browser Version: " + isms);
if(isms) $('DIV .menu').css('left','100px');

What I'm not sure about is where to put it to make it work given there is a fair amount of other scripts operating on the site.

Is there anyone out there who can have a look at the site/source code and offer any insight/suggestions/solutions? I'd really appreciate it... I'm under a fair bit of pressure from the designer to get it pixel perfect and this is the last aspect of the site to sort out before I can sign it off.

Thanks

Good day!

I have an intranet website that was in the server and it has a flash. My problem is the client computer has no flash installer; I want that they can access the flash.exe in the server so they can install it to their computer. I read some forum that it could happen using JavaScript detection code. Honestly I have no idea about it.
Thank you

Hey,
I'm working on a mobile website and need some help with my mobile browser detection script. I have it working for iPhone, iPod Touch, and Windows Mobile Devices.

I need help getting it to detect for Blackberry Browser (Blackberry Devices), Blazer Browser (Palm Devices), Opera Mini Browser, Opera Mobile Browser, and other mobile browsers if possible.

Does anyone know how to modify (and test if you have a phone to test with, as I don't have all of these devices) this javascript?:
Code:

if((navigator.userAgent.match(/iPhone/i)) || (navigator.userAgent.match(/iPod/i)))
{location.replace("mobile.html");}
if((navigator.appVersion.indexOf("Windows CE")>0))
{location.replace("mobile.html");}

Thanks for your help!
-Chris

Hi,

How do I detect change event on textarea using javascript?
I'm trying to detect any change, but without any type.

For example, instead to have an "onclick submit button" to copy the contents of the textarea to another file, how it can be done automatically when focos is in?

In short words, I want to submit a form without pressing a submit button!



Regards

Jan Lee

i cant get collission detection to work. i tryed but it always caused an infinite loop. heres the code.
Code:

<html>
<!-- main file.-->
<head>

<title>lightning generator</title>

</head>

<body>
<canvas id='world' width='500' height='500' style='border: 1px solid black; padding:0;'></canvas>
<script type="text/javascript" src='world.js'></script>
<script type='text/javascript' src='eC.js'></script>
<script type='text/javascript' src='world.ground.js'></script>
<script type='text/javascript'>
world.bolt = {
}
;
world.bolt.paths = [];
// main obj inits

world.bolt.draw = function(){

   var x, y;
   for( var id = 0; id <= world.bolt.draw.num; id ++ ){
   
      world.ctx.moveTo( world.bolt.paths[id].x[world.bolt.paths[id].x.length-1],  world.bolt.paths[id].y[world.bolt.paths[id].y.length-1] );
      var mdx=Math.floor(Math.random()*world.bolt.paths[id].mdx);
      x = world.bolt.paths[id].x[world.bolt.paths[id].iters] + ((Math.random()<Math.random())?mdx:-mdx);
      y = ++ world.bolt.paths[id].iters;
      world.bolt.paths[id].x.push( x );
      world.bolt.paths[id].y.push( y );
      world.ctx.strokeStyle = world.bolt.paths[id].color;
      world.ctx.lineTo( x,  y );
      
   
   world.ctx.stroke();
   //world.ctx.beginPath();
   }   if(x%3==0){ world.ctx.fillStyle=world.skyColor;
    world.ctx.fillRect(0,0,world.w,world.h);}
}
world.bolt.draw.num=-1;
world.bolt.cpath = function( x, y, mdx, srate, id, color ){
   world.bolt.paths[id] = {
   }
   ;
   world.bolt.paths[id].iters = 0;
   world.bolt.paths[id].x = [];
   world.bolt.paths[id].y = [];
   world.bolt.paths[id].x[0] = x;
   world.bolt.paths[id].y[0] = y;
   world.bolt.paths[id].mdx = mdx;
   world.bolt.paths[id].srate = srate;
   world.bolt.paths[id].color = color;
   world.bolt.draw.num += 1;
}
world.bolt.cpath(250,0, 5,5,0,'rgba(255,255,150,.5)');
window.setInterval(world.bolt.draw,100)
window.setTimeout('world.bolt.cpath(125,0,5,5,1,"rgba(255,10,0,.5)")',1000);
</script>
</body>
</html>

Code:

//world.js
var world = {
skyColor:'rgba(0,0,100,.009)'  
}
;
world.canvas = document.getElementById( 'world' )
world.canvas.cstyle = document.defaultView.getComputedStyle( world.canvas, null )
world.w = parseInt( world.canvas.cstyle.width, 10 );
world.h = parseInt( world.canvas.cstyle.height, 10 );
world.ctx = world.canvas.getContext( '2d' );

finally,
Code:

// world.ground.js

world.ground = {
}
;
world.ground.level = [];


world.ground.make = function( GArray, length ){

   world.ctx.strokeStyle = '#000000';
   world.ground.level = [];
   world.ctx.fillStyle = '#FFF';
   world.ctx.fillRect( 0, 0, world.w, world.h );
   world.ground.level = GArray;
   for ( world.ground.make.i = 0; world.ground.make.i <= length; world.ground.make.i ++ ){
      if ( GArray[world.ground.make.i + 1] === undefined ){
         GArray[world.ground.make.i + 1] = GArray[world.ground.make.i];
      }

      world.ctx.moveTo( world.ground.make.i, ( world.h ) );
      world.ctx.lineTo( world.ground.make.i, ( world.h - GArray[world.ground.make.i] ) );
   }
   world.ctx.stroke();
   world.ctx.beginPath();
}
;

world.ground.create = function( func, width ){
   func = ec( func );
   if( func === false ){
      alert( 'Pass equation as a string without the "y=", "f(x)=", "g(x)=" or similar.' );
      return world;
   }
   if( func == 'perspicaciousness' ){
      return world;
   }
   var temp = [];
   for( var x = 0; x <= width; x ++ ){
      temp[x] = eval( func );
   }
   world.ground.make( temp, width );
}
;
world.ground.create.test='4';
world.ground.create( world.ground.create.test, 500 );

in the end of world.bolt.cpath,there should be a way to use the local varis X and Y, and world.ground.js's world.ground.level[] to detect it. sorry for the gigantic length. thanks in advanced. the jsnerd

Hello,

I'm trying to write some javascript that will detect if the page has been loaded because of the refresh button being pressed. I've searched google on how to do this, and several websites recommend something similar to the code I'm implementing below:

Code:

<script type="text/javascript" language="javascript">

// in head

    function checkRefresh() {

        alert("BEFO  value = " + document.getElementById("visited").getAttribute("value"));

        if (document.getElementById("visited").getAttribute("value") == null ||
            document.getElementById("visited").getAttribute("value") == "")
        {
            document.getElementById("visited").setAttribute("value", "refreshed")
        }


        alert("AFTER: value = " + document.getElementById("visited").getAttribute("value"));
    }

</script>

...

<body onload="Javascript:checkRefresh();">

...

    <form id="hiddenform">
    <input type="hidden" id="visited" value="" />
    </form>

</body>

My variation differs from most of the examples on the internet in a few ways (which may or may not affect its functionality):

1) Most examples access the elements by directly using their names (as in: document.hiddenForm.visited.value). I'm using document.getElementById(...).getAttribute(...) just because that seems to be the safest way to ensure you are in fact getting the elements you want, and setAttribute(...) to ensure you're setting the attribute in the proper way. This entails that I need to set the ID in the form and input elements rather than the name.

2) I'm accessing the input tag directly (rather than going through the form) because I really don't see how this would make a difference.

3) I'm doing all this within asp:content tags which, from what I understand, can affect the behavior of the elements within it.

I'm not sure if this works out for other programmers, but for me it doesn't seem to be working. My alert messages in the checkRefresh function tell me that the value of the input element does indeed change as expected, but it seems to get wiped out and reinitialized to the original value of "" when the page is refreshed.

Am I doing something wrong?

Thanks for any help.

hey guys i'm making a lunar lander game using javascript.i want the player to land the spaceship on a black line i've drawn. but i have problems getting it right.when the player lands it properly in the line i want it to display a dialogue box which says u landed it perfectly.but the problem is even if i land it outside the line it gives me that message.so after spending sometime with it i figured out that my if statement is not working properly.it doesn't take the value from my x axis and only considers the value from my y axis.for eg lets say i drew the line from 560px to 600px on the x axis and its located at 700px on the y axis and this is my if statement
if((TopPos>695)&&(rightPos>560)&&(rightPos<600))
{
alert('you landed perfectly')
}

this is supposed to work but if i go above 600px but still maintains the height above 695 it says i have won.i have included the code could some point me out where i'm making the mistake thank you .

Code:

<html>
<head>
<title>Lunar lander</title>

<script language="JavaScript"> 
var TopPos=100;
var fuel = 300;
var gravity = 0.0001;
var speed = 0.0005;
var moveBy = 366;
var Xpix = 1000;

function animation(){
TopPos +=gravity

document.getElementById("divlander").style.top = TopPos + "px";
if ((TopPos>604)&&(Xpix<526)){
			alert('win');
	}
	else if ((moveBy<100)&&(moveBy>500)){
			alert('crashed');
	}
if(TopPos<610)
window.setTimeout("animation()",30);
gravity +=0.03;
gravity += speed;
var f = document.game.fuel.value;
f--;
document.game.fuel.value = f;
if (f<=0){
document.game.fuel.value ="0";
gravity=10;
gr=0;
speed=10;
f=1;
alert('out of fuel');
}
}
function moveObj(name, Xpix, Ypix) 
{    
   	obj = document.getElementById(name);
	
	px = parseInt(obj.style.left) + Xpix;		
	py = parseInt(obj.style.top) + Ypix;
	obj.style.left = px;
	obj.style.top = py;
}

function ProcessKeypress(e)
{
	var myObj = "divlander";
	var moveBy = 10;
	
	if (e.keyCode) keycode=e.keyCode;
	else keycode=e.which;
	ch=String.fromCharCode(keycode);
   
	if(ch=='a') 		moveObj(myObj, -moveBy, 0);
	else if(ch=='d') 	moveObj(myObj, moveBy, 0);
	else if(ch=='w') 	gravity = -1;
	
		
}



</script>
<form name='game'>
<body onKeyPress="ProcessKeypress(event);">
<body onload ="animation();">
<input type=button value='200' name="fuel">

<p><img id="divlander" style="z-index: 0; left: 1000px; position: absolute; top: 100px" img src="lunar_lander_72dpi2.png"></p>
<img src="Serenity2.jpg";>
<p><<body>

</body>
</form>
</html>