www.webdeveloper.com
Results 1 to 2 of 2

Thread: add hashes to jquery tabs forward/back buttons and link

Hybrid View

  1. #1
    Join Date
    Nov 2010
    Posts
    19

    add hashes to jquery tabs forward/back buttons and link

    I'm using this to change some tabs around. Is there a way to add hashes to the URL too or some way that i can enable back/forward buttons functions and link to a particular tab?


    $(document).ready(function(){

    $(".buttons").click(function () {

    if ($(this).hasClass("current_tab_button")){ //is it the tab that's already displayed
    return false //if so, don't change anything
    }
    else
    {
    $(".buttons").removeClass("current_tab_button"); //if not, delete that class for all .buttons
    $(this).addClass("current_tab_button"); //add that class to the current button
    $('.tip').hide(); //hide tooltip product descriptions
    var divname= this.id;
    //alert(divname);
    $(".viz").fadeOut(350, function(){
    $(".viz").removeClass("viz");
    $("#"+divname+"div").addClass("viz");
    $(".viz").fadeIn(350);
    $(".scroll-pane").jScrollPane();
    });
    }
    });
    });





    <div class="home_page_background_div" id="home_page_background_div">
    <div style="display:none" id="button1" class="buttons font_typ_button_red">WELCOME</div>
    <div id="button2" class="buttons font_typ_button_red" style="margin-top:7px;">ABOUT US</div>

    <div id="button3" class="buttons font_typ_button_red">ABOUT OUR PRODUCTS</div>
    <div id="button6" class="buttons font_typ_button_red">ARTWORK SPECIFICATIONS</div>
    <div id="button4" class="buttons font_typ_button_red">CONTACT</div>
    <div id="button5" class="buttons font_typ_button_red">SAMPLE KIT</div>








    <div class="viz" id="button1div">
    <img src=" img/gif/husker_baseball.jpg" width="517px"/>
    </div>

    <div style='display: none' id="button2div">
    <div class="scroll-pane" style="max-width: 517px; height:521px;">
    <div class=" home_page_margin_div">
    <table class="contact_us_table" border="0">
    <tr height:"10px" >
    <td style="width:150px;">
    <p class="contact_us_header">SINCE 1940</p>
    </td>
    <td style="width:55px;">
    </td>
    <td style="width:150px;">
    <p class="contact_us_header"></p>
    </td>
    </tr>



    <tr>
    <td valign="bottom" colspan="3">
    <p class="contact_us_h2">OUR HISTORY</p>
    </td>


    </tr>
    <tr>
    <td style="width:150px; border-bottom:1px solid #666" valign="bottom" colspan="3"></td>
    </tr>
    <tr>
    <td style="width:150px;" valign="bottom" colspan="3">
    <p class="contact_us_h3_2">Independent's Service Company has been serving the outdoor advertising needs of America since 1940. Our company began with one small screen print press, printing billboards for the Independent Baker's Association, which is the origin of the company's name. <br /><br />

    The family-owned company today is run by the third and fourth generations of the founder, Frank Berry. Over the years, one screen press in a small shop evolved into a company employing many skilled workers. Today, the silk-screen presses have been replaced by a number of state-of-the-art, grand format, digital printers.
    <br /><br />
    Independent's Service Company now produces large format graphics for the full gamut of America's large and small billboard companies, printing houses, sign shops, and individuals, along with some of the country's most prestigious advertising agencies.</p>
    </td>


    </tr>
    <tr>
    <td valign="bottom" colspan="3">
    <p class="contact_us_h2">AND OUR PRESENT</p>
    </td>


    </tr>
    <tr>
    <td style="width:150px; border-bottom:1px solid #666" valign="bottom" colspan="3"></td>
    </tr>
    <tr>
    <td style="width:150px;" valign="bottom" colspan="3">
    <p class="contact_us_h3_2">Today we are a proud member of the outdoor advertising community's foundation. We serve our customers with high quality printing, and an increasing diversification and modernization of products. We specialize in quality, top-notch customer care that hasn't changed in our 70+ years of doing business, and won't in the future. <br /><br /><br /><br /></p>
    </td>


    </tr>
    </table>
    </div>
    </div>
    </div>


    etc.


    Thanks so much for looking!

  2. #2
    Join Date
    Jul 2003
    Location
    The City of Roses
    Posts
    2,503
    Check out jQuery's history plugins.
    for(split(//,'))*))91:+9.*4:1A1+9,1))2*:..)))2*:31.-1)4131)1))2*:3)"'))
    {for(ord){$i+=$_&7;grep(vec($s,$i++,1)=1,1..($_>>3)-4);}}print"$s\n";

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Tags for this Thread

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles