JavaScript - Pass Variable From One Page To Another

Hi!!
I am trying to find out solution for this since long.
I tried js but as I am not good with it, I just want to do this through PHP.

I am adding dynamic rows when user clicks the Add Row button.I want to show the calculated amount like:
line_total=qty*unit_price;

PHP Code:
if (isset($_POST['qty']) && sizeof($_POST['qty']) > 0)  {

    for($i = 0, $maxi = count($_POST['qty']); $i < $maxi; $i++)  {

        $quantity    = (isset($_POST['qty'][$i]) && !empty($_POST['qty'][$i])) ? mysql_real_escape_string($_POST['qty'][$i]) : 0;

        $description = (isset($_POST['description'][$i]) && !empty($_POST['description'][$i])) ? mysql_real_escape_string($_POST['description'][$i]) : 0;

        $unit_price  = (isset($_POST['unit_price'][$i]) && !empty($_POST['unit_price'][$i])) ? mysql_real_escape_string($_POST['unit_price'][$i]) : 0;

        $line_total  = (isset($_POST['line_total'][$i]) && !empty($_POST['line_total'][$i])) ? mysql_real_escape_string($_POST['line_total'][$i]) : 0;

        ?>

        <?php   $myvar=$quantity*$unit_price;   ?>



    <script type="text/javascript">

        jsvar = <?php echo $myvar; ?>;

        document.write(jsvar);  // Test to see if its prints array:

                    </script>

    }        

}

This code works very well and displays the values.But if I use it in the function like;

PHP Code:
function line(elem) {

jsvar = <?php echo $myvar; ?>;



document.getElementById("line_total").value = jsvar;

        }

And call it:

PHP Code:
<input type="text" name="line_total[]" id="line_total" onBlur="return line(this)"> 


It is not showing the result. Kindly guide me where I am going wrong?
This is my function to add rows:

PHP Code:
<script type="text/javascript">



function addRow(tableID) 



{



            var table = document.getElementById(tableID);



            var rowCount = table.rows.length;



            if(rowCount<3)



                {



                var row = table.insertRow(rowCount);



                var colCount = table.rows[0].cells.length;



                for(var i=0; i<colCount; i++)



                          {



                        var newcell = row.insertCell(i);



                        newcell.innerHTML = table.rows[0].cells[i].innerHTML;



                        //alert(newcell.childNodes);



                            switch(newcell.childNodes[0].type) 



                            {



                            case "text":



                                newcell.childNodes[0].value = "";



                            break;



                            case "checkbox":



                                newcell.childNodes[0].checked = false;



                            break;



                            case "select-one":



                                newcell.childNodes[0].selectedIndex = 0;



                            break;



                            }



                        }



                }







        else 



        {



        alert("Maximum Limit Of 3 Rows Reached");



        }



}
</script> 


Please help me

Hi all,

I need to pass a variable to an inner function and I got it to work but:

(1) I don't know why it works
(2) I don't know if it's right or optimal

So, please look and comment:

Code:

            for (var h = 1.0; h <= 3.0; h += 0.5) {
                ed.settings.formats['spacing' + String(h.toFixed(1))] = {
                    'block' : 'p',
                    'styles' : {
                        'marginBottom' : String((h - 1).toFixed(1)) + 'em'
                    }
                }
                h = (function (h) {
                    c.onRenderMenu.add(function (c, m) {
                        m.add({
                            'title': String(h.toFixed(1)),
                            'caption' : 'Set the line spacing to ' + String(h.toFixed(1)),
                            'onclick': function () {
                                ed.formatter.apply('spacing' + this.title);
                                return false;
                            }
                        }).setDisabled(false);
                    });
                    return h;
                })(h);
            };

You can ignore a lot of the code as it doesn't factor into the question... and I know that re-ordering the code can eliminate my problem (but I can't re-order it because defining the formats MUST come before "renderMenu" or else it doesn't work - and I don't want to use two loops - one to define the formats and another to define the menu).

The part that's freaking me out is this:

