Advanced Search

Results 1 to 7 of 7

Thread: Links to change text on page, not open new page??

  1. #1
    Join Date
    Mar 2009
    Location
    The Motor City!
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Links to change text on page, not open new page??

    Hi,

    I'm trying to recreate this twitter page.

    http://twitter.com/about#about

    I want all my links to change the text in the body section of my page. I don't want new windows to pop up.

    I have a fixed header, body and footer and I want to change the body text. I don't need to wory about scrolling.

    I'm thinking i want to know how to replace div text with new divs...or is there a div text replacement when i click on a link?

    I love this place here and thanks for any help.

    Ksk

  2. #2
    Join Date
    May 2007
    Location
    Boston,ma
    Posts
    2,127
    Thanks
    173
    Thanked 207 Times in 205 Posts

    Default

    They use...

    Code:
    <li><a href="#idea" id="toggle_idea">Where did the idea for Twitter come from?</a></li>

    Code:
      <div id="idea" style="display:none">
        <h3>Where did the idea for Twitter come from?</h3>
        <p>Jack Dorsey had grown interested in the simple idea of being able to know what his friends were doing. Specifically, Jack wondered if there might be an opportunity to build something compelling around this simple status concept. When he brought the idea up to his colleagues, it was decided that a prototype should be built.</p>
        <p>Twitter was funded initially by Obvious, a creative environment in San Francisco, CA. The first prototype was built in two weeks in March 2006 and launched publicly in August of 2006. The service grew popular very quickly and it soon made sense for Twitter to move outside of Obvious. In May 2007, Twitter Incorporated was founded.</p>
    
      </div>
    and I think this file http://ajax.googleapis.com/ajax/libs.../jquery.min.js

  3. #3
    Join Date
    Mar 2009
    Location
    The Motor City!
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Thanks blue.

    Now I'm kinda new at this, although with that said, I must say I was doing html before most even know what the web was...since 96 or so...but i gave up after I graduated...dumb me...man where would I be today if I stayed ahead of the curve...anyway.

    Now...I'm back and learning CSS.

    I love this stuff. I'll give it a whirl. So i'm going to need to open that ajax file to actually see how the do the swap portion of this script is that it?

    I fear I may be treding lightly...

    Thanks Blue and I'll prob be trying this out.

  4. #4
    Join Date
    Mar 2009
    Location
    The Motor City!
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Dang! What the heck is all that stuff in that .js file? i have no idea what that all is. It can't be the code to make the text swap...really? Dang.

  5. #5
    Join Date
    Mar 2009
    Location
    The Motor City!
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Ahh i see a java script file...cool! Lots of coding though.

  6. #6
    Join Date
    May 2007
    Location
    Boston,ma
    Posts
    2,127
    Thanks
    173
    Thanked 207 Times in 205 Posts

    Default

    yea i believe that's actually a library (or something like that) with multiple functions in it.

  7. #7
    Join Date
    Jun 2007
    Posts
    543
    Thanks
    3
    Thanked 78 Times in 78 Posts
    Blog Entries
    1

    Default

    for something so simple, don't use a library. try one of the solutions in this thread: http://www.dynamicdrive.com/forums/s...ad.php?t=42998
    [Jasme Library (Javascript Motion Effects)] My Site
    /\/\@ /\/\@|{
    There are 10 kinds of people in the world, those that understand binary and those that don't.

Bookmarks

Posting Permissions

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