Announcement

Collapse
No announcement yet.

Drop Down Box

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

    Drop Down Box

    Hi

    Sorry if this has already been posted somewhere. I would like to have a drop down list that when the customer selects the printer type it takes them to another section and then finally to the actual product. The site I have in mind is:

    http://www.inkmasters.co.uk/acatalog...t_Packard.html

    As you can see you can choose the printer series from the drop down list and when it is selected it takes you to all the printers within that series. I can see the way that is structured. It is done using sub sections Etc. The part I cannot quite understand is the drop down with the hyperlinks to the actual sub sections.

    Can this be done within the actual program or is it external coding?

    Thanks

    Phil

    #2
    This looks like it was hand coded - probably with some help from Dreamweaver.

    The easiest way to do this is to run Dreamweaver, create a blank page, do Insert / Form Objects / Jump Menu and create the menu. You can test it by running the little page you've just created.

    Then copy / paste the generated HTML into your section description starting at <select name=....> and ending </select>. Prefix this with !!< and suffix with >!! tags so Actinic will use it as HTML. You'll also have to put the tiny bit of JavaScript into Act_Primary.html (just above the </head> tag.
    Norman - www.drillpine.biz
    Edinburgh, U K / Bitez, Turkey

    Comment


      #3
      If you don't have Dreamweaver then:

      Put the following JavaScript into Act_Primary.html (just above the </head> tag.
      Code:
      <script language="JavaScript">
      <!--
      function MM_jumpMenu(targ,selObj,restore){ //v3.0
        eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'");
        if (restore) selObj.selectedIndex=0;
      }
      //-->
      </script>
      Put this into your Section Description
      Code:
      !!<<select name="menu1" onChange="MM_jumpMenu('parent',this,0)">
          <option value="http://news.bbc.co.uk" selected>BBC</option>
          <option value="http://www.cnn.com">CNN</option>
        </select>>!!
      Adding <option...>....</option> to suit.
      Norman - www.drillpine.biz
      Edinburgh, U K / Bitez, Turkey

      Comment


        #4
        Its ok I see exactly what you mean, works a treat, thanks.

        Comment


          #5
          Doing it Norman's way would only apply it to the products in which the full description contains the <select...> part hand coded in.

          You are not applying the <select> tag to a template but rather just in a product box.
          http://www.johnsons-seeds.com - Actinic plugins, remote add to cart and custom CMS
          http://www.dtbrownseeds.co.uk - More seeds and plants....
          http://www.mr-fothergills.co.uk - Well it used to be Actinic...

          Comment


            #6
            I saw that as soon as I had posted the reply. Thanks!!

            Comment


              #7
              Having achieved the drop down box. The problem that I know have is that I want an image & title Etc, but I do not want the image or the title text to act as a link. I have tried removing the <A HREF="NETQUOTEVAR:SECTIONLINK"> from the sub section but this seems to have a knock on effect with all the other sub sections. Is it possible to keep the image etc but stopping them from acting as a link as that is the purpose of the drop down?

              Thanks

              Comment


                #8
                You can have alternative templates for each Section. Just click the Section and look in Layouts for Section Link Layout.
                Norman - www.drillpine.biz
                Edinburgh, U K / Bitez, Turkey

                Comment

                Working...
                X