"
Team:Carnegie Mellon/FAQ
From 2012.igem.org
| Line 26: | Line 26: | ||
| + | <html> | ||
| + | <!-- Testing TOC --> | ||
| + | $('#toc').toc({ | ||
| + | 'selectors': 'h1,h2,h3', //elements to use as headings | ||
| + | 'container': 'body', //element to find all selectors in | ||
| + | 'smoothScrolling': true, //enable or disable smooth scrolling on click | ||
| + | 'prefix': 'toc', //prefix for anchor tags and class names | ||
| + | 'onHighlight': function(el) {}, //called when a new section is highlighted | ||
| + | 'highlightOnScroll': true, //add class to heading that is currently in focus | ||
| + | 'highlightOffset': 100, //offset to trigger the next headline | ||
| + | 'anchorName': function(i, heading, prefix) { //custom function for anchor name | ||
| + | return prefix+i; | ||
| + | }, | ||
| + | 'headerText': function(i, heading, $heading) { //custom function building the header-item text | ||
| + | return $heading.text(); | ||
| + | } | ||
| + | }); | ||
| + | |||
| + | </html> | ||
{{:Team:Carnegie_Mellon/Templates/Footer}} | {{:Team:Carnegie_Mellon/Templates/Footer}} | ||
Revision as of 19:08, 26 July 2012
FAQ
Question 1. Style sheet?
Question 2. Header/Footer?
Question 3. Markup?
[http://en.wikipedia.org/wiki/Help:Wiki_markup here]
Question 4. General Helpful References
Look at our page's source to see the different div-id's used. Go through the stylesheet to see how each element is formatted and the end result.
[http://www.csszengarden.com/ CSS Zen Garden] - Great site on styling with very nice examples
[http://jquerytools.org/ Jquery Tools] - Toolbox of common JS uses, very thorough demos
[http://www.problogdesign.com/resources/50-jquery-tools-for-awesome-websites/ Misc Jquery] - Links to other popular Jquery based tools
$('#toc').toc({
'selectors': 'h1,h2,h3', //elements to use as headings
'container': 'body', //element to find all selectors in
'smoothScrolling': true, //enable or disable smooth scrolling on click
'prefix': 'toc', //prefix for anchor tags and class names
'onHighlight': function(el) {}, //called when a new section is highlighted
'highlightOnScroll': true, //add class to heading that is currently in focus
'highlightOffset': 100, //offset to trigger the next headline
'anchorName': function(i, heading, prefix) { //custom function for anchor name
return prefix+i;
},
'headerText': function(i, heading, $heading) { //custom function building the header-item text
return $heading.text();
}
});
