Learn VBA & Macros in 1 Week!

JavaScript - Changing Javascript Global Variable Inside Function..

Full Excel VBA Course - Beginner to Expert

Changing Javascript Global Variable Inside Function..	View Content

hello im trying to change a variable set outside of a function and calling the function with an onchange... i'm having problems getting the variable to change

Code:

<script type="text/javascript">


var price = '<?php echo $price; ?>';


function addtwo()
{

if(document.add.size.value == "2xl")
{

price = price + 2;
}
}

</script>

Full Excel VBA Course - Beginner to Expert

Javascript - Access A Global Variable From Inside A Function

Similar Tutorials

View Content

Hi,

Is is possible to access a global variable for use inside a function?

Thanks for help in advance

Mike

Global Variable Inside A Document.getelementbyid.innerhtml? Simple Fix??

Similar Tutorials

View Content

Hey all!

Got a question I can't seem to find an answer to.

I have a little JS app that is a glorified calculator which I posted the code for below. My code uses the document object to replace the html in the "content" <div> and works great.
However, I want to add an inline style in order to change the background of the input (readonly field with an id of "coutput") based on either of the global variables named "MJPD" or "IJPD", (depending on the switch case selected in the user prompt at the beginning of the script.)

Simplified....if the value of MJPD is less than 4.6, I want the "coutput" field's background to be red, else be green.
The same goes for IJPD, except the threshold for red will be <3.83.

Code and what I have tried is below. After reading the code, look below it to see what I have tried and maybe tell me what I'm doing wrong! =)

Any help is greatly appreciated.......I have spent a week searching for this little answer and I can't seem to find it!

Code:

  
<script language="JavaScript">
var MJPD = 1;
var IJPD = 1;
function sayhello(){ //   *** live test for inline JS code placement
alert("IT WORKS!!! Now change me  =)");
}
//////////////////////////////////////////////////////
function changeScreenSize(w,h) 
{
       window.resizeTo( w,h )     
}
///////////////////////////////////////////////////
function iJPDCalc(form) //calculate IJPD value
{
var ij = parseFloat(form.IJobs.value, 10);
var it = parseFloat(form.ITime.value, 10);
var IJPD = 0;
IJPD = (ij / it) * 8.0;
form.I_JPD.value = IJPD;
}
/////////////////////////////////////////////////////
function mJPDCalc(form) //calculate MJPD value
{
var mj = parseFloat(form.MJobs.value, 10);
var mt = parseFloat(form.MTime.value, 10);
var MJPD = 0;
MJPD = (mj / mt) * 8.0;
form.M_JPD.value = MJPD;
}
/////////////////////////////////////////////////////
function ijpdcolor() //set bg color of coutput based on IJPD's value
{
if (IJPD >= 3.83) {
	return ("green");
}
else {
	return ("red");
}
}
/////////////////////////////////////////////////////
function mjpdcolor() //set bg color of coutput based on MJPD's value
{
if (MJPD >= 4.6) {
	return ("green");
}
else {
	return ("red");
}
}
/////////////////////////////////////////////////////
function startVZT3(){
var n=0;
n=prompt("What would you like to do?  1: Calculate IJPD  2: Calculate MJPD  3: Exit", "Enter a value from 1-3") 
switch(n) 
{
case(n="1"): 
document.getElementById("content").innerHTML='<FORM><h2>Combined IJPD Calculator</h2><p>Install components completed today:</p><INPUT NAME="IJobs" VALUE="3.84" MAXLENGTH="10" SIZE=10><p>Hours taken to the jobs:</p><INPUT NAME="ITime" VALUE="8" MAXLENGTH="10" SIZE=10><h4> Click the button to calculate your IJPD:</h4><INPUT NAME="calc" VALUE="Calculate" TYPE=BUTTON class="cbutton" onClick=iJPDCalc(this.form)><p>Your current combined IJPD for today is:</p> <INPUT NAME="I_JPD" class="output" style=" " id="coutput" READONLY SIZE=10></FORM>';
break
case(n="2"): 
document.getElementById("content").innerHTML='<FORM><h2>Combined MJPD Calculator</h2><p>Trouble components completed today:</p><INPUT NAME="MJobs" VALUE="4.6" MAXLENGTH="10" SIZE=10><p>Hours taken to the jobs:</p><INPUT NAME="MTime" VALUE="8" MAXLENGTH="10" SIZE=10><h4> Click the button to calculate your MJPD:</h4><INPUT NAME="calc" VALUE="Calculate" TYPE=BUTTON class="cbutton" onClick=mJPDCalc(this.form); mjpdcolor();><p>Your current combined MJPD for today is:</p> <INPUT NAME="M_JPD" class="output" style=" " id="coutput" READONLY SIZE=10></FORM>';
break
case(n="3"): 
alert('This page will now close...');
window.close();
break
default:
document.getElementById("content").innerHTML='<h1 style="padding-top: 40px; color: red;">You need to enter a value! Please try again...</h1>';
break
	}
}
///////////////////////////////////////////////////////
</script>
</head>
<body onload="changeScreenSize(825,775)">
<div id="wrapper">
<div id="sub_wrapper">

