File manager - Edit - /usr/local/cpanel/3rdparty/share/angular-ui-scroll/1.6.1/demo/windowviewportInline/windowviewportInline.html
Back
<!doctype html> <html> <head> <meta charset="utf-8"> <title>Inline blocks demo</title> <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.js"></script> <script src="../../dist/ui-scroll.js"></script> <script src="windowviewportInline.js" type="text/javascript"></script> <link rel="stylesheet" href="../css/style.css" type="text/css"/> </head> <body ng-app="application"> <script> (function () { window.inlineDemo = { items: {}, minX: 100, maxX: 150, minY: 50, maxY: 100, defaultWidth: 100, defaultHeight: 50, defaultColor: '#ffffe0', defaultColorOdd: '#e0ffff', isLighter: true, getWidth: function (index) { if (this.items['n' + index] !== undefined) { return this.items['n' + index].width; } return this.defaultWidth; }, getHeight: function (index) { if (this.items['n' + index] !== undefined) { return this.items['n' + index].height; } return this.defaultHeight; }, getColor: function (index) { if (this.items['n' + index] !== undefined) { return this.items['n' + index].color; } return index % 2 === 0 ? this.defaultColor : this.defaultColorOdd; }, initialize: function () { var i, j, color, letters = '0123456789ABCDEF'.split(''); for (i = -100; i < 100; i++) { this.items['n' + i] = {}; this.items['n' + i].width = Math.floor((Math.random() * (this.maxX - this.minX + 1)) + this.minX); this.items['n' + i].height = Math.floor((Math.random() * (this.maxY - this.minY + 1)) + this.minY); for (j = 0, color = '#'; j < 6; j++) { var minColor = this.isLighter ? 10 : 0; color += letters[Math.floor(Math.random() * (15 - minColor + 1)) + minColor]; } this.items['n' + i].color = color; } } }; inlineDemo.initialize(); })(); </script> <div class="cont cont-global"> <a class="back" href="../index.html">browse other examples</a> <h1 class="page-header page-header-exapmle">Inline blocks demo</h1> <div class="info"> <div class="info-item"><span class="info-item-label">is loading:</span> {{loading}}</div> <div class="info-item"><span class="info-item-label">top visible:</span> {{topItem}}</div> </div> <div class="viewport" id="viewport-windowviewportInline"> <div class="item-inline" ui-scroll="item in datasource" top-visible="topItem" is-loading="loading"> <div class="item-inline-inn" style="width: {{item.width}}px; height: {{item.height}}px; background-color: {{item.color}}"> *{{item.content}}* </div> </div> </div> </div> </body> </html>
| ver. 1.4 |
Github
|
.
| PHP 8.1.34 | Generation time: 0.02 |
proxy
|
phpinfo
|
Settings