javascript - Refreshing partial, while also changing URL to match -

-

using partial view , home controller action index of 

    <div id="eventcontroller"> <div class="row event">     <div class=""></div> </div> <div class="row row-top-20-margin">     <div class="col-md-2 sidebar">         <ul class="nav nav-stacked nav-pills" id="eventnavbar">             <li><a href="" data-tab="eventcalendar" id="eventcalendar">event calendar</a></li>             <li><a href="#submitnewevent" data-tab="submitnewevents" id="submitnewevent">submit new event</a></li>             <li><a href="#myevents" data-tab="myevents" id="myevents">my events</a></li>         </ul>     </div>     <div class="col-md-10 main">         <div class="panel panel-default">             <div class="panel-body">                 <div id="eventpartialreplace">                     loading...                 </div>             </div>         </div>     </div> </div>

javascript

    $(document).ready(function() {     var root = "/event/event";      //event left hand nav     $(document).on('click', '#eventnavbar li a', function(event) {         $('#eventnavbar li.active').removeclass('active');         var $this = $(event.currenttarget);         $this.closest('li').addclass('active');         var tab = $this.data('tab');         var url =  root + '/get'+ tab;         $.ajax({     type: "post",     url: url,     content: "application/json; charset=utf-8",     data: dataarray,     success: function (data) {         wassuccessful = true;         userfeedbackmessage = successmessage;         resultdata = data;      },     }); });  function eventtabcallback(result) {     $('#eventpartialreplace').html(result.responsetext);     return true; }

i them calling ajax post event controller load correct partial view inside . event controller returns partial view html , html.replace on div. works, if wanted url change partial replace how achieve that.

currently appends end of url "event/home/index#eventcalendar" when replace url "event/eventcalendar"

i have tried location.hash still appends , wont work direct links - if user enters root/event/eventcalendar url should open home index nav-pill active , partial view showing, instead of selecting nav


Comments

Post a Comment

Popular posts from this blog

ruby - Trying to change last to "x"s to 23 -

-
i have been playing around irb , have string looks this: irb(main):072:0> puts ["[\"4354 5432 5432 xxxxx\", \"6547 6547 8543 xxxxx\", \"2344 6543 6674 xxxxx\", \"2346 6236 7543 xxxxx\", \"1273 5585 5587 xxxxx\"]"] => nil irb(main):073:0> what want gsub last 2 "x" s of each 17 digit combination, 23 . what i've tried far (i've been using rubular): a.gsub(/\d[x]/,"23") <= grabs "x" s i'm close a.gsub(/\w[x{2}]/,"23") <= grabs "x" s grabs two digits each combination. is there easier way i'm not understanding? a.gsub(/\d{4} \d{4} \d{4} xxx\kxx/, '23') \d{4} = 4 digits what \k drop matched far. can use don't replace entire number, still able validate have in desired format.
Read more

jquery - Clone last and append item to closest class -

-
this bare-bones code on page: <div class="list-container"> <div class="single-list-item"> <button>remove</button> </div> <div class="single-list-item"> <button>remove</button> </div> <div class="single-list-item"> <button>remove</button> </div> </div> <p><button class="add-list-item">add</button></p> <div class="list-container"> <div class="single-list-item"> <button>remove</button> </div> <div class="single-list-item"> <button>remove</button> </div> <div class="single-list-item"> <button>remove</button> </div> </div> <p><button class="add-list-item">add</button></p> <di...
Read more

css - Can I use the :after pseudo-element on an input field? -

-
i trying use :after css pseudo-element on input field, not work. if use span , works ok. <style type="text/css"> .mystyle:after {content:url(smiley.gif);} .mystyle {color:red;} </style> this works (puts smiley after "buu!" , before "some more") <span class="mystyle">buuu!</span>a more this not work - colors somevalue in red, there no smiley. <input class="mystyle" type="text" value="somevalue"> what doing wrong? should use pseudo-selector? note: cannot add span around input , because being generated third-party control. :after , :before not supported in internet explorer 7 , under, on elements. it's not meant used on replaced elements such form elements (inputs) , image elements . in other words it's impossible pure css. however if using jquery can use $(".mystyle").after("add smiley here"); api docs on .after to ...
Read more