Difference between revisions of "Team:UC Davis/Safety"
| Line 1: | Line 1: | ||
{{CSS/Main}} | {{CSS/Main}} | ||
<html> | <html> | ||
| + | <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> | ||
| + | <script type="text/javascript" src="http://tester3.yolasite.com/resources/javascript/jtruncate.js"></script> | ||
| + | <script type="text/javascript"> | ||
| + | // Settings for script | ||
| + | $(document).ready(function() { | ||
| + | $('.text').jTruncate({ | ||
| + | length: 200, /* The number of characters to display before truncating. */ | ||
| + | |||
| + | minTrail: 0, /* The minimum number of "extra" characters required to truncate. This option allows you to prevent truncation of a section of text that is only a few characters longer than the specified length. */ | ||
| + | |||
| + | moreText: "Read More", // The text to use for the "more" link. | ||
| + | lessText: "Read Less", // The text to use for the "less" link. | ||
| + | ellipsisText: "...", // The text to append to the truncated portion. | ||
| + | }); | ||
| + | }); | ||
| + | |||
| + | </script> | ||
<style> | <style> | ||
| Line 94: | Line 111: | ||
<!--PUT CONTENT HERE--> | <!--PUT CONTENT HERE--> | ||
| + | |||
| + | |||
| + | |||
| + | |||
| + | <p class="text">Hello, here is some text that will truncate after 200 characters and a "read more" link (or whatever text is specified in the settings) will be appended to it. Here is some more text. Here is some more text. Here is some more text. Here is some more text. Here is some more text.</p> | ||
<!--Numbered bulet point list --> | <!--Numbered bulet point list --> | ||
Revision as of 11:52, 13 September 2015
 |
|
|
|
|
|
|
|