Search jQuery

jQuery Forum

Screen name:
efoula

efoula's Profile

3 Posts

8 Responses

0 Followers

Activity Trend

Last 30 days

Loading Chart...

Show:

Expanded view
List view

On selection change replace part of a href
[8Replies]
- 05-Jun-2014 03:37 AM
- Forum: Using jQuery
Hello there,

I am wondering if anyone can help me with this problem.

Shortly: I have a drop down selection with multiple options, all I want to do is on change of this selection (when user choose another option), it get the value of the new selected option and submit it in href tag instead of another part in this href (replace with part of href).

Problem: everything works fine for the first selection change, but if the user decided to select another option (second, or third time), it doesn't get the new selected option value, it keep the value of the first selected option,
it is like I need a realtime change.

Example:

HTML
1. <a class="link" href="http://www.google.com/hotel/replacement-part/">Check Availability</a>
2. <label>Property</label>
4. <select id="combobox">
5. <option value="noselection">Select your Preferred Hotel</option>
6. <option value="A">ABC</option>
7. <option value="B">BCD</option>
8. <option value="D">DOS</option>
9. <option value="C">CAM</option>
10. </select>
jQuery
1. $("#combobox").change(function(){
3. var hotel = $(this[this.selectedIndex]).val();
5. $('a').each(function(){
7. this.href = this.href.replace ('replacement-part', hotel);
9. });
if you change the selection to option value: B, it will replace part of href, but if you then change the selection to another option (e.g. D), it will not replace the replacement part of href to the new value which is D, it just will keep it with the first selection option value which was B.

Thank you.
Best,
EF.

Go to url then hide/show div
[1Reply]
- 10-May-2013 11:45 AM
- Forum: Using jQuery
Dears,

HTML code is:
1. <a class="first-l">First</a>
2. <a class="second-l">Second</a>
3. <a class="third-l">Third</a>
4. <a class="redirect">redirect to second</a>
6. <div id="main">
7. <div class="first">
8. <h1>First</h1>
9. <p>Test-1</p>
10. </div>
11. <div style="display:none;" class="second">
12. <h1>Second</h1>
13. <p>Test-2</p>
14. </div>
15. <div style="display:none;" class="third">
16. <h1>Third</h1>
17. <p>Test-3</p>
18. </div>
19. </div>
jQuery code is:
1. $(document).ready(function() {
3. $('a.first-l').click (function () {
4. $('.first').fadeIn();
5. $('.second').fadeOut();
6. $('.third').fadeOut();
7. });
9. $('a.second-l').click (function () {
10. $('.first').fadeOut();
11. $('.third').fadeOut();
12. $('.second').css("display", "block" ).fadeIn();
13. });
15. $('a.third-l').click (function () {
16. $('.first').fadeOut();
17. $('.second').fadeOut();
18. $('.third').css("display", "block" ).fadeIn();
19. });
21. });
All I want to do now is:

1- When I click the link "redirect to second", it goes to the above html page then hide the divs "first and third" and just show the div "second".

2- Also, if I have the link "redirect to second" on an out-source page, I want it to do the same (go to the above html page then hide the divs "first and third" and just show the div "second").

Help will be appreciated.
Thanks.

jQuery templates
[9Replies]
- 26-Jan-2013 12:04 PM
- Forum: Using jQuery
Hey..
I just want to know one thing..

How can I call any div that is included in a jQuery template on another js file.

For example:

- if I have this code in my php file:

      <script id="template-upload" type="text/x-tmpl">
         <div class="test"></div>
      </script>

- and I want to call this div in a new js file:

$(document).ready(function () {

$(".test").click(function () {
alert("done");
});
});

WHY IT DID NOT EFFECT ????

Thanks.

«Prev
Next »

Response title

Attachments

jQuery Forum

Activity Trend