Jump to:

17452 Posts in 4473 Topics by 1971 members

Archive

SilverStripe Forums » Archive » menu a tendina su silverstripe con javascript

Our old forums are still available as a read-only archive.

Moderators: martimiz, Sean, biapar, Willr, Ingo, simon_w

Page: 1
Go to End
Author Topic: 1350 Views
  • ojalà
    Avatar
    Community Member
    87 Posts

    menu a tendina su silverstripe con javascript Link to this post

    Ciao!
    devo realizzare un menu a tendina simile a questo:

    http://www.dynamicdrive.com/dynamicindex1/chrome/

    ho scaricato il pacchetto corrispondente, il problema è che devo farlo funzionare qui con silverstipe..come faccio?
    il file .js l'ho inserito in cms/javascript e il .css in cms/css.

    Nella guida dicono di inserire in page.ss l'inclusione del javascript:

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

    io dove devo metterli?

    e per il menu dicono di fare cosi:

    <div class="chromestyle" id="chromemenu">
    <ul>
    <li><a href="http://www.dynamicdrive.com">Home</a></li>
    <li><a href="#" rel="dropmenu1">Resources</a></li>
    <li><a href="#" rel="dropmenu2">News</a></li>
    <li><a href="#" rel="dropmenu3">Search</a></li>   
    </ul>
    </div>

    <!--1st drop down menu -->
    <div id="dropmenu1" class="dropmenudiv">
    <a href="http://www.dynamicdrive.com/">Dynamic Drive</a>
    <a href="http://www.cssdrive.com">CSS Drive</a>
    <a href="http://www.javascriptkit.com">JavaScript Kit</a>
    <a href="http://www.codingforums.com">Coding Forums</a>
    <a href="http://www.javascriptkit.com/jsref/">JavaScript Reference</a>
    </div>

    come lo trasformo sul mio menu su silverstripe che è di questo tipo?

    <ul id="Navlist">
    <% control Menu(1) %>   
    <li><a href="$Link" title="Go to the $Title.XML page" class="$LinkingMode">$MenuTitle</a></li>
    <% end_control %>
    </ul>

    1350 Views
Page: 1
Go to Top

Want to know more about the company that brought you SilverStripe? Then check out SilverStripe.com

Comments on this website? Please give feedback.