| 1: | <?php
|
| 2: | |
| 3: | |
| 4: | |
| 5: | |
| 6: |
|
| 7: |
|
| 8: |
|
| 9: |
|
| 10: | class Accordion extends Sphp\tools\Component{
|
| 11: | protected function oncreate($element){
|
| 12: | $this->setHTMLName("");
|
| 13: | }
|
| 14: |
|
| 15: | protected function onjsrender(){
|
| 16: | global $jquerypath;
|
| 17: | |
| 18: | |
| 19: | |
| 20: | |
| 21: | |
| 22: | |
| 23: | |
| 24: |
|
| 25: | addHeaderJSFunctionCode('ready',$this->name,'
|
| 26: | $("#'.$this->name.'").accordion();
|
| 27: | ');
|
| 28: | if($this->innerHTML == ''){
|
| 29: | $this->innerHTML = ' <h3><a href="#">Section 1</a></h3>
|
| 30: | <div>
|
| 31: | <p>
|
| 32: |
|
| 33: | Mauris mauris ante, blandit et, ultrices a, suscipit eget, quam. Integer
|
| 34: | ut neque. Vivamus nisi metus, molestie vel, gravida in, condimentum sit
|
| 35: | amet, nunc. Nam a nibh. Donec suscipit eros. Nam mi. Proin viverra leo ut
|
| 36: | odio. Curabitur malesuada. Vestibulum a velit eu ante scelerisque vulputate.
|
| 37: | </p>
|
| 38: | </div>
|
| 39: | <h3><a href="#">Section 2</a></h3>
|
| 40: | <div>
|
| 41: | <p>
|
| 42: | Sed non urna. Donec et ante. Phasellus eu ligula. Vestibulum sit amet
|
| 43: | purus. Vivamus hendrerit, dolor at aliquet laoreet, mauris turpis porttitor
|
| 44: | velit, faucibus interdum tellus libero ac justo. Vivamus non quam. In
|
| 45: | suscipit faucibus urna.
|
| 46: | </p>
|
| 47: | </div>
|
| 48: |
|
| 49: | <h3><a href="#">Section 3</a></h3>
|
| 50: | <div>
|
| 51: | <p>
|
| 52: | Nam enim risus, molestie et, porta ac, aliquam ac, risus. Quisque lobortis.
|
| 53: | Phasellus pellentesque purus in massa. Aenean in pede. Phasellus ac libero
|
| 54: | ac tellus pellentesque semper. Sed ac felis. Sed commodo, magna quis
|
| 55: | lacinia ornare, quam ante aliquam nisi, eu iaculis leo purus venenatis dui.
|
| 56: | </p>
|
| 57: | <ul>
|
| 58: | <li>List item one</li>
|
| 59: | <li>List item two</li>
|
| 60: |
|
| 61: | <li>List item three</li>
|
| 62: | </ul>
|
| 63: | </div>
|
| 64: | <h3><a href="#">Section 4</a></h3>
|
| 65: | <div>
|
| 66: | <p>
|
| 67: | Cras dictum. Pellentesque habitant morbi tristique senectus et netus
|
| 68: | et malesuada fames ac turpis egestas. Vestibulum ante ipsum primis in
|
| 69: | faucibus orci luctus et ultrices posuere cubilia Curae; Aenean lacinia
|
| 70: | mauris vel est.
|
| 71: | </p>
|
| 72: |
|
| 73: | <p>
|
| 74: | Suspendisse eu nisl. Nullam ut libero. Integer dignissim consequat lectus.
|
| 75: | Class aptent taciti sociosqu ad litora torquent per conubia nostra, per
|
| 76: | inceptos himenaeos.
|
| 77: | </p>
|
| 78: | </div>
|
| 79: | ';
|
| 80: | }
|
| 81: |
|
| 82: | }
|
| 83: |
|
| 84: |
|
| 85: | }
|
| 86: | ?> |