JavaScript - Pass Dynamic Text From Html In Javascript To Php?

Here is my code


<script language="javascript" type="text/javascript">
function revealModal(divID)
{

window.onscroll = function () { document.getElementById(divID).style.top = document.body.scrollTop; };
document.getElementById(divID).style.display = "block";
document.getElementById(divID).style.top = document.body.scrollTop;

}

function hideModal(divID)
{
document.getElementById(divID).style.display = "none";
}
</script>


<div id="modalPage3">
<div class="modalBackground"></div>
<div class="modalContainer">
<div class="modal53">
<div class="modalTop"><a href="javascript:hideModal('modalPage3')">[X]</a></div>
<div class="modalBody">
<?php echo 'value='.$_SERVER['value'];


?>
<h3><center>Choose from the options below</center></h3>
<center><div id="stylized" class="myform">

<a href="javascript:hideModal('modalPage3');javascript:revealModal('modalPage1')" tabindex="2" title="Remove UPCAT Passer"><img src="images/photo_remove.png" /></a>&nbsp;&nbsp;
<a href="javascript:hideModal('modalPage3');javascript:revealModal('modalPage2')" tabindex="4" title="Edit UPCAT Passer"><img src="images/photo_edit.png" /></a>&nbsp;&nbsp;
<a href="javascript:hideModal('modalPage3');javascript:revealModal('modalPage4')" tabindex="4" title="Change Status of UPCAT Passer"><img src="images/photo_up.png" /></a>
</div></center>
</div>
</div>
</div>
</div>


<a href=javascript:revealModal('modalPage3');>
<img src=images/option.jpg /></a>

my problem is this one..how can I pass a value example value=3 to be like
href= index.php?value=3..PLEASE HELP!!!

hi


in javascript section there is a variable namesd first is available. i want to pass the value of this variable in a php variable.

how can i do this..

Hi guys,

Let me explain simply what I do and what I'm trying to achieve:

I got a couple of comboboxes were the user selects a series of numbers. Once a selection is made, the value is appended to an input box. The idea is that the appended values form a telephone number, or at least part of one, that will then be used to search trough a database to look for a matching number.

The code below is what I have done so far:

Code:

<script type="text/javascript">
function displayIndicatif(){
	var sel = document.getElementById("indicatif");
	var text = sel.options[sel.selectedIndex].value;
        var out = document.getElementById("blabla");
	out.value += text+"\n";
		}

function displayBloc(){
	var sel1 = document.getElementById("bloc");
	var text1 = sel1.options[sel1.selectedIndex].value;
	var out1 = document.getElementById("blabla");
	out1.value += text1+"\n";
}
</script>

[...]

<input type="text" id="blabla"/>

[..]

<select id="indicatif" onChange="displayIndicatif();">
	<option value="021">021</option>
        <option value="022">022</option>
	<option value="031">031</option>
</select>

<select id="bloc" onChange="displayBloc();">
	<option value="555" class="021">555</option>
	<option value="666" class="021">666</option>
	<option value="777" class="021">777</option>
</select>

Basically what happens now is this:

combobox indicatif: 021 | 022 | 031
combobox bloc: 555 | 666 | 777

If I select "021" from indicatif, the script will append 021 to the input "blabla". The problem is, if I now select "022", the input will show "021022" instead of replacing the 021 with 022.

What I would like is that, for each combobox, the script replaces the selected value with the new one instead of simply appending it, like instead of say 021022555666 it would show 021555 or 022666 or 021666 depending on what is selected...you get the idea?

Is this doable? Needless to say I'm a total noob at javascript...I adapted the code I got now from some other guy who was trying to achieve almost the same thing and adapted it to my needs, or least, tried to, but now I'm stuck.

Any help is appreciated!

Thanks

I'm trying to echo a php variable to my javascript function but nothing is happening

Basically this php page displays bunch of records with a radio button next to each record. So when the radio button is clicked it would open that record in a new window that is clicked.

Code:

<input type='radio' name='option' value='$ctr' id='$ctr' onClick="edit_record('<?php echo $ctr ?>')">

<script type="text/javascript">
function edit_record(){
   var value = arguements[0];
   alert("record id: " + value);
   window.open("Edit.php", "Edit Record", "status=1, height=400, width=900, resizable=0");
}

Hey there,

I'm using the service from Maxmind to get user's postal code, what I wanna do is pass the value to the next page using GET function.. I am quite new to PHP, however I think I should name the variable first and call it on the next page right? But it doesn't seem to work.

Any help is much appreciated!
Thanks!

Basically I am trying to retrieve my image path data from mysql to my variable created in my javascript. This is the code I m using.
<?php
$result = mysql_query("SELECT * FROM Shop");

while($row = mysql_fetch_array($result))
{
$shopName[] = $row['ShopName'];
$shopLogo[] = $row['ShopLogo'];
$shopDescription[] = $row['ShopDescription'];

$totalShops = count($shopName);
}

for($i=0; $i<totalShops; $i++){
echo "<script type='text/javascript'>";
echo "var logos = new Array();"
echo "</SCRIPT>";
}
?>

However, I cant solve the for loop part. I wanted to pass each and every data retrieved from mysql query into the array created in javascript part inside the for loop. Can anyone teach me how to do that?

Thanks.

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!!!

Hello Guys,

I need some help here..

I have a page that has a grid on it and I have a hidden div(below the grid). When the link is clicked inside the grid it opens the hidden div using the following code for the link in the grid.

Here is my code with the PHP id that I need to pass

