JavaScript - Tried To Slice The Array And Pass It As Arguments. Didn't Get Passed

hello all,
I am new to javascript, i just wanted to know how can i send a array from perl to javascript function....
if anybody having any idea about this please reply me..thanks in adbvance

PLEASE IGNORE - I'D DONE A BOO BOO! </facepalm>


Hi guys,

not sure i have a decent explanation in the title. so, let me explain.

i have a script that collapses rows in tables but i create the array in php. the button needs to be above the content else i could just create it using php

if i try this function in a .js file it all works:

Code:

		function toggleAll() { //collapse all layers in

			var togglelist = "['380','379','378','377','376','374','373','369','367']";

			for (var i=0; i<togglelist.length; i++) {
				collapseTableRows(togglelist[i]);
			}
		}

the problem is that i need to create togglelist when im doing the php. if i just do a simple:

Code:

<script>
var togglelist = "['380','379','378','377','376','374','373','369','367']";
</script>

at the bottom of the page i cant seem to pass togglelist to the function in the .js file

im a bit rusty at JS so i think im doing something wrong. or is it just that i cant pass a variable array to a function if the variable is below the function on the page...

i hope that makes sense.

Hello,

Im hoping someone can help me,

Im trying to pass fields to a javascript function that will check the value of each field and it its empty then it will turn the field color red which is what its doing at the moment, but i want to be able to use this function globaly through out my project, so is there a way of not saying how many fields go in to that array, it will just deal with the amount of fields it gets passed?

Thanks

i have in my JS:
Code:

function viewornot(blocked_status)
{
     alert(blocked_status);
     var id = blocked_status.slice(0,"/");
}

where blocked_status consists of two parts
part one is the id of the user
part to is "/0"
so a typical value of blocked_status = 63/0
63 is the id

id can grow from being 1 digit to x digits as users grow
how can i get whatever is in front of the "/" thus the id please???
thank you

I solved the issue by completely removing the LINK, and simply adding the onclick function. thank you anyway.



--------------------------------






I'm sorry if perhaps my first post was to confusing, I hope I can better describe what I'm trying to achieve here.

Here's what's going on.

When a link is 'clicked' such as Code:

<a href="javascript:animatedcollapse.toggle('test')"> I expand and Collapse!</a>

it will 'expand' and 'collapse' a DIV. The script works completely fine, unless I try to place a Code:

<input type="button" value="myButtonValue" />

as the link, so I can submit the information through a php request.

if I use an image, or text, it works fine, but I need to be able to use a button.

You can see an example of a working and non-working 'collapsing and expanding DIV' if you Click Here.

Is there another way around this? I'd even venture to use another form of 'expanding' and 'collapsing' JavaScript if anyone could provide...

Thank you.

hye all,
it's me again. i have a little bit confusion here. why is this alert "alert("Please answer the question.");" did not prompt out even if i don't select any of the radio button?can anyone help me? i appreciate if someone can help me.TQ.

Here is the coding to return the radio buttons' value:

Code:

function getSelectedValue(flds) {
    var i = 0;
    var len = flds.length;
    
    while (i < len) {
    if (flds[i].checked) {
     return flds[i].value;
    }
    i++;
    }
    
    return "";
}

Below is the coding to calculate the radio button value:

Code:

var bdpr=0,bdft=0,bdbs=0,prft=0,prbs=0,ftbs=0;
var rank= new Array();
    var form = document.forms.Calculator;
    var bdpr = Number( getSelectedValue(form.elements.a) );
    var bdft = Number( getSelectedValue(form.elements.b) );
    var bdbs = Number( getSelectedValue(form.elements.c) );
    var prft = Number( getSelectedValue(form.elements.d) );
    var prbs = Number( getSelectedValue(form.elements.e) );
    var ftbs = Number( getSelectedValue(form.elements.f) );

    if ( isNaN(bdpr)|| isNaN(bdft) || isNaN(bdbs) || isNaN(prft) || isNaN(prbs) || isNaN(ftbs)){

    alert("Please answer the question."); }

else{
    brand=1+bdpr+bdft+bdbs;
    price=1+1/bdpr+prft+prbs;
    feature=1+1/bdft+1/prft+ftbs;
    basic=1+1/bdbs+1/prbs+1/ftbs;
  window.open("try.html");  
}

I am relatively new to JS and was wondering what would be the best way of creating a colurful pie chart that produces a text and picture box when the cursor goes over a particular pie chart 'slice' (i.e. a different text/picture box for each 'slice')?

