PeopleSoft Adoption Made Smooth & Simple!
On-The-Job Training Is made Intuitive & Easy With WalkMe's On-Screen Guidance Tool. Claim Your Free WalkMe Account Now
Course Of The Month
Become a Premium Member and unlock a new, free course in leading technologies each month.
Solved
Prepend to DOM after Ajax Refresh
Posted on 2013-01-03
Hello, I am using a shopping cart that is very restrictive and I cannot edit what I need to. I am trying to add some text to a DIV using Jquery's .prepend() method, but the DIV that I need to access it not created until the 4th step of the checkout, which is refreshed in between each step.
The checkout is at https://www.lowpriceskates.com/1checkout.aspx
Feel free to add any product to the cart and go to the checkout page to see how it updates.
Here is the code that I want to add:
That is supposed to add the heading "Billing Address" before the Edit link on the Payment step. Please let me know if you need any more info. Thanks!!
The checkout is at https://www.lowpriceskates.com/1checkout.aspx
Feel free to add any product to the cart and go to the checkout page to see how it updates.
Here is the code that I want to add:
<script>$('#ctl00_pageContent_divEditAddress').prepend('<h1>Billing Address</h1>');</script>
That is supposed to add the heading "Billing Address" before the Edit link on the Payment step. Please let me know if you need any more info. Thanks!!
[X]
Welcome to Experts Exchange
Add your voice to the tech community where 5M+ people just like you are talking about what matters.
- Help others & share knowledge
- Earn cash & points
- Learn & ask questions
5-
4
11 Comments
I've gone till where credit card info is requested and didn't find the div your addressing in your code? Is this a trick to make us buy some rollers?? ;-)
I see the link.
You can't do it from jquery if that part of the page is refreshed with AJAX, unless there is a callback supplied to the AJAX call. Which I'm guessing it is not. You can contact the author of the javascript does the AJAX - that's about it.
Is there not template file where you can find the spot to add the HTML?
You can't do it from jquery if that part of the page is refreshed with AJAX, unless there is a callback supplied to the AJAX call. Which I'm guessing it is not. You can contact the author of the javascript does the AJAX - that's about it.
Is there not template file where you can find the spot to add the HTML?
however, if it helps, you can style the link itself to be more obvious:
#ctl00_pageContent_lnkEdit
font-size: 18px;
}
#ctl00_pageContent_lnkEdit
content: 'Billing Address';
}
That should give you a large: "Edit Billing Address" label
#ctl00_pageContent_lnkEdit
font-size: 18px;
}
#ctl00_pageContent_lnkEdit
content: 'Billing Address';
}
That should give you a large: "Edit Billing Address" label
Thanks for that CSS, kozaiwaniec. That is somewhat helpful, but does not solve my original problem. Is there no way to have Jquery code execute on each refresh of a page? For each time the page is changed or loaded the code is executed?
Thanks!
Thanks!
you can definitly execute the code on pageload. but when the page content is updated via ajax, it is not reloaded.
to execute on page load wrap your function in the docready function.
$(function(){
//your code
});
to execute on page load wrap your function in the docready function.
$(function(){
//your code
});
Featured Post
Make Your Microsoft Dynamics Investment Count & Drastically Decrease Training Time by Providing Intuitive Step-By-Step WalkThru Tutorials.
Question has a verified solution.
If you are experiencing a similar issue, please ask a related question
International Data Corporation (IDC) prognosticates that before the current the year gets over disbursing on IT framework products to be sent in cloud environs will be $37.1B.
Today, the web development industry is booming, and many people consider it to be their vocation. The question you may be asking yourself is – how do I become a web developer?
The viewer will learn how to dynamically set the form action using jQuery.
The viewer will learn the basics of jQuery, including how to invoke it on a web page.
Reference your jQuery libraries: (CODE)
Include your new external js/jQuery file: (CODE)
Write your first lines of code to setup your site for jQuery.: (CODE)
Suggested Courses
Earn Certification
HTML5 Specialist - Certification
Free withPremium
Course of the Month5 days, 9 hours left to enroll
Earn Certification
Certified Web Development Professional
$335.99
626 members asked questions and received personalized solutions in the past 7 days.
Join the community of 500,000 technology professionals and ask your questions.