This document describes a jQuery plugin to replace a specific string in URLs on a CourseSites page. The plugin finds all links within course navigation list items and replaces the username portion of the URL with "www" to standardize URLs. It defines a .convertUserToWWW method to select each link, build a new URL string with the username replaced, and update the link href attribute. The final script executes this method on page load to apply the URL updates across the course navigation.

1. CourseSitesjQuery plug-in

2. Context Replace specific string(s) on a page that is part of href with something else

3. CourseSites Instructor homepage (ie. https://wayank12teacher2.coursesites.com) List of courses Course101 (https://wayank12teacher2.coursesites.com/s/_course101) Course102 (https://wayank12teacher2.coursesites.com/s/_course102) Goal  replace wayank12teacher2 with www

4. Firebug…locate the element

5. Firebug…locate the element (2)

6. Element of interest <li class="course-navigation-course"><a class="highlight" href="https://wayank12teacher2.coursesites-stage.com/s/_wayank12changestructure101">wayank12changestructure101»</a></li>

7. Find those elements jQuery('li.course-navigation-course').find('a[href]') Results: [<a class=​"highlight" href=​"https:​/​/​wayank12teacher2.coursesites-stage.com/​s/​_wayank12changestructure101">​wayank12changestructure101»​</a>​ , <a class=​"highlight" href=​"https:​/​/​wayank12teacher2.coursesites-stage.com/​s/​_wayank12nov04test101">​wayank12nov04test101»​</a>​ ]

8. Search and Replace ( Use Firebug if you have to) location.host Result  "wayank12teacher2.coursesites-stage.com" varb='https://' + location.host.replace(location.host.split('.')[0],'www')

9. The plug-in jQuery.fn.convertUsertoWWW = function() { return this.each( function() { varc=$(this).attr('href'); varb='https://' + location.host.replace(location.host.split('.')[0],'www')+c; $(this).attr('href',b); } );

10. To execute jQuery('li.course-navigation-course').find('a[href]').convertUsertoWWW();

11. Final script jQuery(document).ready(function() { jQuery.fn.convertUsertoWWW = function() { return this.each( function() { varc=$(this).attr('href'); varb='https://' + location.host.replace(location.host.split('.')[0],'www')+c; $(this).attr('href',b); } ); }; jQuery('li.course-navigation-course').find('a[href]').convertUsertoWWW();