Im not looking for someone to do all the work for me, I am enjoying the programming so far, but if someone could point me in the right direction?
I have access to Dreamweaver CS6 and Fireworks CS5 if they could be of any help?

Thanks to this forum, I finally got my calculator working and want to share it with everyone who can use it. The code below divides the time input by the distance input and displays the resulting pace in a min:sec format. Enter 12 miles, for example, and 1 hour, 33 minutes and 15 seconds, and the code displays 7:46 mpm (minutes per mile).

My first version uses one function to do everything, but this morning I decided to teach myself how one function passes stuff to another. So I began trying to perform the min:sec conversion in a function named Pace2minsec and pass the result to the Pace function for display in the form.

After several failures, I learned that a function returns its calculation to whatever code calls it. Ah ha, I thought, I need to have Pace call Pace2minsec. Yeah, pretty basic stuff but I am a raw beginner with Javascript, and thought there might be others here like me who could benefit from my mistakes.

Even after discovering the call-return process, I had to get the names of the variables correct before it would work. One mistake I made was thinking that I could have a variable with the same name in both functions. Wrong. Even though they were both inside their own function and therefore local variables, apparently, since one function called the other, the names had to be different. In both functions, I had a variable named totalsec, but only when I renamed it totalseconds in the first function did my code work.

Another glich was discovering that I had to tell the second function what variable it had to use for its operation. My first stab at that was to put the line Pace2minsec(minsec) in the first function. Wrong. Then I tried Pace2minsec(totalsec). Wrong again. And finally, Pace2minsec(totalseconds) which worked fine. Probably obvious to most, but it sure wasn't to me. Trial and error scripting! But I'm getting there, one principle at a time...

<CODE>

<html>
<head>
<script>
function Pace(D, H, M, S, form) // Is form really necessary?
{
var dist = parseFloat(D); // Makes entry a number?
var hours = parseFloat(H);
var mins = parseFloat(M);
var secs = parseFloat(S);
var pacedecimal = (hours*60 + mins + secs/60) / dist; // Total minutes in decimal
var totalseconds = pacedecimal*60; // Total seconds in decimal
form.pace.value =Pace2minsec(totalseconds) + " " + "mpm"; // Tell Pace2minsec what variable to use?
}

function Pace2minsec(totalsec)
{
var minsec = '';
sec = Math.round(totalsec%60); // remainder of totalsec div by 60
min = Math.round((totalsec-sec)/60); // total seconds minus remainder
minsec = min + (sec>9?":":":0") + sec; // min:sec format adds :0 if sec<10
return(minsec); // Pass min:sec format to Pace, the calling function
}
</script>
</head>

<body style="margin-top:100px; text-align:center; font-family:arial; background-color:silver;">

<form name="pacer">
<table style="font-size:14px; font-weight:bold;" cellspacing="0" border="0">
<tr>
<td>DIST</td>
<td><input type="text" name="dist" size="3"></td>
<td width="8"></td>
<td>TIME</td>
<td><input type="text" name="hours" size="1">:</td>
<td><input type="text" name="mins" size="1">:</td>
<td><input type="text" name="secs" size="1"></td>
<td width="24"></td>
<td><input TYPE="button" VALUE="Pace" onClick="Pace(this.form.dist.value, this.form.hours.value, this.form.mins.value, this.form.secs.value, this.form)"></td>
<td width="4"></td>
<td><input type="text" name="pace" size="8"></td>
<td width="6"></td>
<td><input TYPE="reset" VALUE="Clear" onClick="clearForm(this.form)"></td>
</tr>
</table>
</form>
</body>
/html>

</CODE>

Should be simple, but I'm having a complete brain fart. I need to call a function, with a parameter that triggers something relative to that parameter.

Pseudo Example Code:

function respawn(n) {
case 1
//respawn monster1 code
case 2
//respawn monster 2 code
case 3
//respawn monster 3 code
}

if(killed monster1) {respawn(1)} //respawn(monster1) is what I want to do
if(killed monster2) {respawn(2)}//respawn(monster2) is what I want to do
if(killed monster3) {respawn(3)}//respawn(monster3) is what I want to do

I can... Code:

function respawn1(){
//respawn monster1 code
}
function respawn2() {
//respawn monster2 code
}
function respawn3() {
//respawn monster3 code
}
if(killed monster1) {respawn1()}
if(killed monster2) {respawn2()}
if(killed monster3) {respawn2()}

