Skip to main content

This site requires you to update your browser. Your browsing experience maybe affected by not having the most up to date version.

We've moved the forum!

Please use forum.silverstripe.org for any new questions (announcement).
The forum archive will stick around, but will be read only.

You can also use our Slack channel or StackOverflow to ask for help.
Check out our community overview for more options to contribute.

Archive /

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

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

menu a tendina su silverstripe con javascript


Go to End


1887 Views

Avatar
ojalà

Community Member, 87 Posts

8 October 2008 at 2:05am

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>