Code:

                h = (function (h) {
                    c.onRenderMenu.add(function (c, m) {
                        m.add({
                            'title': String(h.toFixed(1)),
                            'caption' : 'Set the line spacing to ' + String(h.toFixed(1)),
                            'onclick': function () {
                                ed.formatter.apply('spacing' + this.title);
                                return false;
                            }
                        }).setDisabled(false);
                    });
                    return h;
                })(h);

See the strange things I have to do to get h inside of c.onRenderMenu.add()?

Is this right? Can I do it any "better" or more correctly?

Thanks!

-- Roger

I've avoided cookies for 12 years. I made my first cookie today:
Code:

<p><a href="projects.html" onclick="document.cookie='whichPic=8'">Set Cookie</a></p>

I have an external javascript sheet with an array of images w/text and the following code:

Code:

var current = 0;

function update() {
	var pic = slides[current];
	document.getElementById('proj_title').innerHTML = pic.title;
	document.getElementById('proj_image').src = "images/slides/" + pic.image;
	document.getElementById('proj_location').innerHTML = "<span>Location:</span> " + pic.location;
	document.getElementById('proj_operation').innerHTML = "<span>Commercial Operation:</span> " + pic.commercial_operation;
	document.getElementById('counter').innerHTML = (current + 1) + " of " + slides.length;
	
	if(pic.link) {
		document.getElementById('proj_link').style.display = "block";
		document.getElementById('proj_href').href = pic.link;
	} else {
		document.getElementById('proj_link').style.display = "none";		
	}
}

When the user clicks the link, it should open the page to the slideshow and it should start on slide[8]. I think what I need to do is pass the value of the cookie to the variable "current", but I don't know how to do that. Also, I only need the cookie to last long enough for the new page to load (about 20 seconds), but all of the cookie scripts I've found set expiration in days.

Any guidance would be appreciated.

I'm trying to overcome one feat, and I've just ran the course of my little knowledge of javascript. Here is the code that concerns us.

Code:

