[COLOR=#141414][FONT=Verdana]what I am trying to do is have a specific div from another page being loaded into a div when you click on a dropdown menu.[/FONT][/COLOR]
[COLOR=#141414][FONT=Verdana]Here is my dropdown menu code and the div #location-info is where I want the info pulled into.[/FONT][/COLOR]
[COLOR=#141414][FONT=Verdana][COLOR=#749B85][FONT=Trebuchet MS]Code (text):[/FONT][/COLOR]
[FONT=Consolas]
[LIST]
[*][COLOR=grey]<divclass=“nav-location”><ul><liclass=“locationhead”><ahref="#">Select Locations</a><ulid=“location-options”><li><ahref=“http://modocom.ca/gillons/atikokan/">Atikokan</a></li><li><ahref=“http://modocom.ca/gillons/dryden/”>Dryden</a></li><li><ahref=“http://modocom.ca/gillons/emo/”>Emo</a></li><li><ahref="http://modocom.ca/gillons/fort-frances/”>Fort Frances</a></li><li><ahref=“http://modocom.ca/gillons/rainy-river/”>Rainy River</a></li><li><ahref=“http://modocom.ca/gillons/red-lake/”>Red Lake</a></li><li><ahref=“http://modocom.ca/gillons/sioux-lookout/”>Sioux Lookout</a></li><li><ahref=“http://modocom.ca/gillons/thunder-bay/”>Thunder Bay</a></li></ul></li></ul></div><divid=“location-info”></div>[/COLOR]
[/LIST]
[/FONT]
[/FONT][/COLOR]
[COLOR=#141414][FONT=Verdana]Now here is the script I have in the footer of my site to try to pull in the content from the a href of each of the items in that dropdown…[/FONT][/COLOR]
[COLOR=#141414][FONT=Verdana][COLOR=#749B85][FONT=Trebuchet MS]Code (text):[/FONT][/COLOR]
[FONT=Consolas]
[LIST]
[][COLOR=grey]$(’#location-options’).on(‘click’,‘a’,function(event){[/COLOR]
[][COLOR=grey]$el = $(event.target);[/COLOR]
[][COLOR=grey]$.ajax({[/COLOR]
[][COLOR=grey]type:‘GET’,[/COLOR]
[][COLOR=grey]url: $el.attr(‘href’),[/COLOR]
[][COLOR=grey]success:function(html){[/COLOR]
[][COLOR=grey]$(’#location-info’).html(html);}});[/COLOR]
[]
[*][COLOR=grey]returnfalse;});[/COLOR]
[/LIST]
[/FONT]
[/FONT][/COLOR]
[COLOR=#141414][FONT=Verdana]I would think that this would pull in the info from the div location-info from each of the other pages in the dropdown when you click so the info changes and you get the location info for example, this is the page at modocom.ca/gillons/emo/ which I want to pull in the info from the location-div[/FONT][/COLOR]
[COLOR=#141414][FONT=Verdana][COLOR=#749B85][FONT=Trebuchet MS]Code (text):[/FONT][/COLOR]
[FONT=Consolas]
[LIST]
[*][COLOR=grey]<divid=“location-info”><divclass=“sevencol”><h4>Gillons | Emo</h4><p>74 Front St<br/>Emo, ON P0W 1E0</p><p>Phone: (807) 482-2146<br/>Fax: (807) 482-2757</p></div><divclass=“fivecol last”><h4>Office Hours</h4><p>Monday-Friday<br/>8:30am - 5:00pm</p></div></div>[/COLOR]
[/LIST]
[/FONT]
[/FONT][/COLOR]
[COLOR=#141414][FONT=Verdana]So that HTML above is what I would be trying to pull into the location-info div when someone clicks on Emo and then so on it would change when you select different location from the Dropdown.[/FONT][/COLOR]
[COLOR=#141414][FONT=Verdana]I am using [/FONT][/COLOR]Wordpress[COLOR=#141414][FONT=Verdana] but this stuff is all hardcoded in.[/FONT][/COLOR]
[COLOR=#141414][FONT=Verdana]Struggling with this one hopefully someone can lend a helping hand, can seem to wrap my head around it.[/FONT][/COLOR]
[COLOR=#141414][FONT=Verdana]The page is modocom.ca/gillons[/FONT][/COLOR]
[COLOR=#141414][FONT=Verdana]I hope this makes sense what I am trying to achieve.[/FONT][/COLOR]
[COLOR=#141414][FONT=Verdana]Thanks,[/FONT][/COLOR]
[COLOR=#141414][FONT=Verdana]Mike[/FONT][/COLOR]
