[RESOLVED] IE problem

[slamman]

Does anyone know why the following works with Firefox but not with IE?

<input type=image 
<?
 if ($aStatus == 'Completed') { echo "src='images/Completed.png'";}
 if ($aStatus == 'ToProcess') { echo "src='images/Ordered.png'";} if ($aStatus == 'Pending') { echo "src='images/Ordered.png'";}
 if ($aStatus == 'Ordered') { echo "src='images/Ordered.png'";};
?> 
onClick='javascript:document.conditions.submit()' name="Complete"   title='Completed' value="<? echo $aCondid ; ?>">

The code formats and displays properly. The part that doesn't work in IE is that when the image is clicked the page submits but the isset is apparently not set because it doesn't run the resulting code.

if( isset($Complete) ){
echo "Anythting" ;
}

The code works perfectly in Firefox and the example echo "anything" is only for illustration purposes. The problem is that IE doesn't seem to set the variable where Firefox does. Any suggestions.

[kburger]

Have you tried name= rather than title=?

edit: Oops. Didn't see that until after I posted. Nevermind. :quiet:

[wilku]

A couple of shots in the dark:
- var_dump($GET); or $POST (depending on what method you use) and see if it's there or not.
- put everything (including type="...") in consistent qoutes (double quotes, as they are the standard in HTML, I think).
Maybe this will help.

[quicknik]

hi,

image submitbtns behave different on different browsers...
perform print_r($POST)/ print_r($GET) to see what ist submited
i guess it is complete_x or something like this...

regards,
nikolas

[slamman]

Thanks for the idea, the output of print_r($_POST)

Firefox:
Array ( [aid] => 337 [Complete_x] => 4 [Complete_y] => 6 [Complete] => 1240 )

IE:
Array ( [aid] => 337 [Complete_x] => 4 [Complete_y] => 6 )

So this obviously shows that Firefox is setting the variable [Complete] as it is supposed tor intended to and IE is not.

Any suggestions how to write this code so that IE works. All I am trying to do is have button that when clicked refresh or submit the page and execute some code.

An example of what I am trying to do would be a list of tasks. Each task would have a couple of buttons like the one shown above for things like ADD, EDIT, COMPLETE etc. My implementation works with Firefox and not with IE. This is a pretty common scenario so I am sure someone can offer a better way to execute this than what I have done.

Thanks

One last thing. I need the number that is in the final [Complete] variable because it is the id of the item being submitted and the resulting code obviously uses that id number to determine which item was clicked.

[quicknik]

Hi,

ok, if the submit button is an image the x,y coords where the mouse hits the button are submited instead of a var named like the button.
So i usally do something like:

if (isset(add_x))

or

switch (true) {
    case(isset(add_x)) :...
    case(isset(del_x)) :...
    .
    .
}

regards, nikolas

[slamman]

Thanks for the quick response. My problem is that I need the number that is being set in the [Complete] variable. I am trying to set that number by using:

value="<? echo $aCondid ; ?>"

The resulting code identifies that the variable was set, then extracts the $aCondid variable and updates the sql database WHERE condid = $aCondid

I guess I either have to use a hidden field or not use an image button. I am still open to other options.

[wilku]

You can always set that value in a separate hidden field.

[slamman]

ok adding a Hidden field for the Id and changing the isset to :

isset( $Complete_x)

doesn't work on IE and now it doesn't work on Firefox either

the result of print_r($_POST); is:

Array ( [aid] => 337 [aCondid] => 1241 [Complete_x] => 7 [Complete_y] => 5 )

so all variables are being passed but for some reason the code is not being executed.

Is there something obvious here that I am missing.

the post

if (isset(add_x))

doesn't have $ infront so is this a typo? When I tried without the string I got errors. This seems like it should work but isn't.

[execute]

The form name is definately conditions right? maybe you forgot that.

And this is an error or im imagining things:
";};" you have that at end of your php script.

Also i never use image type submit buttons, but from what i've looked at, you don't have to do onclick=submit(), all you do is name the image button "submit", and it works... or maybe im imaginiing things again

[slamman]

Thanks for your response.

Yes the form is named correctly.

When I originally wrote the code the part ";};" was necessary to make it work. As far as I know it is correct.

The name of the button cannot be submit because it is used to determine which button is clicked.

As I mentioned before the code worked in Firefox just not IE so I don't think it is likely to be a problem in the code per say, rather a difference in the way IE and Firefox sees something.

I think quicknik and wilku were on the right track but when I made those changes now the page seems to not identify the variable [Complete_x] as being set in either browser.

[slamman]

Alright,
I think I have it narrowed down now. Firefox set a variable [Complete] as well as [Complete_x] and [Complete_y] .

