FrontendLectures/module_.md

Галерея

Галерея (img, prev, next) + лента thumbnails. Hashlinks (?)

$("#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

Тест

var tests = [{question: "Сколько вам лет?",
              answers: ["<5","5..10","10..20"]},
              {question: "Ваш пол?",
              answers: ["мужской", "женский"]}]
$("#container").test(tests);
//....
$("#container").test("results"); // ["10..20", "мужской"]

TreeControl

var cars = {
    minivan: {
        mercedes: ["b250", "2102"],
        volkswagen: ["touran"]
    },
    sedan: {
        bmw: ["328", "530"],
        lada: ["2107"]
    },
}

$("#container").tree(cars); // строит вложенный tree control по аналогии с деревом папок

GridView

$("#container").grid([{name: "aaaa", surname: 'bbbb'},{name: "aaaa", surname: 'bbbb'}], [{key: "name", width: 200, title: "Имя"}, {key: "surname", width: 200, title: "Фамилия"}], 10 /* количество записей на странице */); // строит вложенный tree control по аналогии с деревом папок

ToolTip

$("a.hinted").toolTip(); 

Magnifier

$("#block").magnify(1.5);  //увеличивается в полтора раза

MenuBuilder

ScrollableFlyingBlock

GrafityBox

ValidatedFormBuilder

$("#form").formBuilder({login: {value: "",
                                type: "text",
                                hint: "Логин"},
                        password: {value: "",
                                  type: "password",
                                  hint: "Пароль"
                                  validator: function(){}},
                        password2: {value: "",
                                  type: "password",
                                  hint: "Пароль 2"
                                  validator: function(){}},
                                  });  //увеличивается в полтора раза

GraphPlot

$("#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