Link to home
Start Free TrialLog in
Avatar of Victor Kimura
Victor KimuraFlag for Canada

asked on

button not displaying for FF and IE

Hi,

I'm wondering why the button that is dynamically created not displaying for FF and IE:
http://myultratrust.com/test/myultratrust/Calculation_standard03.php

In ff, the image displays for a brief moment and then disappears.

Attaching some screenshots.

I even tried this code:
$("#agree_place_order_btn").attr("src", "https://secure.myultratrust.com/images/button-3.png");

Open in new window


But if I use the Paypal's buttons it works in all 3:
https://www.paypalobjects.com/en_US/i/btn/btn_buynow_LG.gif

The image is live:
https://secure.myultratrust.com/images/button-3.png

So why does it work in chrome and not in ff and ie?

Thanks!
ff-Screenshot-2014-02-03-16.53.2.png
ie-Screenshot-2014-02-03-16.52.4.png
chrome-Screenshot-2014-02-03-16..png
Avatar of Gary
Gary
Flag of Ireland image

Wanna give us a clue as to what button we should be looking for?
Avatar of Victor Kimura

ASKER

@Cathal,

Yeah, sorry.

https://secure.myultratrust.com/images/button-3.png

it was noted in the first post too. =)
ASKER CERTIFIED SOLUTION
Avatar of Gary
Gary
Flag of Ireland image

Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
@Cathal,

But then I'm wondering why would this link work for all 3 browsers?
https://www.paypalobjects.com/en_US/i/btn/btn_buynow_LG.gif

But this one:
https://secure.myultratrust.com/images/button-3.png

only work for Chrome?

I have this part returned in my json variable:
<input type="image" id="agree_place_order_btn" src="https://secure.myultratrust.com/images/button-3.png" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!" style="border: 0px;">

Open in new window


The above is part of the PHP variable $RETWEBSITECODE:

$sPageVars['encrypted_pp_button'] = $RETWEBSITECODE;
$retPageVars = json_encode($sPageVars);
echo $retPageVars;

Open in new window


But if I use the paypal link's image for the src of the input image tag then it works in all 3 browsers.

Where do you see the NetworkError: 403 Forbidden? Is that in IE or FF? Where do you see that error? Can you give me a snapshot of what you see?
In FF in Firebug, I will have a further investigation when I get back in an hour or so - it just struck me initially as ajax problem.
@Cathal,

Ok, thanks so much! Really appreciated your help! =)

By the way, I just took a short video shot of my IE debugger IDE and when I change from the image that's hosted on my site to the paypal image then it all of sudden displays:

http://myultratrust.com/test/paypal/api/payment-btn-not-showing.html

Thanks, Cathal.
SOLUTION
Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
NP, and glad my debugging efforts led you to the problem :o)
In Javascript: document.getElementById("myButton");.style.display="inline"/"none";
it was the htaccess file but thanks @Cathal because I wouldn't have guessed it without knowing the NetworkError 403 Forbidden on the image. That gave me the clue to search for it and I read on some forum post that it could be my code that prevented hotlinking. Then it just dawned on me.

Thanks and blessings<><