JavaScript - How To Pass Textbox Name To Function In Javascript

Good day all:

I want to get the value of a textbox into php without clicking the submit button. Any advice... Here is what I have
My form field:

Code:

#1
<input type="text" style=background:transparent; border:0px; name='clientid' >

This field is populated dynamically by its name with another php script in this way
Code:

#2
    echo "formObj.clientid.value = '".toSafeString($inf["clientID"])."';\n";

Now I want to take the value in code#1 (name='clientid') and pass it to a php code that is in the same file as the form. Here is the php code
PHP Code:
<?php
 $name=$_POST['name'];//this is where the value of the text box mentioned is defined
include 'datalogin.php';

error_reporting(0);
error_reporting(E_ERROR | E_WARNING | E_PARSE);
//test
//get image details 
$uploaddir = "images/clientsimages/";

$get_data = "SELECT i.uploadedfile, i.clientid " . " FROM images AS i, ajax_client AS a " . " WHERE i.clientid = a.clientID " . " AND a.clientID = $name";

$get_data_res = mysql_query($get_data) or die(mysql_error() . '<br>sql : '.$get_data); 

if (mysql_num_rows($get_data_res) > 0) 
{ 
    while ($get_data_info = mysql_fetch_array($get_data_res)) 
    { 
        $uploadedfile = $uploaddir . $get_data_info["uploadedfile"]; 

        
    }
}

?>

I know this may require js, but I appreciate any help!

Hello. I've been teaching myself HTML and CSS for a while, and now I've moved into the world of Javascript (but I'm still very much a beginner). For practice, I've been building a sample sign up form for a mock website, and I'm having problems with the birthdate section. The idea I had was to have MM, DD, and YYYY be the default values of my 3 textboxes (as an example for users), then set the value to nothing when the box gained focus. That all works fine, but I ran into problems when I tried to write an if statement to set the value back to MM, DD, or YYYY if the value was still nothing when the user clicked away. As it is now it just replaces the text inputted into the textbox (which of course is not good). Any ideas for what the problem might be?

Code:

<form name="signup" action="javascript:void(0);" method="post">

<table>
	<tr>
		<td>Date Of Birth:</td>
		<td>
		<input name="DOBmonth" type="text" value="MM" size="2" style="color: #555555;" onFocus="clearDOBmonth()" onBlur="restoreDOBmonth()" />
		<input name="DOBday" type="text" value="DD" size="2" style="color: #555555;" onFocus="clearDOBday()" />
		<input name="DOByear" type="text" value="YYYY" size="4" style="color: #555555;" onFocus="clearDOByear()" /></td>
	</tr>
	<tr>
		<td></td>
		<td><button name="Submit" type="submit" style="font-size: 1em;">Sign Up</button></td>
	</tr>
</table>
</form>

<script type="text/javascript" language="javascript">
<!--
	document.signup.DOBmonth.value="MM";
	document.signup.DOBday.value="DD";
	document.signup.DOByear.value="YYYY";

function clearDOBmonth() { document.signup.DOBmonth.value="";}
function clearDOBday() { document.signup.DOBday.value="";}
function clearDOByear() { document.signup.DOByear.value="";}
function restoreDOBmonth()
	{
		if ('document.signup.DOBmonth.value = ""')
			{
				document.signup.DOBmonth.value = "MM";
				// alert(document.signup.DOBmonth.value);
			}
	}

//-->
</script>

Another side question, if I set a variable equal to the value of a textbox, then change the value of the variable, does that also change the value of the textbox? or is the variable no longer associated with the textbox. Example: Code:

var a = document.form.textbox.value;
a = blue;

does document.form.textbox.value = blue? or is var a now completely independent of the textbox value? Thanks!

Hello again!

Is there any way to pass a function(with its parameters) to another function using a parameter?

Examples:
Here is how I do it now:
PHP Code:
function output(text){
    alert(text);
}

function bla(text, func){
    output(text);
}
bla("Text is here", output) //Outputs "Text is here" 


I only want to pass the function to bla() as a parameter.
I need something like this:
PHP Code:
function output(text){
    alert(text);
}

function bla(func){
    output();
}
bla(output("Text is here")) //Outputs "Text is here" 


Is this possible in some way?

Thanks in advance.

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

Hi all
I'm adding buttons to my google map through a loop. I pass some parameters, and the addButtons() function creates the buttons. How can I pass the "task" for the button to the function? In the addDomListener line below, I'm now writing the function name literally, I'd like find a way with a parameter.
Thank you..

Code:

// The loop...
for (i=0;i<=4;i++)   {
        oCC = addButtons(aCtrls[i],'btnContainerChild');
        ...
        }

// The function...
function addButtons(cButtonID,cClassName) {
        var oButton = document.createElement('DIV');
        oButton.className=cClassName;
        oButton.id=cButtonID;
        //... other settings here...

// ===> Here, I'd like to set the click function through a parameter
        google.maps.event.addDomListener(oButton, 'click', function()
{gmapSetCenter(defaultCenter)});

hello, only just starting using javascript, so question may not make sense but il try anyway.

if i group some javascript into a function that returns false; how could i carry that 'false' out of the function so it can be used outside the function.


the example below shows the validate function checks for a condition then returns false if it is met. i want this false to then be passed out of the function to then throw an error in its containing function. (goal to prevent the submitting of a form)




if (checBox =="1"){

validate();

}

function proceed();





function validate()

{
if (chilD1.value >70) { alert("Please enter your Childs correct Age");
return false; chilD1.focus();
}
}




i dont want the proceed function to be called, so how can the other function prevent this.
Now i realise that the validate function could be incorporated into the top level function but, my form will eventually be quite large with a multiplitude of fields so i need to know how i can call back to functions and use them as objects insteasd of repeating lots of code.

Hope you can help
thanks.

How to: pass local variable from <head> JS function to <body> textarea

I have a JS function in the head that calculates a variable. the function is triggered by the vevent of a button click. when calculation is done, how is it sent back to the page and placed in a textarea or textbox....??

/Beginner issues :/

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

I'm using a geolocator service to find the zipcode of a web page visitor using the code below. This will be used to serve up ads to the visitor based on their zip code. The question is, how do I pass the zip code value from the script into an ASP variable, such as a cookie or session object?

<script language="JavaScript" src="http://www.iplocationtools.com/iplocationtools.js?key=my_site_key"></script>
<script language="JavaScript">
<!--
document.write(ip2location_zip_code());
//-->
</script>

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

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");
}

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

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.