PHP Code:
foreach($ct->data as $key => $value){
   $ct->data[$key][3]='<a href=#" onclick="part2('.$ct->data[$key][0].');" href="javascript:void();">'.$ct->data[$key][3].'</a>'; 


Here is the code in my head
Code:

<script type="text/javascript">
function part2(id) {
var part2 = document.getElementById('part2');
   if ( part2.className == 'hidden' ) {
      part2.className = 'visible';
      document.getElementById('message').InnerHTML = 'This is the ID: '+id
   } else {
      part2.className = 'hidden';
   }
}
</script>

Added this to my hidden div to show the id
Code:

<span id=message></span>

Any help would be appreciated..

Thanks, Dan

I have an array that has user accounts and need to pass it to another page. How can i do this? My teacher said we can only use html and javascript.

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!

I'm working on a site with someone else and they would like the username to be entered in a form on a page, then passed to a second page that says 'Welcome [username]'. I am aware of how to do this using var prompts on the SAME page, but what about different pages. I'd also like to know how secure this is? The name is being used in a page (i.e. login.php) and passed to another page (i.e. welcome.html). The person has requested Javascript. How could this be done? If there is a better way to do so, what is it?

I have a php script which dynamically creates a table containing text boxes with variable names. Example:
Code:

echo '<td align="center" bgcolor="'.$bgcolor.'"><input type="text" name="payable_'.$key.'" id="payable_'.$key.'" value="'.$payable.'" size="3" maxlength="4" /></td> ';

In the above instance the text box name might be 'payable_23323'.

I need to code an onKeyUp event which sends the text box name to a function, and in that function I need to retrieve the text box name and the string after 'payable_' together with the value the user has input into the text box.

Any help is greatly appreciated . . . I have been Googling this for hours to no avail - probably because I don't know what to search for . . .

Thanks

hi guys!
i have a problem in passing the variable to function ,the variable which is used in<td> as table data.
Code:

 
<td onmouseover="todayevent(somevarible);" onmouseout="hideevent(somevarible);" >' + somevarible+ '</td>

i want to pass somevariable by function todayevent(). how can i do this.
plz help me someone.

Hi all,

I'm slowly learning javascript, but this one is beyond me.

Basically, I need some javascript code that will produce a hash when the user inputs something into a text box.

So, the user inputs a string into a text field.

Before the hash is produced, javascript takes this string, and adds a SPECIFIC (obviously I need to specify this) string to the end of the user entered string. So the string that is passed through the md5 generator is USER STRING+SPECIFIC STRING. This will then obviously produce a hash string.

What I then need to do, is take this hash string, along with the USER STRING (that was input by the user) and adds both these strings into a url.

Basically, I'm wanting to produce a url which looks something like this

http://www.examplesite.com/ 'USERSTRING' & 'Generated Hash String'.html

I've spent days upon days researching this...but its beyond my capabilities at the moment.

Here's something that I tested without the PHP and it worked ok. Now that I've introduced the PHP to the document it doesn't work.

The PHP variable is not passing to Javascript properly. By use of some cleverly placed alert boxes, I figured out that the only thing that is getting passed forward is something called : "object HTML ImageElement"

Specifically, I assign the element ID the unique ID number of the record in the SQL database. The problem isn't with the ID numbers themselves: They are alphanumeric and unique.

I think it boils down to one of two lines of code. Either this isn't working (about line 12)

Code:

function expander(RecordID){

or perhaps it is when I am calling the function (about line 66):

Code:

echo "<img id='".$row['IDNumber']."' src=".$row['ImagePath']." width='5%' onMouseOver='expander(".$row['IDNumber'].");' onMouseOut='shrinker(".$row['IDNumber'].");'>";}

The PHP works (I can get the images to appear, so the connection to SQL and such isn't a problem). I am sure most of the JavaScript is good, too, as I said I had it all working prior to dropping in the PHP.

Since I am not going from JavaScript to PHP I don't think I need AJAX. I just need the PHP to pass to JavaScript.

Any ideas?

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="class.css" />
<script type = "text/javascript" language="javascript">
//<![CDATA[
var maxheight = 150;

var countShrink = 1;
function expander(RecordID){	
	var countGrow = 1;
		var pic = document.getElementById(RecordID);
		if(pic){
			var imageh = pic.height;
			var imagew = pic.width;

	if(imageh<100){
	countGrow++;
	imageh = imageh*1.2;
	imagew = imagew*1.2;
	pic.style.height = imageh + "px";
	pic.style.width = imagew + "px";
	var timer = window.setTimeout(function(){expander(RecordID);},2);}
	}
		else
			{alert("error on");}


}

function shrinker(RecordID){
			var pic = document.getElementById(RecordID);
		if(pic){var counter = 1
			var imageh = pic.height;
			var imagew = pic.width;

	if(imageh>20){
	imageh = imageh/1.2;
	imagew = imagew/1.2;
	pic.style.height = imageh + "px";
	pic.style.width = imagew + "px";
	var timer = window.setTimeout(function(){shrinker(RecordID);},3);}
	}
		else
			{alert("error off");}

	}
	
//]]>
</script>
</head>
<body>
<?php
include('menuSub.html');
require_once('connect.php');
$idnum = 'phmdv06tbu';
//$q="SELECT * FROM art WHERE IDNumber = '".$idnum."'";
$q="SELECT * FROM art ORDER BY IDNumber LIMIT 4";
$r = @mysqli_query ($dbc, $q);

echo "<div class='bodyContent'><div class='imageContent'>";
if($r){
	while ($row = mysqli_fetch_array($r,MYSQLI_ASSOC)){
echo "<img id='".$row['IDNumber']."' src=".$row['ImagePath']." width='5%' onMouseOver='expander(".$row['IDNumber'].");' onMouseOut='shrinker(".$row['IDNumber'].");'>";}
}
else{
echo '<div class="bodyContent"> Error<div>';
}
echo "</div></div>";
mysqli_close($dbc); ?>
</body>
</html>