Copied to clipboard

Flag this post as spam?

This post will be reported to the moderators as potential spam to be looked at


  • MMM 4 posts 24 karma points
    Nov 22, 2010 @ 20:50
    MMM
    0

    How can I populate a div with content from the umbraco.library using javascript?

    Is it possible to populate a div with umbraco.library content (onclick) from a list using javascript - specifically getelementbyID???

    My "goal" is to pull content from a tab in the content section and have it populate onlclick from a list.  AKA - the content area of the page would change when a different item was clicked in a list without refreshing the page.

    I can do this on a "regular" page using the javascript function - getelementbyID().innerHTML = "<p>text and content</p>  But now I would like to be able to draw the content from the Content section of Umbraco, more specifically, the content I have inserted in the tabs.  Essentially, I would need some sort of script that identifies the nodeID and specific tab, and then draws the information and populates it onto the content of an aspx page WITHOUT having to refresh the page each time.

    Any suggestions would be most appreciated!

  • Jan Skovgaard 11280 posts 23678 karma points MVP 11x admin c-trib
    Nov 22, 2010 @ 20:58
    Jan Skovgaard
    0

    Hi MMM

    To achieve your goal you need to first pull all the content you want to display on your page out from umbraco using one or more macros and wrap it into the appropiate HTML elements. That is the Umbraco related part. And it's the content from your content section that you're after. "umbraco.library" is just a namespace, which holds referencens to XSLT extensions.

    When you have pulled your out the content style it with CSS.

    When it's styled create the tabbing interaction using javascript. To achieve this I think you can benefit from the Jqueri UI plugin to Jquery, which you can find out more about here: http://jqueryui.com/demos/tabs/

    I hope these pointers help and makes sense to you.

    /Jan

Please Sign in or register to post replies

Write your reply to:

Draft