Announcement

Collapse
No announcement yet.

Spryassets - Accordion

Collapse
X
Collapse
 
  • Page of 1
  • Filter
  • Time
  • Show
Clear All
new posts
Previous template Next
    #1

    Spryassets - Accordion

    Hi All

    Hopefully a simple one...

    I'm trying to use the Accordion Spryassets panel. I have copied the CSS from the generated spryassets CSS file directly into the Actinic stylesheet and after making some changes to this CSS I can see that the CSS seems to be working fine.

    however, the actual javascript seems to be having little/no affect as the accordion / panels do not collapse. They all simply remain open, which gives the look of

    I have copied the spryaccordion.js file into the site root 'site1' folder, added the <script src="SpryAccordion.js" type="text/javascript"></script> into the <head> section under the 'Outer Layout' section and am now stuck.

    Can some one confirm where exactly I should be putting the <script src="SpryAccordion.js" type="text/javascript"></script> line ?

    Actinic does not appear to be reading the javascript for my spry asset or the actual spryasset itself is not linking with the javascript...

    Has anyone got any clues as to the problem ?



    Many Thanks


    Steve
    Tags: None
    #2
    Steven,
    It sounds like you've put everything in the correct place.
    Have you uploaded this work to a test site? Does it still not work there?

    When Actinic previews the site offline, on your PC, it creates a temporary HTML file for previewing purposes. It may be worthwhile performing an offline preview, then checking the source code to see where the SpryAccordion.js is being referenced i.e. is the path to the file correct for the preview?

    NOTE: It may work correctly when uploaded. Worthwhile testing.
    Fergus Weir - teclan ltd
    Ecommerce Digital Marketing

    SellerDeck Responsive Web Design
    SellerDeck Hosting
    SellerDeck Digital Marketing

    Comment

      #3
      Hey Fergus

      Thanks for you reply.

      I checked out the location of the Spryaccordion.js file in the source code from previewing the store.

      What muddys the water a little here is the fact that I'm running Actinic V11 on Windows Vista via my Mac..so the file link looks a little wrong :


      <script src="SpryAccordion.js" type="text/javascript"></script>


      and as mentioned in my original post, the spry asset / accordion affect doesn't work.


      However when I checkout the 'Test' site (which is uploaded while in 'Test Mode'), again the Spryasset doesn't work. The reference to the SpryAccordion.js file exists within the <head> section like so :

      <script src="SpryAccordion.js" type="text/javascript"></script>


      The only discrepancy I note however is actually following the path to test site via accessing via an FTP program.

      Actinic informs me after an upload in Test Mode that the test site is at the following link :

      http://www.rytonproduce.co.uk/acatalog/test/

      Using my FTP program the only file that exists here is the index.html file and the 'a catalog' folder, though the website seems to work fine from this link. I guess the index file simply redirects some of the traffic to this subfolder.


      however when I navigate to the actual SpryAccordion.js file it is located with all the other website files at :

      http://www.rytonproduce.co.uk/acatalog/test/acatalog/

      Generally speaking should a spry asset work OK in Test Mode once uploaded? I'm guessing it should !


      Have you experience of spry assets in test mode ?


      Thanks again

      Steve

      Comment

        #4
        Steve,
        This all looks OK to me on the test site.

        The reference to the Spry file on the homepage (the only page not in the 'acatalog' folder) is

        <script src="acatalog/SpryAccordion.js" type="text/javascript"></script>

        whilst the reference to the file from all other pages (in the 'acatalog' folder) is

        <script src="SpryAccordion.js" type="text/javascript"></script>

        i.e. Actinic is referencing the Spry resource file correctly.

        What exactly is the Spry feature you are trying to implement, and where?
        Fergus Weir - teclan ltd
        Ecommerce Digital Marketing

        SellerDeck Responsive Web Design
        SellerDeck Hosting
        SellerDeck Digital Marketing

        Comment

          #5
          Hi Fergus

          Thanks for getting back to me so quickly !

          The page that I'm trying to run the spry asset on is here :

          http://www.rytonproduce.co.uk/acatal.../About-Us.html

          You can see the 5 panels which are permanently open.


          Simply trying to insert some info into the Accordion Spry panel. Having created the original spry accordion spry panel in Dreamweaver I'm looking to transfer it into Actinic.



          I appreciate your assistance with this !


          Steve

          Comment

            #6
            Steve,

            Implementing the Javascript, HTML and CSS is the main part of getting spry to work, however I think you have neglected the most important element. The bit that "starts" the Accordion on the page.

            Code:
            <script type="text/javascript"> 	var Accordion1 = new Spry.Widget.Accordion("Accordion1"); </script>
            You need something like this on the page.
            See: http://labs.adobe.com/technologies/s...dion_overview/
            Fergus Weir - teclan ltd
            Ecommerce Digital Marketing

            SellerDeck Responsive Web Design
            SellerDeck Hosting
            SellerDeck Digital Marketing

            Comment

              #7
              ahaa!!!!

              Yes I have !!

              Thankyou very much. :-)

              I found this piece of code at the bottom of the html page just before the </body> tag....

              so My next question is...where do i place this code? is at the bottom of the about-us.html page ??


              Thanks

              Steve

              Comment

                #8
                Hi Fergus

                Yes...its all working now !

                http://www.rytonproduce.co.uk/acatal.../About-Us.html

                Mega Thanks for helping to fix this issue ! really appreciate it.

                Just got to populate it now and format it !

                Have a great day !!


                Steve

                Comment

                  #9
                  We much prefer using the JQuery accordion:
                  http://docs.jquery.com/UI/Accordion
                  Fergus Weir - teclan ltd
                  Ecommerce Digital Marketing

                  SellerDeck Responsive Web Design
                  SellerDeck Hosting
                  SellerDeck Digital Marketing

                  Comment

                    #10
                    That looks interesting !

                    how come JQuery ?


                    Steve

                    Comment

                      #11
                      Originally posted by Sunstone View Post

                      how come JQuery ?


                      Steve
                      As a javascript library it is well supported and documented with many more features and uses than Spry, in our opinion.
                      See: http://api.jquery.com/category/effects/
                      for just a few examples
                      Fergus Weir - teclan ltd
                      Ecommerce Digital Marketing

                      SellerDeck Responsive Web Design
                      SellerDeck Hosting
                      SellerDeck Digital Marketing

                      Comment

                      Previous template Next
                      Working...
                      X