|
@@ -0,0 +1,84 @@
|
|
|
+## Галерея
|
|
|
+Галерея (img, prev, next) + лента thumbnails. Hashlinks (?)
|
|
|
+```javascript
|
|
|
+$("#container").gallery([['url1.jpg','thumb1.jpg'],['url2.jpg', 'thumb2.jpg']],{thumbSize: 100,
|
|
|
+thumbPosition: 'top', effect: "//JQUERY ANIMATE OPTIONS"})
|
|
|
+
|
|
|
+$("#container").gallery("currentPosition") //number in gallery array
|
|
|
+$("#container").gallery("currentImage") //array with URLS of image and thumbnail
|
|
|
+```
|
|
|
+## Тест
|
|
|
+```javascript
|
|
|
+var tests = [{question: "Сколько вам лет?",
|
|
|
+ answers: ["<5","5..10","10..20"]},
|
|
|
+ {question: "Ваш пол?",
|
|
|
+ answers: ["мужской", "женский"]}]
|
|
|
+$("#container").test(tests);
|
|
|
+//....
|
|
|
+$("#container").test("results"); // ["10..20", "мужской"]
|
|
|
+```
|
|
|
+## TreeControl
|
|
|
+
|
|
|
+```javascript
|
|
|
+var cars = {
|
|
|
+ minivan: {
|
|
|
+ mercedes: ["b250", "2102"],
|
|
|
+ volkswagen: ["touran"]
|
|
|
+ },
|
|
|
+ sedan: {
|
|
|
+ bmw: ["328", "530"],
|
|
|
+ lada: ["2107"]
|
|
|
+ },
|
|
|
+}
|
|
|
+
|
|
|
+$("#container").tree(cars); // строит вложенный tree control по аналогии с деревом папок
|
|
|
+```
|
|
|
+
|
|
|
+## GridView
|
|
|
+```javascript
|
|
|
+$("#container").grid([{name: "aaaa", surname: 'bbbb'},{name: "aaaa", surname: 'bbbb'}], [{key: "name", width: 200, title: "Имя"}, {key: "surname", width: 200, title: "Фамилия"}], 10 /* количество записей на странице */); // строит вложенный tree control по аналогии с деревом папок
|
|
|
+```
|
|
|
+## ToolTip
|
|
|
+```javascript
|
|
|
+$("a.hinted").toolTip();
|
|
|
+```
|
|
|
+
|
|
|
+## Magnifier
|
|
|
+```javascript
|
|
|
+$("#block").magnify(1.5); //увеличивается в полтора раза
|
|
|
+```
|
|
|
+
|
|
|
+## MenuBuilder
|
|
|
+## ScrollableFlyingBlock
|
|
|
+## GrafityBox
|
|
|
+## ValidatedFormBuilder
|
|
|
+```javascript
|
|
|
+$("#form").formBuilder({login: {value: "",
|
|
|
+ type: "text",
|
|
|
+ hint: "Логин"},
|
|
|
+ password: {value: "",
|
|
|
+ type: "password",
|
|
|
+ hint: "Пароль"
|
|
|
+ validator: function(){}},
|
|
|
+ password2: {value: "",
|
|
|
+ type: "password",
|
|
|
+ hint: "Пароль 2"
|
|
|
+ validator: function(){}},
|
|
|
+ }); //увеличивается в полтора раза
|
|
|
+```
|
|
|
+
|
|
|
+## GraphPlot
|
|
|
+```javascript
|
|
|
+$("#plotContainer").graphPlot({xMin: -5, yMin: -2, xMax: 5, yMax: 2},[{x: -5, y: -2}, {x: 5, y: 2}])
|
|
|
+
|
|
|
+$("#plotContainer").graphPlot({xMin: -5, yMin: -2, xMax: 5, yMax: 2},function(x){
|
|
|
+ return Math.sin(x);
|
|
|
+})
|
|
|
+```
|
|
|
+
|
|
|
+## SalfetkaDraw
|
|
|
+главная настройка - количество секторов (угол между ними). И что бы работало.
|
|
|
+## PiePlot
|
|
|
+## UpScroll
|
|
|
+- BlackWhite
|
|
|
+- AnswerView
|