My code checked to see if [Complete] was set and the extracted the id that accompanied it to identify which item it was associated to. For instance:

wash the dog {Complete} {Edit}
Mow the Lawn {Complete} {Edit}

Now the Complete button for Wash the dog had a value of say 1 and Mow the dog had a value of 2. So If you clicked Complete for wash the dog the code checked to see what you clicked and then what the value was and updated the sql database accordingly.

As I have said this all worked perfectly in Firefox. The problem is that IE does not set the variable [Complete] and the mouse values of [Complete_x] and [Complete_y] are worthless to me other than to find out if the button was clicked.

When I add a hidden field I am not getting the proper value. The problem is my value is always equal to the last item in the list. This has something to do with not properly extracting the value from an array.

So my new question is this.

What is the proper way to do this.

Once the button is clicked I need to have the code figure out what the value is on the line that was clicked. Below please see a snippet of the source from the page:

<table width=100% border=0 cellspacing=0>
<tr BGcolor=#e8e8e8 Valign=Top><input type=hidden name="aid" value="246">
<input type=hidden name="aCondid" value="1254">
<td width=7% CLASS=Pending><input type=image src='images/Ordered.png' onClick='javascript:document.conditions.submit()' name="Complete"   title='Completed' value="1254">
<a href='REI.php?aCondid=1254' onClick='window.open('Order Insurance','popup', scrollbars=no, resizable=no, toolbar=no, menubar=no')' target='popup'><IMG src='images/Ordered.png'></a> 

<td width=15% CLASS=Pending><b>Insurance</b>
<td width=20% CLASS=Pending>1254<td width=25% CLASS=Pending>
<td width=10% CLASS=Pending>00/00/0000<td width=10% CLASS=Pending>00/00/0000<td width=10% align="right"></td>
</tr>
<tr>

<tr BGcolor=#b0c4de Valign=Top><input type=hidden name="aid" value="246">
<input type=hidden name="aCondid" value="1256">
<td width=7% CLASS=Pending><input type=image src='images/Ordered.png' onClick='javascript:document.conditions.submit()' name="Complete"   title='Completed' value="1256">
<input type=image src='images/Ordered.png'onClick='javascript:document.conditions.submit()' name='OrderService'   title='Order' value='1256'> 
<td width=15% CLASS=Pending><b>Lender Approval</b>
<td width=20% CLASS=Pending>1256<td width=25% CLASS=Pending>

<td width=10% CLASS=Pending>00/00/0000<td width=10% CLASS=Pending>00/00/0000<td width=10% align="right"></td>
</tr>
<tr>

<tr BGcolor=#e8e8e8 Valign=Top><input type=hidden name="aid" value="246">
<input type=hidden name="aCondid" value="1251">
<td width=7% CLASS=Ordered><input type=image src='images/Ordered.png' onClick='javascript:document.conditions.submit()' name="Complete"   title='Completed' value="1251">
<input type=image src='images/Completed.png'onClick='javascript:document.conditions.submit()' name='OrderService'   title='Order' value='1251'> 
<td width=15% CLASS=Ordered><b>Title/Escrow</b>
<td width=20% CLASS=Ordered>1251<td width=25% CLASS=Ordered>
<td width=10% CLASS=Ordered>09/08/2005<td width=10% CLASS=Ordered>00/00/0000<td width=10% align="right"><input type=image src='images/Completed.png' onClick='javascript:document.conditions.submit()' name="Request" title='Request Processing Order' value="1251"></td>

</tr>
<tr>

As you can see the values are different on each line but no matter which one is clicked the value is always the same. What is the proper way to get the number.

[quicknik]

slamman:
sorry, i missed the $ thats of course a typo.
one way to solve your problem is to use a unique hidden field and set its value
on click.
Another way would be to use one form for every row...
Regards nikolas

[slamman]

if( isset($Complete) ){
$submitted_array = array_keys($_POST['Complete']);
$cond_id = $_POST['Complete'][$submitted_array[0]];
print_r($_POST);
echo $cond_id;

<input type='submit' name='Complete[<? echo $aCondid ; ?>]'  title='Complete' value='<? echo $aCondid ; ?>'>

This code seems to be working, my problem is that to get it to work I have to do 2 things.

1. I had to lose the images (which are pretty important)
2. My button has the id number in it instead of something like 'Delete"

Can anyone suggest ways to solve these problems. I am weak on using arrays in forms so please post example code.

Thanks for the help. I hate IE this was so much easier on Firefox!!!

[slamman]

Thanks everyone I finally figured it out. I learned alot about arrays through this and thats gonna help alot.