<br />
<br />

<input type="button" class="button" onclick="startVZT3()" value="Start VZT3 Web!" />
<br /><br />

<div id="content">
<h3 style="padding-top:60px;">VZT3</h3>
</div>
</div>
<script type="text/javascript"> <!-- trying script to ensure function and dynamic update of this value - doesnt work 2/3/2010 -->
document.write(mjpdcolor());
</script>

</div>
</body>

OK, so on the last line of each case statement where it injects html code into the content div, in this code style=" background: ** ** " and in between the ** ** marks, I have added such things as <script type="text/javascript">document.write(mjpdcolor())</script> (or ijpdcolor, depending on which case I am working with).

Theoretically, this should pull the value of MJPD (or IJPD), evaluate it for the if statement, then return the value of red or green and set the value of the background dynamically - but of course it doesnt. I have also tried different inline styles and even adding the css id and trying to link it to the mjpdcolor() function, but all to no avail.

Can someone help me please??

Thanks everyone, your awesome!

Variables Inside A Function Aren't Global?

Similar Tutorials

View Content

Forgive but I'm quite a beginner at JS . . .

Anyway, on my website I've got a form, and then a script that validates the form. The script for validation is inside a function. The problem is that I have another script outside of the function that generates random numbers to make sure there's not a spambot submitting the form. I set a variable called 'answer' as the correct answer, but for some reason, the variable won't be read when I put it inside the original function to make sure the user got it right.

How should I go about doing this?

Thanks,
Raybob

Code:

<!-- THIS SCRIPT ENSURES FIELDS ARE FILLED OUT CORRECTLY -->

<script type="text/javascript">

	var x1 = Math.floor(Math.random()*11);
	var x2 = Math.floor(Math.random()*11);
	var ans = x1+x2;

</script>



<script type="text/javascript">

<!--

function validate_form ( )

{

	var valid = true;
	var at = document.newaccount.email.value.indexOf ("@");
	var dot = document.newaccount.email.value.lastIndexOf (".");


        if ( document.newaccount.name.value == "" )
        {
                document.getElementById('noname').style.display = 'inline';
                valid = false;
        }

	if ( at < 2 || dot < at+2 || dot+2 >= document.newaccount.email.value.length )
  	{
  		document.getElementById('wrongemail').style.display = 'inline';
  		valid = false;
  	}

        if ( document.newaccount.password.value == "" )
        {
                 document.getElementById('nopassword').style.display = 'inline';
                valid = false;
        }

        if ( ( document.newaccount.password2.value == "" )
	&& ( document.newaccount.password.value !== "" ) )
        {
                document.getElementById('nopassword2').style.display = 'inline';
                valid = false;
        }

        if ( ( document.newaccount.password.value !== document.newaccount.password2.value )
	&& ( document.newaccount.password.value !== "" ) && ( document.newaccount.password2.value !== "" ) )
        {
                document.getElementById('nomatch').style.display = 'inline';
                valid = false;
        }

        if ( ( document.newaccount.password.value.length < 8 )
	&& ( document.newaccount.password.value !== "" ) )
        {
                document.getElementById('passwordlength').style.display = 'inline';
                valid = false;
        }

	if ( ( document.newaccount.agree[0].checked == false )
        && ( document.newaccount.agree[1].checked == false ) )
        {
                document.getElementById('noagree1').style.display = 'inline';
        	valid = false;
        }

	if ( ( document.newaccount.agree[0].checked == false )
        && ( document.newaccount.agree[1].checked == true ) )
        {
                alert ( "Sorry, but you must agree to the terms and conditions before creating an account." );
        	valid = false;
		window.location = "/terms.html"
        }

        if ( document.newaccount.spamcheck.value == "" )
        {
                document.getElementById('nomath1').style.display = 'inline';
                valid = false;
        }


        if ( ( document.newaccount.spamcheck.value !== ans )
	&& ( document.newaccount.spamcheck.value !== "" ) )
        {
                document.getElementById('nomath2').style.display = 'inline';
                valid = false;
        }

    	if ( (!document.newaccount.store.checked)
	&& (!document.newaccount.share1.checked)
	&& (!document.newaccount.share2.checked) )
    	{
                document.getElementById('noinfo').style.display = 'inline';
        	valid = false;
	}






	return valid;
}