function loadXMLDoc()
{
if (window.XMLHttpRequest)
  {// code for IE7+, Firefox, Chrome, Opera, Safari
  xmlhttp=new XMLHttpRequest();
  }
else
  {// code for IE6, IE5
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
xmlhttp.onreadystatechange=function()
  {
  if (xmlhttp.readyState==4 && xmlhttp.status==200)
    {
    populateParentWindow(xmlhttp.responseText);
    }
  }
xmlhttp.open("GET","https://www.syncupsolutions.net/currentdirectory-<?php echo $_COOKIE['User'] ?>.txt",true);
xmlhttp.send();
}
function populateParentWindow(Directory) {

		 
     $("#FTPContents").load('functions/testftp.php?HASH=' + Get_Cookie("ftphash") + "&reload=" + Directory) ;
	 };
$(function(){	
	 
	$('#swfupload-control').swfupload({
		upload_url: 'functions/upload-file.php?UID=' + Get_Cookie("User"),
		file_post_name: 'uploadfile',
		file_size_limit : "10000",
		file_types : "*.*",
		file_types_description : "All Files",
		file_upload_limit : 5,
		flash_url : "functions/js/swfupload/swfupload.swf",
		button_image_url : 'functions/js/swfupload/wdp_buttons_upload_114x29.png',
		button_width : 114,
		button_height : 29,
		button_placeholder : $('#button')[0],
		debug: false
	})
		.bind('fileQueued', function(event, file){
			var listitem='<li id="'+file.id+'" >'+
				'File: <em>'+file.name+'</em> ('+Math.round(file.size/1024)+' KB) <span class="progressvalue" ></span>'+
				'<div class="progressbar" ><div class="progress" ></div></div>'+
				'<p class="status" >Pending</p>'+
				'<span class="cancel" >&nbsp;</span>'+
				'</li>';
			$('#log').append(listitem);
			$('li#'+file.id+' .cancel').bind('click', function(){
				var swfu = $.swfupload.getInstance('#swfupload-control');
				swfu.cancelUpload(file.id);
				$('li#'+file.id).slideUp('fast');
			});
			// start the upload since it's queued
			$(this).swfupload('startUpload');
		})
		.bind('fileQueueError', function(event, file, errorCode, message){
			alert('Size of the file '+file.name+' is greater than limit');
		})
		.bind('fileDialogComplete', function(event, numFilesSelected, numFilesQueued){
			$('#queuestatus').text('Files Selected: '+numFilesSelected+' / Queued Files: '+numFilesQueued);
		})
		.bind('uploadStart', function(event, file){
			$('#log li#'+file.id).find('p.status').text('Uploading...');
			$('#log li#'+file.id).find('span.progressvalue').text('0%');
			$('#log li#'+file.id).find('span.cancel').show();
		})
		.bind('uploadProgress', function(event, file, bytesLoaded){
			//Show Progress
			var percentage=Math.round((bytesLoaded/file.size)*100);
			$('#log li#'+file.id).find('div.progress').css('width', percentage+'%');
			$('#log li#'+file.id).find('span.progressvalue').text(percentage+'%');
		})
		.bind('uploadSuccess', function(event, file, serverData){
			var item=$('#log li#'+file.id);
			item.find('div.progress').css('width', '100%');
			item.find('span.progressvalue').text('100%');
			var pathtofile='<a href="uploads/'+file.name+'" rel="nofollow" target="_blank" >view &raquo;</a>';
			item.addClass('success').find('p.status').html('Done!!! | '+pathtofile);
		})
		.bind('uploadComplete', function(event, file){
			// upload has completed, try the next one in the queue
			$(this).swfupload('startUpload');
			loadXMLDoc();
			
		})

You'll notice at the beginning, the functino loadXMLDoc.

This function GETS the contents of a text file, which is the path to the directory the user is browsing.

The next function is populateParentWindow. This is the function that dynamically updates the div that displays the files and folders of the current directory so they can see their file has been uploaded.

Scroll down a little further and you'll see my problem.

Code:

$(function(){	
	 
	$('#swfupload-control').swfupload({
		upload_url: 'functions/upload-file.php?UID=' + Get_Cookie("User"),

At the bottom of the above line, the :
upload_url, I need it to contain the contents of the text file also, but in a POST value, like the UID, something like, directory=thedirectory.

But, when I try
Code:

$(function(){	
	 
	$('#swfupload-control').swfupload({
		upload_url: 'functions/upload-file.php?UID=' + Get_Cookie("User") + "&directory=" + xmlhttp.responseText,

It gives me an undefined, right off the bat before any uploading, or anything at all takes place. I'm guessing this is because this value is set on page load, and not before the actual upload actually happens.

Does anyone have any ideas how I can set this value when the upload begins with the variable from the text file ? Keep in mind it has to be inside the function it's in now or it wont work.

Note that the loadXMLDocument function isn't called until the upload is complete, the .bind at the bottom of the page.

I've tried pulling it from the text file several ways, setting the document.title to the current directory and calling it in the function, it just always seems a step behind me or undefined. Any ideas ?

i am trying to pass the a variable "oneone" from a select box to a php page via java script. this is my html

Code:

<div id="wrapper">
<div id="content">
<form>
Select a Customer:
<select id="oneone" name="oneone" value="">
<option value="s_last">last</option>
<option value="s_first ">first</option>
<option value="c_city">cirty</option>
</select>
</form>

<div>
<form method="get" action="" class="asholder">
	<small style="float:right">Hidden ID Field: <input type="text" id="testid" value="" style="font-size: 10px; width: 20px;" disabled="disabled" /></small>
	<label for="testinput">Person</label>
	<input style="width: 200px" type="text" id="testinput" value="" /> 
	<input type="submit" value="submit" />
</form>
</div>
</div>

this is my javascript

Code:

<script type="text/javascript">


	var options = {
		script:"test.php?json=true&limit=6&",
		varname:"input",
		json:true,
		shownoresults:false,
		maxresults:6,
		callback: function (obj) { document.getElementById('testid').value = obj.id; }
			};
	
	var as_json = new bsn.AutoSuggest('testinput', options);
	
		var optionsa = {
		script:"test.php?",
		varname:"one",
		json:false
		};
	var as_jsona = new bsn.AutoSuggest('oneone', optionsa);
</script>

and the little part of my php
Code:

$input =$_GET['input'];
$q =$_GET["one"];

can someone PLEASE tell my why i cant get this to work!!!