Post not able to capture value in Chrome and Firefox.

**newtomysql** · Jun 17, 2011 11:53

Dear Paul,
I have further extended your code so that I can submit the form as below.The fortunate part now when I post it is ok in both firefox and IE. Immediately below is also my fully getMaster function can see both are identical.

<?php
session_start();

if($_POST['submit'])
{
echo "Master ID:".$_POST['masterID'];
}
?>
<html>

<body>
<form action="<?=$_SERVER['PHP_SELF']?>" method="post" name="form1" id=form1 >
<table id="myTable">
<tr id="row0"></tr>
<tr id="row1"></tr>

</table>
<input class="buttons" type="Submit" name="submit" value="submit" >
</form>
<script>
var xmlhttp =
{
responseText: '<input type=text name=masterID id=masterID value=4>'
};
var x=document.getElementById('myTable').insertRow(2);
var y=x.insertCell(0);
var z=x.insertCell(1);
var newdiv = document.createElement("div");
newdiv.innerHTML = xmlhttp.responseText;
y.innerHTML="<label class=description for=element_1>Master <font color='red'>*</font></label> ";
while (newdiv.hasChildNodes())
{ z.appendChild(newdiv.firstChild);
}
</script>

</body>

</html>

My getMaster.

**newtomysql** · Jun 17, 2011 11:55

Dear Linuxfreelancer,
I dont quite get you why you need this.

XMLHttp.onreadystatechange = function ()
{
if (XMLHttp.readyState == 4)
{
document.getElementById("myTable").innerHTML = XMLHttp.responseText;
}
};

**LinuxFreelancer** · Jun 17, 2011 12:04

Originally Posted by newtomysql

Dear Linuxfreelancer,
I dont quite get you why you need this.

After posting the form, this returns the value returned by the parsing php script. So the form can be in the div and after submission, the form is replaced by a message like "thank you for submitting" or whatever you want to show there.

I use something like this on a social networking script's "facebook like wall". After submitting, the div contents are updated with the new status message posted, just like on facebook. I hope this makes sense.

**LinuxFreelancer** · Jun 17, 2011 12:07

Why are you doing this?

<?=$_SERVER['PHP_SELF']?>

That is kind of a waste of resources. Just put the script name or even "#".

Also, start using full tags because your scripts will break soon if you use shorthand, should be:

<?PHP $_SERVER['PHP_SELF']?>

**AnthonySterling** · Jun 17, 2011 12:17

I hate to ask, for fear of ruining the hard work you've done so far, but is there a reason you're not using a JavaScript library? It makes this sort of stuff much more concise/manageable.

**LinuxFreelancer** · Jun 17, 2011 13:01

I kind of like custom myself... most of the time, custom lets you tighten up the code better without any filler you don't need. That's just my 2 cents.

**newtomysql** · Jun 17, 2011 13:14

Dear LinuxFreeLancer,
I just put like this. Again in IE the alert appear but not in Firefox. So what could be thins problem?
var VariableOne = encodeURIComponent(document.forms["form1"].elements["masterID"].value);
alert("MAster ID:"+VariableOne);

**newtomysql** · Jun 17, 2011 13:15

Dear Anthony,
I do not of any specific library which could do my task exactly?

**LinuxFreelancer** · Jun 17, 2011 13:30

I need to see the full code, can you pass me the url, that is even better.

**jargonbust** · Jun 17, 2011 13:52

use post tag nd new div="" change the attributes

**LinuxFreelancer** · Jun 17, 2011 13:59

Originally Posted by jargonbust

use post tag nd new div="" change the attributes

Please use complete sentences so it makes sense, we are not in your mind so shorthand isn't so good in this instance.

**AnthonySterling** · Jun 18, 2011 03:09

Originally Posted by newtomysql

Dear Anthony,
I do not of any specific library which could do my task exactly?

Here's a very simple jQuery implementation to make a POST request to the server, then append the result to a HTML table.

Code HTML4Strict:

<?php
if('POST' === $_SERVER['REQUEST_METHOD']){
  echo 'The server says the time is ' . date('r') ;
  exit;
}
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <link rel="stylesheet" type="text/css" media="screen" href="http://yui.yahooapis.com/3.3.0/build/cssreset/reset-min.css" />
    <link rel="stylesheet" type="text/css" media="screen" href="http://yui.yahooapis.com/3.3.0/build/cssbase/base-min.css" />
    <link rel="stylesheet" type="text/css" media="screen" href="http://yui.yahooapis.com/3.3.0/build/cssfonts/fonts-min.css" />
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js" type="text/javascript"></script>
    <title>
      Sitepoint.com Demo
    </title>
    <style type="text/css">
      #request{
        padding: 5px;
        margin: 5px;
        border: solid 1px #ccc;
        text-decoration: none;
      }
      #request:hover{
        background-color: #eee;
      }
    </style>
  </head>
  <body>
    <table id="results">
      <thead>
        <tr>
          <th>Request #</th>
          <th>Response</th>
        </tr>
      </thead>
      <tbody>
      </tbody>
    </table>
    <a id="request" href="#">Request Server Time</a>
		<script type="text/javascript">
			$(document).ready(function(){
        $('#request').click(function(){
          $.post('index.php', function(time){
            var requestNumber = $('#results tbody tr').length + 1;
            $('#results tbody').append('<tr><td>' + requestNumber + '</td><td>' + time + '</td></tr>');
          })
        });
			});
		</script>
  </body>