but if I have 10+ monsters I just figured a case structure would be good, or passing the monster to respawn to a single respawn() function......but all the switch examples I could find were based on dateTime which gave case 1-7 based on what day it was, and didn't show how you set your own cases like monster1, monster2, monster3....

I know this is a basic concept...I've read about functions he http://www.quirksmode.org/js/function.html and at w3schools of course but can't figure out how to apply it to my situation

Thanks

Hi all,

I am trying to pass some dynamic values for use with javascript or more specifically AJAX...

I had a set up looking something like the following;
Code:

<input type="button" onclick="ajaxFunction()" value="Add Favourite"/>
<input type="text" name="school_id" id="school_id" value="<?php echo $school_id; ?>" />
<input type="text" name="teacher_id" id="teacher_id" value="<?php echo $teacher_id; ?>" />

Code:

<script language ="javascript" type="text/javascript">
<!-- 
//Browser Support Code
function ajaxFunction(){

 var ajaxRequest;  // The variable that makes Ajax possible!
	
 try{
   // Opera 8.0+, Firefox, Safari
   ajaxRequest = new XMLHttpRequest();
 }catch (e){
   // Internet Explorer Browsers
   try{
      ajaxRequest = new ActiveXObject("Msxml2.XMLHTTP");
   }catch (e) {
      try{
         ajaxRequest = new ActiveXObject("Microsoft.XMLHTTP");
      }catch (e){
         // Something went wrong
         alert("Your browser broke!");
         return false;
      }
   }
 }
 

 // Create a function that will receive data 
 // sent from the server and will update
 // div section in the same page.
 ajaxRequest.onreadystatechange = function(){
   if(ajaxRequest.readyState == 4){
      var ajaxDisplay = document.getElementById('ajaxDiv');
      ajaxDisplay.value = ajaxRequest.responseText;
   }
 }
 // Now get the value from user and pass it to
 // server script.
 var school_id = document.getElementById('school_id').value;
 var teacher_id = document.getElementById('teacher_id').value;
 
 var queryString = "?sid=" + school_id;
 queryString +=  "&tid=" + teacher_id;
 alert(queryString);
 ajaxRequest.open("GET", "ajax_insert_favourite.php" + queryString, true);
 ajaxRequest.send(null); 

}
//-->
</script>

however because it is possible for there to be more than one button, i.e. many teachers can be returned the javascript would also output 1 and 1.

I need someway of making this unique to the id's... I think that passing arguments/params might be the solution but I'm having a hard time implementing it;

I've tried the following;
Code:

<input type="button" onclick="ajaxFunction('school_id','teacher_id')" value="Add Favourite"/>

Code:

