Buying Advanced JavaScript AJAX "read more" sections with history and G. Analytics

Discussion in 'Programming' started by e-stonia, Nov 7, 2011.

  1. #1
    Design is being cut into HTML right now but can be seen here: http://e-stoniaweb.eu/projects/cirrato

    What you have to do is to make the "Features" section "read more" JavaScript to work. See the image: http://e-stoniaweb.eu/projects/cirrato/expand.jpg. If you click on the "read more" then more information will slide open.

    In the image there is three sections that can be expanded: "Consolidate...", "Printer Help..." and "Follow..." and the first one is open as in that screenshot someone already has clicked on "Consolidate..." and it's open so the URL is www.domain.com/file.html#read-more-consolidate-print-servers

    Please, see for example these instructions: http://flowplayer.org/tools/demos/tabs/ajax-history.html#ajax1.htm

    When you arrive to URL www.domain.com/file.html then all three sections will be closed and you need to click if you want to open but when you go directly to link www.domain.com/file.html#read-more-consolidate-print-servers then "Consolidate..." must be open when page loads.

    Please, make sure you read through this: http://flowplayer.org/tools/tabs/index.html and use:

    // send google analytics when tabs are clicked
    api.onClick(function(e, index) {
    _tracker._trackEvent("Documentation", "Tabs", "tab " + index);
    });

    WE NEED TO BE ABLE TO TRACK FROM GOOGLE ANALYTICS WHAT SECTIONS HAVE BEEN EXPANDED AND WHAT HAVEN'T.

    We need really advanced AJAX / JavaScript / jQuery expert to our team as we want to sell similar advanced AJAX solutions to our further customers.

    Please, also advise if it's possible to make in the expand.JPG the top TABS to work with AJAX or it's not possible to have JS inside another JS tab?
     
    e-stonia, Nov 7, 2011 IP