I also posted this on the forum where I got the component, but I thought you guys may have an idea as to why this is happening.
This only happens in IE7, IE8, or compatibility modes.
In IE9/Chrome/FF it works perfectly and the menu shows up and everything.
Basically you click on the menu item donate that is linked the com_payment. When it loads it causes the menu not to display and the curved corners aspect also goes away. Any Ideas?
This image shows the donation page w/o the menu:
Here is another page that shows how you go to any other page and the menu loads:
your payment / donate system has some validation errors including misformed elements. Try getting that corrected and then let us know. Getting IE to behave is a real pain.
I will go through and fix whatever I can find and then get back to you guys.
Is there a way to isolate just the payment form (or any component for that matter) piece for debugging?
Its just a mess on the w3c validation site as it flags a lot of perfectly valid lines as well…
I totally understand. Debugging @ this level is highly annoying at best.Sometimes it feels like your beating your head just to hear it thump >:(
Please be sure to let us know what you find. you could try putting the form on a separate template and see what that achieves.
Well w3c.org validator now says it passes…
IE7 and IE8 both still do not display the menu but IE9,Chrome,and FF still do…
:confused: Any other ideas?
some other symptoms I noticed:
The menu shows sometimes then just disappears when the page completes its loading process
The code for the menu is in the HTML
I can disable all CSS on the page and it will still not show the menu
I can disable all css that has a direct influence on any part of the menu and it still does not show up
Curvycorners.js is loaded but doesn’t seem to make the corners rounded like it does on other pages
Deleted all the CSS that came with the donations component and still no joy.
It starts to “hide” the menu when i select the option to show recurring payments field… so now i just got to see what that changes when it is included vs when it is not included… and hopefully that will give me the answer I am looking for.
I figured it out when i finally resorted to uninstalling the component and just linked to the sample configuration it comes with. I then just added 1 option at a time until the menu disappeared…
I will fill in more after i am done finding the root cause.
Stupid… the guy that programmed the donation component used too simple/common names and ids for his input fields. So there was a conflict with one that already existed or something similar causing an error in the code when it was rendered. This is why you use php classes to add a suffix/prefix when instantiated… So annoying >:(
Specifically:
From Fatica Consulting’s Donation Component->’/components/com_payments/views/payments/tmpl/default.php’
On Lines 472 and 494 he set the attributes <select name=”length” id=”length”>
so since length is used somewhere else just rename that element and everything begins to render correctly again!
gotta update the javascript that references it too but otherwise i am pretty sure I got it fixed.
n6rej 13 years, 2 months ago.