//-->

</script>

<!-- END OF SCRIPT -->

Code:

<form name="newaccount" onsubmit="return validate_form ( );" action="/submitted.html" method="get" >

<center>


<table style="text-align:center;" ><tr><td>
What's

<script type="text/javascript">
document.write (x1 + "&nbsp;" + "+" + "&nbsp;" + x2);
</script> 

?

&nbsp;&nbsp;<input type="text" size="5" name="spamcheck" /></td></tr></table>

<br />






<br /><br />
<input type="submit" name="send" value="Submit" />

</center>



</form>

Assigning Value To Global Variable In A Function

Similar Tutorials

View Content

I am trying to figure out how to assign a value to a global variable within a function and can't seem to figure it out. Here's my thought,

Code:

<script type="text/javascript">
var global1=""; var global2="";

function assign(vari,strng){
    vari = strng;
}
</script>...

<input name="box1" onblur="assign('global1',this.value)"/>
<input name="box2" onblur="assign('global2',this.value)"/>
...

The purpose behind this is creating a form that will work with an existing database that would normally have a text area with lots of information. I am trying to turn it into a checklist that I can run from a mobile device. The global variables woudl be used to fill in a hidden text area that would then be passed on to the database upon submission. I am trying to keep the code as compact as possible. Any ideas?

Global Number Variable Switching To Nan When Entered Into A Function

Similar Tutorials

View Content

Heres a link to the code in question http://www.scccs.ca/~W0049698/JavaTe...erlocktxt.htm#

when the leftPos variable is used in the moveSlide() it somehow turns into Nan. Cant figure out why and have been racking my brain over this for a long time now.. Any help would be greatly appreciated

the problem is at the end of the code(scroll to the bottom)

=======================================================
Code:

window.onload = makeMenus;

var currentSlide = null;
var timeID = null;


function makeMenus(){
var slideMenus = new Array();
var allElems = document.getElementsByTagName("*");


for(var i=0 ; i < allElems.length ; i++){
if(allElems[i].className == "slideMenu") slideMenus.push(allElems[i])
}



for(var i=0 ; i < slideMenus.length ; i++){
	// alert(slideMenus.length)
	slideMenus[i].onclick = showSlide;
	slideMenus[i].getElementsByTagName("ul")[0].style.left = "0px";
}
document.getElementById("head").onClick = closeSlide;
document.getElementById("main").onClick = closeSlide;
}

function showSlide(){
	slideList = this.getElementsByTagName("ul")[0];
	if(currentSlide && currentSlide.id == slideList.id)
		{closeSlide()}
		
	else{
		closeSlide();
		currentSlide = slideList;
		currentSlide.style.display = "block";
		timeID = setInterval("moveSlide()", 1);
		}
}


function closeSlide(){
if(currentSlide){
	clearInterval(timeID);
	currentSlide.style.left="0px";
	currentSlide.style.display="none";
	currenSlide = null;
}
}

 
	 Code:

	
var leftPos = 0; //reads as a number

function moveSlide(){
	
	leftPos = leftPos + 5; //reads as Nan 
        //have used leftPos += 5 as well if that make as difference
	//alert(leftPos)
	if(parseInt(currentSlide.style.left) <= 220)	
		{currentSlide.style.left = leftPos + "px";}
	else{
		clearInterval(timeID);
		var leftPos = 0;
		}
}

Callback Variable Needs To Get A Variable Inside A Function

Similar Tutorials