</html>

The URL for this is here, so you can see it live.

**newtomysql** · Jun 18, 2011 10:16

Dear LinuxFreelancer,
Here is my link http://183.78.169.53/scv/a2.php. You can just fill a text value into the A1 input box. Then just select the vehicle drop down list and will see a master list. Just pick any master list and submit the form. You will notice the masterID does not appear when I capture the post values.

**AnthonySterling** · Jun 18, 2011 13:20

Woah, that's pretty JS heavy. Have you managed to look at any of the JS libraries yet?

**LinuxFreelancer** · Jun 18, 2011 13:26

Originally Posted by newtomysql

Dear LinuxFreelancer,
Here is my link http://183.78.169.53/scv/a2.php. You can just fill a text value into the A1 input box. Then just select the vehicle drop down list and will see a master list. Just pick any master list and submit the form. You will notice the masterID does not appear when I capture the post values.

Asset : TestngA1masterID : 4

I got that after I submitted, TestngA1 was my A1 text, looks like it posts fine.... unless I am missing something?

**newtomysql** · Jun 18, 2011 17:35

Dear LinuxFreelancser,
Dont try on IE it works for me. Try on firefox or chrome. Then do let me know ya.

**newtomysql** · Jun 18, 2011 17:38

Dear Anthony,
Actually I tried to work on Jquery but my knowledge is very shallow in it. That is why I opt for this. IF you have any good relevant site for my problem do let me know ya.

**LinuxFreelancer** · Jun 18, 2011 19:05

Yeah in FF4 I only got a partial response:

Asset : bbbbbbmasterID :

**LinuxFreelancer** · Jun 18, 2011 19:06

Why not just do in pure php like this?
MobileBlueBook.com - Free Value Estimates on Mobile Devices

**newtomysql** · Jun 18, 2011 20:13

Dear linuxfreelancer,
This is my biggest problem why firefox not able to capture the values?

**newtomysql** · Jun 19, 2011 05:45

Dear All,
Just to add further on what I did is that onChange of my master drop list I have this function.

function setMasterID(masterID)
{
alert("MAsterID : "+masterID);
document.form1.hiddenMasterID.value = masterID;
}

Then first I tried like this below where I add this y.innerHTML="<label class=description for=element_1>Master <font color='red'>*</font></label><input type=hidden value='' name=hiddenMasterID> "; So when I submit no value is capture for hiddenMasterID.

Then secondly I tried to move like below. So I added this <input type=hidden value="" name=hiddenMasterID>. What I would like to know why in the earlier method when I built the hidden itself it does not work. But when I put in the table id="tblSubmit" it works fine. What is blocking from the value being captured?

<table id="tblSubmit">
<tr>
<td>
<input type=hidden value=<?php echo $editVal?> name=editVal>
<input type=hidden value="" name=hiddenMasterID>
<input class="buttons" type="Submit" name="<?php echo $submitTag?>" value="<?php echo $submitTag?>" onClick="return validateForm();">
</td>
<td>
<input class="buttons" type="Reset" name="Reset" value="Reset" onclick="location.href='addVehicle.php'">
</td>
</tr>
</table>
<table id="tblSubmit">
<tr>
<td>
<input type=hidden value=<?php echo $editVal?> name=editVal>
<input type=hidden value="" name=hiddenMasterID>
<input class="buttons" type="Submit" name="<?php echo $submitTag?>" value="<?php echo $submitTag?>" onClick="return validateForm();">
</td>
<td>
<input class="buttons" type="Reset" name="Reset" value="Reset" onclick="location.href='addVehicle.php'">
</td>
</tr>
</table>

**AnthonySterling** · Jun 19, 2011 06:39

Sadly there are multiple things wrong (invalid markup, broken JS, application flow ... ) with your implementation of this behaviour. My suggestion would be to start smaller and gradually add functionality until you succeed or find an issue.

**newtomysql** · Jun 19, 2011 07:23

Dear Anthony,
Can you point to me the very crucial error? I have been looking into the codes for days and could not figure out what and where is the problem?

User Tag List

Thread: Post not able to capture value in Chrome and Firefox.

Thread Tools

Display

Bookmarks

Bookmarks

Posting Permissions