• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 267
  • Last Modified:

Desperately Need Help in Reconciling HTML and JQuery Pages

I feel like a six-year-old kid locked in a nuclear power plant, thinking: "Hmmm, I wonder what will happen if I push that button?"

This terribly depressing tale begins with my mini sales site that was built by a contractor (http://sample-poses.best-family-photography-tips.com/index.html). For reasons not germane to this conversation, I need to go in to most of the sales page and change a number of quantities for accuracy.

While doing that, I discovered that on many of the pages, the very bottom link on the sales page is not displaying correctly. The link should look like attachment #2, but several of them resemble attachment #1 which is a link.

Deciding to make another entry in the "when will I ever learn?" Column, I thought I could make the corrections myself in spite of the fact that some JQuery scripts were used which I do not understand. I thought I could change everything to simple HTML and accomplish up that way.

Obviously, that didn't work out too well since after 3 hours, I have finally thrown in the towel and and throwing myself on the altar of Expert Exchange.

I'm including source code as well as the above-mentioned attachments with the hope that I am doing something that is very simple to correct, although the knowledge to do so is way beyond my grasp.

As always, your help is hugely appreciated.
incorrect-display.png
Correct-attachment-2.png
source-babies.html
non--JQuery-couples.html
source-using-JQuery-couples.html
0
photoman11
Asked:
photoman11
  • 2
  • 2
1 Solution
 
Tom BeckCommented:
You have to drill down through the markup, but there's a small piece of javascript running that prints that red text to the page. On a working page like "Couples" the script looks like this:

<script>document.write('<a href="http://www.photoebooks4u.com/dlguard/ppcart.php?p=55&ppc=add&dlgreturn='+window.location.hostname+window.location.pathname+'" class="buttonSD">Click Here to Get the Limited<br />Promotional Pricing of Only $20</a>');</script>

On a broken page like "Babies" it looks like this:

<script>document.write('&lt;a href="http://www.photoebooks4u.com/dlguard/ppcart.php?p=53&ppc=add&dlgreturn='+window.location.hostname+window.location.pathname+'" _wpro_href="http://www.photoebooks4u.com/dlguard/ppcart.php?p=53&ppc=add&dlgreturn='+window.location.hostname+window.location.pathname+'" class="buttonSD"&gt;Click Here to Get the Limited&lt;br /&gt;Promotional Pricing of Only </script>0');

Note the characters that I put in bold that are outside the <script> tag.

Just swap in the working script in that spot in the markup on the broken pages.
0
 
photoman11Author Commented:
Tommy,

I really appreciate your help because this is all pretty much foreign to me. I'm attaching a copy of the HTML page I used where I thought I correctly substituted what you suggested, because it is still not displaying correctly.

All of the pages except Babies and Children are displaying as they should. Please tell me what I am missing because the pages are live. Again, thank you very much for all your help.
children.html
babies-revised.html
0
 
photoman11Author Commented:
Tommy,

Thanks for your help. I finally figured it out.
0
 
Tom BeckCommented:
So sorry I did not respond to your 5/12 post. I somehow missed it, deleted it, or never received it. Thanks for the points.
0

Featured Post

[Webinar] Cloud and Mobile-First Strategy

Maybe you’ve fully adopted the cloud since the beginning. Or maybe you started with on-prem resources but are pursuing a “cloud and mobile first” strategy. Getting to that end state has its challenges. Discover how to build out a 100% cloud and mobile IT strategy in this webinar.

  • 2
  • 2
Tackle projects and never again get stuck behind a technical roadblock.
Join Now