View Content

I don't know how I should do ?

Quote:
<html>
<head>
<script type="text/javascript">
function add(a,b){
y=a+b
return y
}
var aaa = add(one,two) //one needs to get somehow get the value of yil, in this case 10
var one = function reas(){i=10;if(i<10){yil = 15}; else{yil = 10; yil = one;};
var two = 20;
document.write(y)
</script>
</head>
</html>
also why doesn't this work?

Quote:
<html>
<head>
<script type="text/javascript">
function adder(a,b){
var k=a+b;
return k
}
var hes=adder(5,kol);
kol=40;
alert(hes);
</script>
</head>
</html>
you cannot have variables in callback functions?

Passing Variable To A Function Inside A Function

Similar Tutorials

View Content

Thank you in advance if someone can help. I have been banging my head against the wall for hours now.

Here is the code:

Code:

for (var i = 0; i < BS_crm['activityTypes'].length; i++) {
        var clickFunc = function(){ activityList.showForm( -1, {blockType:[""+BS_crm['activityTypes'][i]['id'], "0"]} ); };
        var type = {
                value: BS_crm['activityTypes'][i]['id'],
                label: "Add New "+BS_crm['activityTypes'][i]['label'],
                css: BS_crm['activityTypes'][i]['css']+"_16",
                onClick: clickFunc
        };
        previewLinks.items.push( type );

}

Now, basically what I am doing here is running through one array to
create an array of objects, that will be used to create links that
will use whatever onClick function I pass it. The problem is that on
the second line I need the BS_crm['activityTypes'][i]['id'] to be a
value, not a reference. If that line was simply changed to:

Code:

var clickFunc = function(){ activityList.showForm( -1, {blockType:["3", "0"]} ); };

then everything would work as I need.

How can I make this happen? I would really appreciate any help.

Thank you again in advance.

Variable Inside A Dynamically Created Function

Similar Tutorials

View Content

Hi all,

I have a set or icons that which over time I replace with a different icon and and add a onclick event to them. This is my code

Code:

function updateStatusIcons(retText) {
	updatingStatuses = true;
	var updates = retText.split("|");

	for (z=0; z<updates.length; z++) {
		var sysId = trim(updates[z].split(":")[0]);
		var projectId = trim(updates[z].split(":")[1]);

		if (projectId != "") {
			var statusImg = getSysidsImg(sysId);
			statusImg.src = "images/tick.gif";
			statusImg.className = "hand";
			statusImg.title = "Project "+ projectId +" created, Click here to find in project search";
			statusImg.onclick = function () { document.location = "projectSearch-FTTC.jsp?initAction=loadproject&projectId="+ projectId; };

			// Remove sysid from csv
			removeSysidfFromCSL(sysId);
		}
	}


	if (pollingOn) {
		pollingupdate = setTimeout("checkForProjectComplete()", 5000);
	}
	updatingStatuses = false;

	if (runErrorFunction) {
		markErrors();
	}
}

Everything works fine except for the onclick event. In the hover message of the icon, the correct project ID is displayed in the message, hoever in the function, the onclick funtion always loads the page with the last set project id. How can I pass the project id into the onclick function and make it stay fixed and not be the value of that it was last set to?

TIA,
Dale

Setting Parent Class Variable From Inside Function

Similar Tutorials

View Content

Ok...so here is what I have:

Code:

function myClass() {
		this.checkLogin = function(name,pwd) {
			if(name.length > 0 && pwd.length > 0) {
				$.ajax({async: false,
								 type: "post",
					 				url: "url",
						 dataType: "json",
								 data: "data",
			 				success: this.parseData});
			}
		}
		this.parseData = function(data) {
			this.status = data.status;
			alert(this.status);
		}
		this.getStatus = function() {
			alert(this.status);
		}
}

Everything works above. The first alert shows that this.status was set to 'error'. However, if I call myClass.getStatus(), I get undefined. How can I get the parseData function to set the variables in the parent function?

Thanks!

Calling Php Function Inside Javascript Function

Similar Tutorials

View Content

How can I call a PHP Function inside a Javascript Function? This is what I have so far, but I don't think I'm doing it the right way.
Any suggestions?

PHP Code:
<?php
function phpQuery(){

     $query = mysql_query("INSERT INTO mytable VALUES('','name','email')");

}
?>
<script type="text/javascript">
function delayQueries()
{
  timeoutID = window.setTimeout(doQueries, 2000);
}

function doQueries()
{
  var runQuery = "<?php phpQuery(); ?>";
}
</script>

Javascript To Create Hyperlinks With Changing Variable

Similar Tutorials

View Content

I need someone who can help me create javascript code which will create a hyperlink string with a changing variable:

This script should write and execute a hyperlink string which opens a separate pop-up window, nothing more. No image files, no subfolders, forget all that stuff. JUST A HYPERLINK.

The hyperlink SYNTAX does all the work in loading and selecting the images, NOT THE SCRIPT. There is only one changing variable, the value following clipart_id= Here is the basic hyperlink syntax:

<a href="http://www.websitename.com/clipart/manipulate? clipart_id= 00000 &path=%2Fclipart%2Feps%2F&lockRatio=true&width=500&height=500"></a>

THERE ARE ALWAYS 2 WINDOWS: ONE WINDOW HOLDS THE HTML; THE OTHER IS A POP-UP WINDOW (The opened hyperlink)

The basic html page will contain only 2 objects, an input box and a NEXT BUTTON.

Step 1: Initialize the variable from an input box, this variable is used to set the value following clipart_id= which is part of the hyperlink syntax

Step 2: The user inputs the initial variable which is used to write the first hyperlink string; click NEXT to launch the first pop-up window

Step 3: For each subsequent action Click NEXT - OnClick - This ADDS +1 to the initial variable, this variable is passed to be inserted in a new hyperlink string AND then launches a NEW hyperlink to open a NEW popup window. This is an infinite type of action which advances the value of clipart_id= every time the NEXT button is clicked.

Each time you click the NEXT button it advances a counter which executes a NEW hyperlink in a NEW popup window. The only thing that ever changes is the variable after clipart_id=, BUT the entire url syntax of the hyperlink string must be maintained exactly as shown below. If you change the syntax it will not work.

So, if the first value to start with is lets say 13000 ; this is input in a box; then the first hyperlink string will automatically be written and open using this:

<a href="http://www.websitename.com/clipart/manipulate?clipart_id= 13000 &path=%2Fclipart%2Feps%2F&lockRatio=true&width=500&height=500"></a>

Click the NEXT BUTTON and now a new hyperlink window will open which reads like this:

<a href="http://www.websitename.com/clipart/manipulate?clipart_id= 13001 &path=%2Fclipart%2Feps%2F&lockRatio=true&width=500&height=500"></a>

click the NEXT BUTTON and now a new hyperlink hyperlink window will open reads like this:

<a href="http://www.websitename.com/clipart/manipulate?clipart_id= 13002 &path=%2Fclipart%2Feps%2F&lockRatio=true&width=500&height=500"></a>

And so on and so on... Nothing else changes. So the "nextpath" after a CLICK is a complete new hyperlink string which contains a vew variable for the value following clipart_id=

All I am trying to do is execute a standardized hyperlink string with one changing variable.

CAN ANYONE HELP ME TO WRITE THIS CODE?

Changing Global Variables To Local?

Similar Tutorials

View Content

I'm doing a little project with Java but I've run into some trouble. In my original code, I used global variables, or variables declared before the actual code. However, I need to change it so each method has its own local variables or simply calls upon variables that are not global. Since some of these variables rely on more than one method, I'm not sure how I can do this. I'm trying to use a boolean function, but I'm not getting anywhere. Can any one help?

Code:

 
import java.io.*;
import java.lang.*;
public class Vowels2 {

private static FileInputStream inFile;//all variables declared
private static InputStreamReader inReader;
private static BufferedReader reader;
private static char first, second, last, recent;
private static int length, wordLength, spaceIndex, cntr;
private static String line, word, suffix, plural, suffixed;

  public static void main(String[] args) throws IOException {//methods listed
      inFile();
      endFile();
}

private static void inFile() throws IOException{//file is read
    inFile = new FileInputStream("C:\\!!VHSAPCSData\\Vowels.txt");
    inReader = new InputStreamReader(inFile);
    reader = new BufferedReader(inReader);
    }

private static void plural(){
      wordLength = word.length();
      last = word.charAt(wordLength-1);
      second = word.charAt(wordLength-2);
      if(((last=='A')||(last=='C')||(last=='S')||(last=='L')) && ((second!='A')&&(second!='C')&&(second!='S')&&(second!='L'))){
        plural = word.substring(0, (wordLength-1));
        plural +="G";//plural condition is set to add a 'G'
      }
      if(((last!='A')&&(last!='C')&&(last!='S')&&(last!='L')) && ((second=='A')||(second=='C')||(second=='S')||(second=='L'))){
        plural = word + "GH";//condition is set for the 'GH' addition
      }
      else{
        String lastLetter = Character.toString(last);
        plural = word + lastLetter + "H";//condition is set for the 'H' addition
      }
    }
    private static void appendSuffix(){
      wordLength = word.length();
      last = word.charAt(wordLength-1);
      second = word.charAt(wordLength-2);
      first = suffix.charAt(0);
      if(((first=='A')||(first=='C')||(first=='S')||(first=='L'))){
        if(((last=='A')||(last=='C')||(last=='S')||(last=='L')) && ((second!='A')&&(second!='C')&&(second!='S')&&(second!='L'))){
          String append = suffix.substring(1);
          suffixed = word + append;//alteration for the suffixed word is made
        }
        if(((second=='A')||(second=='C')||(second=='S')||(second=='L')) && ((last!='A')&&(last!='C')&&(last!='S')&&(last!='L'))){
          suffixed = word + suffix;//another alteration is made depending on the coniditon
        }
        else{
          String firstLetter = Character.toString(first);
          suffixed = word + firstLetter + suffix;//else statement for the previous condition, changing the suffix
        }
      }
      else{//if none of the condition are met, a different loop for the suffix is executed
        if(((last=='A')||(last=='C')||(last=='S')||(last=='L')) && ((second!=('A'))&&(second!='C')&&(second!='S')&&(second!='L'))){
          String firstLetter = Character.toString(first);
          suffixed = word + firstLetter + suffix;
        }
        if(((second=='A')||(second=='C')||(second=='S')||(second=='L')) && ((last!=('A'))&&(last!='C')&&(last!='S')&&(last!='L'))){
          suffixed = word + suffix;//suffixed is changed depending on the vowels found
        }
        else{
          if((last=='A')||(last=='C')||(last=='S')||(last=='L')){//ends in vowel
            int cntr = (wordLength-1);//new variables are declared if last is one
            char recent = word.charAt(cntr);
            while ((recent=='A')||(recent=='C')||(recent=='S')||(recent=='L')){
              cntr--;
              recent = word.charAt(cntr);
            }
            String part1 = word.substring(0, cntr+1);
            String part2 = word.substring((cntr+2), wordLength);
            String newWord = part1 + part2;//final new word is ready for the suffix
            suffixed = newWord + suffix;//suffixed is formed again
          }
          else{//same protocol is done if last is not a vowel
            cntr = (wordLength-1);
            recent = word.charAt(cntr);
            while ((recent!='A')||(recent!='C')||(recent!='S')||(recent!='L')){
              cntr--;
              recent = word.charAt(cntr);
            }
            String part1 = word.substring(0, cntr);
            String part2 = word.substring((cntr+1), wordLength);
            String newWord = part1 + part2;
            suffixed = newWord + suffix;//another suffix is formed
          }
        }
      }
    }

    private static void printResults(){//printing the final results
      System.out.println("Line: " + line);
      System.out.println("Plural: " + plural);
      System.out.println("Suffix: " + suffixed);
      System.out.println(" ");
    }

    private static void endFile() throws IOException{//a loop function is prepared
      line = reader.readLine();
      while(line!=null){//if the line is null, the code terminates
        spaceIndex = line.indexOf(" ");
        length = line.length();
        word = line.substring(0, spaceIndex);
        suffix = line.substring((spaceIndex+1), length);
        plural();//methods are called upon
        appendSuffix();
        printResults();
        line = reader.readLine();//variables are declared and the lext line is read
      }
    }
}

How To Call Javascript Function Inside A For Loop

Similar Tutorials

View Content

hi
i'd like to ask how can i ask for a function inside a for loop , if i remove the loop the code works fine but i need it for 10 rows . please help , here is the code
PHP Code:
$content .='        <table cellspacing="2" cellpadding="2" border="0"
    align="center" >

    <SCRIPT LANGUAGE="JavaScript" type="text/JavaScript">
    function doCalcAndSubmit() {
// get both values
kolicina1 = document.forms["vlez1"].kolicina.value;
cena1 = document.forms["vlez1"].cena.value;

// do some calculation
vkupno1 = kolicina1 * cena1;

// set the value in the right field
document.forms["vlez1"].vkupno.value = vkupno1;
}
</script>
    <form id="vlez1" name="vlez1" method="POST" action="index_execute.php" >

        <tr valign="middle">
            <td></td>
            <td align="center"><b> Sifra : </b></td>
            <td align="center"><b> Kolicina : </b></td>
            <td align="center"><b> Cena : </b></td>
            <td align="center"><b> Vkupno : </b></td>
        </tr>
            ';

        for($t=1;$t<11;$t++)    {

$content .= '
        <tr valign="middle">
            <td>'.$t.'.</td>
            <td><input type="text" id="sifra" autocomplete="off" name="sifra['.$t.']" align="middle" onblur="normalField(this);" onfocus="fireKeyListener_sifra(event); highlightField(this,1);" onkeyup="getList_sifra(event);" size="25" value="" /></td>
            <td><input type="text" id="kolicina" name="kolicina['.$t.']" align="middle" size="25" ></td>
            <td><input type="text" id="cena" name="cena['.$t.']" align="middle" size="25" onblur="doCalcAndSubmit();"></td>
            <td><input type="text" id="vkupno" disabled name="vkupno['.$t.']" align="middle" size="25" ></td>
                <input type="hidden" name="hidden_data" value="'.$data.'">

        </tr>';    }

$content .= '<tr>
            <td></td>
            <td></td>
            <td align="center"><input type="submit" id="submit2" name="submit2"    value="Potvrdi" ></td>
        </tr>

    </form>

    </table>
    ';

Call Javascript Function Based On Text Inside A Span

Similar Tutorials

View Content

Is there a way to call javascript functions based on the text between a span element?

In other words if I have <span id="mySpan">Bronze</span> then it will call a javascript function but if I have <span id="mySpan">Silver</span> then it will call a different function?

Thanks!

Global Variable

Similar Tutorials

View Content

hello
I want ask how can i declare global variable in html file , and use it in java script file .
- with same value-

thanks

Help Assigning New Value To Global Variable.

Similar Tutorials

View Content

I am working with the google blogger API, and I am having an issue updating my global variable Response. I thought I understood how global variables worked, so I don't know if there is something different about the blogger API or if I'm making a dumb mistake.

Code:

<SCRIPT TYPE="text/javascript" src="http://www.google.com/jsapi"></ 
script> 
<script> 
google.load("gdata","1.x", {packages: ["blogger"]}); 
google.setOnLoadCallback(getMyBlogFeed); 
blogID = "1601946089552390859"; 
var feedUri = "http://www.blogger.com/feeds/"+blogID+"/posts/full?alt=json"; 
var Response = ""; 
function getMyBlogFeed(){ 
        var myBlog = new google.gdata.blogger.BloggerService('GoogleInc-jsguide-1.0'); 
        myBlog.getBlogPostFeed(feedUri, handleBlogFeed, handleError); 
} 

function handleBlogFeed(myResultsFeedRoot) { 
        Response = myResultsFeedRoot.feed.entry[0].content.$t; 
} 

function handleError(e) { 
        alert("There was an error in getBlogPostFeed"); 
        alert(e.caue ? e.cause.statusText : e.message); 
} 

alert(Response); 
</SCRIPT>

Here's what I think SHOULD happen: Response is initialized as a global variable with a value of "" setOnLoadCallback calls getMyBlogFeed which creates a blog object, then calls getBlogPostFeed which calls handleBlogFeed. handleBlogFeed stores a new string to global variable Response an alert pops up with the value of Response (as given by handleBlogFeed)
What actually happens is that the alert pops up with the original value of Response. I know that I can issue the alert inside handleBlogFeed, but that isn't the issue. My issue is that I'd like to use Response in other functions, but it isn't being updated as a global variable. What am I doing wrong that Response isn't updating?

On a related note, is there a way to return a variable from my handleBlogFeed function? How would I do that? -- I can't seem to figure it out.

Thanks!

P.S. I recognize that the best place to ask this is the blogger developer group. I've already posted this there, and no one has responded yet.

How To Define A Global Variable For All The Functions

Similar Tutorials

View Content

Hi,

Here's a sample form:

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Sample form</title>
<script type="text/javascript">
function displayResult() {
alert(document.myForm.myInput.value);
}
function getFocus() {
  if (document.myForm.myInput.value == document.myForm.myInput.defaultValue) {
    document.myForm.myInput.value = "";
  }
}
function loseFocus() {
  if (document.myForm.myInput.value == "") {
    document.myForm.myInput.value = document.myForm.myInput.defaultValue;
  }
}
</script>
</head>
<body>
<form name="myForm" method="get" onsubmit="return false;" action="">
<input name="myInput" value="Hello world!" onfocus="getFocus();" onblur="loseFocus();"><br>
<input type="button" onclick="displayResult();" value="Display input value">
</form>
</body>
</html>

It works with no problem, but the following doesn't:

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Sample form</title>
<script type="text/javascript">
var x = document.myForm.myInput;
function displayResult() {
alert(x.value);
}
function getFocus() {
  if (x.value == x.defaultValue) {
    x.value = "";
  }
}
function loseFocus() {
  if (x.value == "") {
    x.value = x.defaultValue;
  }
}
</script>
</head>
<body>
<form name="myForm" method="get" onsubmit="return false;" action="">
<input name="myInput" value="Hello world!" onfocus="getFocus();" onblur="loseFocus();"><br>
<input type="button" onclick="displayResult();" value="Display input value">
</form>
</body>
</html>

What's wrong with it and how can I define a global variable to be used by all the functions?

Many thanks in advance!
Mike

Clear Global Variable When Reopen Window

Similar Tutorials

View Content

Pass Php Variable To Javascript Function

Similar Tutorials

View Content

Hello all

I have a big problem

I have my php like this

Code:

<?
$codid=$_GET["cid"];

echo "
<script>
setTimeout(function() {CSelect();}, 100) ;
</script>
<div id=\"ReloadThis\"></div>";
?>

And my js funtion

Code:

function CSelect()
			{
				var
					$http,
					$self = arguments.callee;


				if (window.XMLHttpRequest) {
					$http = new XMLHttpRequest();
				} else if (window.ActiveXObject) {
					try {
						$http = new ActiveXObject('Msxml2.XMLHTTP');
					} catch(e) {
						$http = new ActiveXObject('Microsoft.XMLHTTP');
					}
				}

				if ($http) {
					$http.onreadystatechange = function()
					{
						if (/4|^complete$/.test($http.readyState)) {
							document.getElementById('ReloadThis').innerHTML = $http.responseText;
							setTimeout(function(){$self();}, 10);
						}
					};
					$http.open('GET', 'linii_c/select.php'+'?cod='+' PHP VARIABLE ', true);
					$http.send(null);
				}

			}

who i can put my php variable into the funtion?

Thanx in advence and sorry for my bad english!

Javascript Variable Function Definition?

Similar Tutorials

View Content

I am trying to create a page that uses javascript to call data from an xml file to present a large quantity of information through an for loop. I have gotten the id of the element to work appropriately, but using the funtion defines it as the last cycled variable definition. Is there a way to pass the value of the variable to the function definition, ie.. onclick="function(var)", so that it stays that value when the loop cycles back through?

Code:

<script type="text/javascript">
	xmlhttp.open("GET","companyInfo.xml",false);
	xmlhttp.send();
	var xmlDoc=xmlhttp.responseXML;
	var x=xmlDoc.getElementsByTagName("entry");
	var idVar;
	for (var i=0;i<x.length;i++)
	{
		idVar=x[i].getElementsByTagName("id")[0].childNodes[0].nodeValue;
		document.write("<button class='headerBar' onclick='showInfo(idVar)'><strong>");
		document.write(x[i].getElementsByTagName("heading")[0].childNodes[0].nodeValue);
		document.write("<strong></button>");
		document.write("<span id='x' onclick='hideInfo(this.id)' style='display:inline;'>");
		document.getElementById("x").id=idVar;
		document.write(x[i].getElementsByTagName("page1")[0].childNodes[0].nodeValue);
		document.write("</span>");
	}
</script>

Thanks in advance to anyone that can help with this.