WEB Web Crew. Help me out for a sec....

Discussion in 'OT Technology' started by posey, May 18, 2009.

  1. posey

    posey the funniest things are said in the fewest words..

    Joined:
    Jul 15, 2005
    Messages:
    2,274
    Likes Received:
    0
    Location:
    Huntersville, NC
    OK, I want to know the best way to do accomplish two things on a mock design I am working on.

    1.) There will be a News section on the side that will have a few lines of a particular articles, then it will say something like "Read Full Story" When the user clicks that, I want it to take them to a page that will have all news for that website on a single page, AND take them directly to that article within the news pages. Meaning, if that was an older article and the user would typically have to scroll down to find it on the news page, the link would do that for them.

    2.) Simplified way to make a vertical stretch layout. Similar to a wordpress page where adding new content stretches the layout vertically as a adjustment to new content.

    Thanks a ton to anyone who can help me out.... :x:
     
  2. Die Antwoord

    Die Antwoord New Member

    Joined:
    Nov 5, 2007
    Messages:
    7,913
    Likes Received:
    0
    Location:
    Orlando, FL
    Huntersville. :cool:
     
  3. posey

    posey the funniest things are said in the fewest words..

    Joined:
    Jul 15, 2005
    Messages:
    2,274
    Likes Received:
    0
    Location:
    Huntersville, NC
    what up :wavey:
     
  4. Pepsi1975

    Pepsi1975 Mod of the Year

    Joined:
    Jan 6, 2005
    Messages:
    47,590
    Likes Received:
    1
    Location:
    Detroit
    first one i would do with anchor tags, but maybe someone has a different suggestion
     
  5. posey

    posey the funniest things are said in the fewest words..

    Joined:
    Jul 15, 2005
    Messages:
    2,274
    Likes Received:
    0
    Location:
    Huntersville, NC
    looked into, sounds like this will do the trick. :bowdown:

    Now, any ideas about the vertical stretch?
     
  6. brds

    brds OT Supporter

    Joined:
    Jun 26, 2006
    Messages:
    17,650
    Likes Received:
    15
    Location:
    Atlanta
    For the first one, you can put each news item in a database (you could create a form for yourself to be able to do this) and then just use a simple script to load up the latest stories and display them. For example:

    As for the second part, i dont even know what you mean :wiggle:
    Edit for 1st part:
    You could have the read more link bring them to a page where the full article is displayed, or... use CSS to create collapsible div's so that when the user clicks the link, the full story would expand in the side news menu.


    edit for 2nd part:

    I'm not sure if i got this exactly right for what you're talking about... but you could do something like this:

     
    Last edited: May 18, 2009
  7. Pepsi1975

    Pepsi1975 Mod of the Year

    Joined:
    Jan 6, 2005
    Messages:
    47,590
    Likes Received:
    1
    Location:
    Detroit
    not being a smart ass or what ever, i am curious why you would go that route over anchor tags, why is it better?
     
  8. brds

    brds OT Supporter

    Joined:
    Jun 26, 2006
    Messages:
    17,650
    Likes Received:
    15
    Location:
    Atlanta

    Where would the text be stored if you did anchors? wouldn't you constantly be having to update the webpage and editing which stories would get drawn? doesn't a DB seem like a much more neat and orderly way to go? :dunno:

    Plus, I'm not exactly sure what you mean when you say "do it with anchors" though... how would you do it with anchors?
     
  9. Pepsi1975

    Pepsi1975 Mod of the Year

    Joined:
    Jan 6, 2005
    Messages:
    47,590
    Likes Received:
    1
    Location:
    Detroit
    you never used anchor tags before?

    i usually use anchor tags for what he is doing

    http://www.w3schools.com/HTML/html_links.asp
    http://www.w3schools.com/TAGS/tag_a.asp
    http://www.w3schools.com/WAP/tag_anchor.asp
     
  10. brds

    brds OT Supporter

    Joined:
    Jun 26, 2006
    Messages:
    17,650
    Likes Received:
    15
    Location:
    Atlanta
  11. posey

    posey the funniest things are said in the fewest words..

    Joined:
    Jul 15, 2005
    Messages:
    2,274
    Likes Received:
    0
    Location:
    Huntersville, NC
    For the second part, look at this link, http://en.wordpress.com/tag/sfiv/

    Every time a new post is made, the older post are moved down, which "stretches" the layout vertically.

    It makes the entire page longer, and the user has to scroll down more to see, lets say the first article. i guess it's kinda like making an iframe, but without the frame?
     
  12. brds

    brds OT Supporter

    Joined:
    Jun 26, 2006
    Messages:
    17,650
    Likes Received:
    15
    Location:
    Atlanta
    Oh, i dont know how to do all that stuff. The way i would do it (and it's kinda a work-around) is this:

    • have main page where comments are shown.
    • have the form to submit a comment at the bottom of the page (or wherever you want it).
    • Have the form point to a page that stores the comment in a database and then automatically redirects them back to the main page.
    This way, the user would hit the submit comment button and the page would just look like it's refreshing, but their new comment would show up.
     
  13. posey

    posey the funniest things are said in the fewest words..

    Joined:
    Jul 15, 2005
    Messages:
    2,274
    Likes Received:
    0
    Location:
    Huntersville, NC

    there wouldn't be any comments, just the articles
     
  14. brds

    brds OT Supporter

    Joined:
    Jun 26, 2006
    Messages:
    17,650
    Likes Received:
    15
    Location:
    Atlanta
    so why would you need it to auto-expand on the height? Why can't the viewer just see the article on their next pageload?
     
  15. kingtoad

    kingtoad OT Supporter

    Joined:
    Sep 2, 2003
    Messages:
    55,923
    Likes Received:
    11
    Location:
    Los Angeles
    I don't exactly know what you mean by expanding vertically? Generally, your website would allow for that functionality by default unless you specify otherwise. Unless you want it to dynamically add it with JavaScript. That may take some practice but should still be fairly straight forward.
     
  16. posey

    posey the funniest things are said in the fewest words..

    Joined:
    Jul 15, 2005
    Messages:
    2,274
    Likes Received:
    0
    Location:
    Huntersville, NC
    This would be the page that the user is taken to AFTER they click the READ MORE link. That link would take them to the news page, which would just be one page. That one page would just keep growing as more articles were added.

    EDIT - Kinda like a pixel stretch i guess. Just like how you can stretch a background gradient horizontally, but in this case I want to stretch the body of the layout vertically.
     
  17. tryfuhl

    tryfuhl New Member

    Joined:
    Oct 4, 2003
    Messages:
    75,450
    Likes Received:
    0
    Location:
    MD/DC Metro
    as you add more content the page gets bigger, what are you asking?
     
  18. posey

    posey the funniest things are said in the fewest words..

    Joined:
    Jul 15, 2005
    Messages:
    2,274
    Likes Received:
    0
    Location:
    Huntersville, NC
    OK maybe if you guys see the page you'll get what i'm talking about

    Go here - http://poseygfx.com/demo/

    The articles with the Orange titles are the one's I am refering to. the ...more will take them to the NEWS page. I will make an anchor tag that will take them to that specific article.

    On the NEWS page, I want the layout to stretch. Since the layout is an image it already has set dimensions. I need it to stretch so that it will hold the addition of articles....
     
  19. kingtoad

    kingtoad OT Supporter

    Joined:
    Sep 2, 2003
    Messages:
    55,923
    Likes Received:
    11
    Location:
    Los Angeles
    I would consider that bad usability. But it can easily be accomplished using a div with a hidden overflow or an iframe.
     
  20. posey

    posey the funniest things are said in the fewest words..

    Joined:
    Jul 15, 2005
    Messages:
    2,274
    Likes Received:
    0
    Location:
    Huntersville, NC
    details please :sadwavey:
     
  21. brds

    brds OT Supporter

    Joined:
    Jun 26, 2006
    Messages:
    17,650
    Likes Received:
    15
    Location:
    Atlanta
  22. Ricky

    Ricky █▄ █▄█ █▄ ▀█▄

    Joined:
    Jun 17, 2005
    Messages:
    38,767
    Likes Received:
    6
    i didnt really read the thread but here's an alternative and a little tutorial on something similar to what brds did

    in javascript/html

    http://offtopic.me/div/
     
  23. posey

    posey the funniest things are said in the fewest words..

    Joined:
    Jul 15, 2005
    Messages:
    2,274
    Likes Received:
    0
    Location:
    Huntersville, NC
    Thanks? Guessing this doesn't stretch/repeat a gradient BG though?
     
  24. fishbulb

    fishbulb Active Member

    Joined:
    Oct 29, 2001
    Messages:
    6,848
    Likes Received:
    4
    Location:
    md
    Sure, as long as the div or other container you're toggling has the stretched bg
     

Share This Page