Home/ Questions/Q 9195585
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-17T21:39:36+00:00

I got this Jquery code <head> <script type=text/javascript> $(document).ready(function() { $(#pav li a).click(function() {

  • 0

I got this Jquery code

  <head>
  <script type="text/javascript">
    $(document).ready(function() {
        $("#pav li a").click(function() {
            $(".srvctext").empty().append("<div id='loading'><img src='loading2.gif' alt='Loading' /></div>");
            $("#pav li a").css('color','#656565');
            $(this).css('color','#3ca5d4');
            $.ajax({ 
                url: this.href, 
                success: function(html) {
                    $(".srvctext").empty().append(html);
                }
            });
            return false;
        });


    });
</script>
  </head>

and this HTML

  <div class="srvclinksholder">
    <h4> Our Services </h4>

        <ul id="pav">
            <li><a href="pages/page_1.html"  id="mostPopular">Technical Infrastructure Service</a></li>
            <li><a href="pages/page_2.html"  id="mostPopular">Email Exchange Service (Messaging)</a></li>
            <li><a href="pages/page_3.html"  id="mostPopular">Firewall Services</a></li>
            <li><a href="pages/page_4.html"  id="mostPopular">Security and Antivirus Service</a></li>
....

I want to be able create a link from another page to one of these pages, I think I have to use # somehow just unsure. So if I have <a href="service/pages/page_4.html"> service being the page name that will not obviously work. Maybe something like this <a href="service.html#pages/page_4.html">

What changes do I have to make to achieve this?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    DEMO: http://jsfiddle.net/LxreN/3/

    Basically you are going to be changing the html of the other div.

    $(".srvctext").html("<div id='loading'><img src='loading2.gif' alt='Loading' /></div>");

    with the following the in success, there isn’t a need to empty everytime since that is causing 2 DOM accesses everytime, which IE doesn’t handle well.

        success: function(html) {
        $(".srvctext").html(html);
    }
    • 0