<!-- 
//Browser Support Code
function ajaxFunction(school_id,teacher_id){

But once I do this, it no longer even make the call.

Can anyone advise here, I'm a relative newbie to javascript/AJAX etc.

Many thanks,

Greens85

i've got a project to be done using javascript and html....i don't know how to pass the arguments from <input type="text"> to the javascript function i'm using in my program. i just want the javascript script to calculate the input given by the user and return the answer.
here is the program:
Code:

<html>
<head>
<title>
Taxi Fare
</title>
<script lang="text/javascript">
// calculates taxi fare based upon miles traveled
// and the hour of the day in military time (0-23).
var taxiFare = function (milesTraveled, pickupTime) {
var baseFare = 2.50;
var costPerMile = 2.00;
var nightSurcharge = 0.50; // 8pm to 6am, every night

var cost = baseFare + (costPerMile * milesTraveled);

// add the nightSurcharge to the cost if it is after
// 8pm or before 6am
if (pickupTime >= 20 || pickupTime < 6) {
cost += nightSurcharge;
}

return cost;
};
</script>
</head>
<body>
<form>
<input type="text" onclick="taxiFare()" value="Call function">
<input type="Submit" value="OK" onclick="taxiFare()">
<input type="reset" value="Clear">
</form>
<script type="text/javascript">
document.write("Your taxi fare is ₹" + taxiFare(5,2));
</script>
</body>
</html>

pls it would be of great help. Thanx.

Hope you can help.

I'm currently building a website and trying to integrate a javascript image 'tranisition' effect into mm_swapimage and failing. My knowledge of Javascipt is limited but without knowing the 'arguments' for mm_swapimage, it's impossible (looks similar to vb, but can't find an answer anywhere)

I want the effect to work on a 'timed' event rather than 'OnMouseOver' so have added script to change that (which is probably the issue!) I can get both to work idependantly but not together.

I've simplified the page and pasted the code below, as it stands the 'effect' works, but it only uses the primary image, not the other image in the array.

I'm using DW CS4 and the transition extension is called FlevOOware.

Thanks

Michael

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>
<script type="text/javascript">
<!--

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function flvFSTI4(){//v1.01
this.style.filter="";}

function flvFSTI3(v1,v2){//v1.01
var v3;if (v1.filters[0]&&v1.filters[0].status==2){v1.filters[0].Stop();}if (v2==0){v3="blendTrans(Duration="+v1.STI8+")";}else {v3="revealTrans(Duration="+v1.STI8+",Transition="+(v2-1)+")";}v1.style.filter=v3;}

// Wipe Right Out
function flvFSTI2(){//v1.01
var v1,v2=document,v3=v2.STI4,v4;for (v4=0;v3&&v4<v3.length&&(v1=v3[v4])&&v1.STI5;v4++){if (v1.filters&&!v2.STI7){flvFSTI3(v1,v1.STI3);v1.filters[0].Apply();}v1.src=v1.STI5;if (v1.filters&&!v2.STI7){v1.filters[0].Play();}}}

// Wipe Right In
function flvFSTI1(){//v1.01
// Copyright 2003, Marja Ribbers-de Vroed, FlevOOware (www.STI1.nl/dreamweaver/)
var v1=arguments,v2=document,v3;v2.STI4=new Array();v2.STI7=(navigator.userAgent.toLowerCase().indexOf("mac")!=-1);for (var v4=0;v4<v1.length-2;v4+=5){v3=MM_findObj(v1[v4]);if (v3){v3.STI5=v3.src;v3.STI6=v1[v4+1];v3.STI2=v1[v4+2];v3.STI3=v1[v4+3];v3.STI8=v1[v4+4];v2.STI4[v2.STI4.length]=v3;if (v3.filters&&!v2.STI7){flvFSTI3(v3,v3.STI2);v3.onfilterchange=flvFSTI4;v3.filters[0].Apply();}v3.src=v3.STI6;if (v3.filters&&!v2.STI7){v3.filters[0].Play();}}}}


function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
// Comma separated list of images to rotate 
var imgs = new Array('images/DSCN1209.jpg','images/DSCN1210.jpg');
// delay in milliseconds between image swaps 1000 = 1 second 
var delay = 5000;
var counter = 0;

function preloadImgs(){
  for(var i=0;i<imgs.length;i++){
    MM_preloadImages(imgs[i]);
  }
}

function randomImages(){
  if(counter == (imgs.length)){
    counter = 0;
  }
  MM_swapImage (flvFSTI1('slider', '',7,7,1,1, imgs[counter++]));
  setTimeout('randomImages()', delay);
  
  MM_swapImgRestore (flvFSTI2('slider', ''));
}
//-->
</script>
</head>

<body onload="preloadImgs();randomImages();">
<img src="images/DSCN1209.jpg" name="slider" width="500" height="322" id="Image1"/>
</body>
</html>

I want to use the new keyword to instantiate an object. The catch is I want to pass in variable length arguments.

Given:
Code:

function Foo () {
  this.args = Array.prototype.join.call (arguments);
}

var args = ["arg0", "arg1", "arg2"];

The following don't work (though I understand why):
Code:

new Foo.apply (null, args);

new (Foo.apply (null, args));

(new Foo).apply (null, args);

Any ideas on how to do what I want without modifying Foo's source code?

Let's say I'm defining an object and I want the constructor to take one input and ten save it. I'd like to do something like this:

function apple(color) {
this.color = arguments.color;
}

But of course that doesn't work because arguments isn't a scope. My question is, is there a scope I can use. What I've been doing instead is this:

function apple(new_color) {this.color = new_color;}

But that just seems less than perfectly pretty.

I have a project that uses and Ajax call but it appears that the call back
function cannot take arguments, nor return values. However, I have
wrapped another function inside the call back function that takes
xmlhttp.responseText as the argument and returns values that are
supposed to be placed in a global array.
If I do, for instance:
callback function code....
globalArray = someFunction(xmlhttp.responseText)
alert(globalArray), I get the expected values.
but a function is called later to query the contents of the global array
the global array is empty (No other code or functions exist in this
project to alter the global array)
Primary dev client is FireFox 3x on Mac OSX
Is this a bug, or is there some other aspect of javascript that I need to
know about?

I am using ajax here because javascript does not have an array shuffling
function and php does. So I send an array to the server, have it shuffled
by the server and returned to the requesting page.