Javascript-форум (https://javascript.ru/forum/)
-   Ваши сайты и скрипты (https://javascript.ru/forum/project/)
-   -   Отпуск. Скучно. (https://javascript.ru/forum/project/67221-otpusk-skuchno.html)

Diphenyl Oxalate 09.02.2017 07:53

Цитата:

Сообщение от xShift (Сообщение 443717)
Извините, а можно кое что из вашего кода взять и переработать для своих целей?

Конечно можно.
А что именно?

xShift 09.02.2017 12:21

Цитата:

Сообщение от Diphenyl Oxalate (Сообщение 443729)
Конечно можно.
А что именно?

Благодарю. Пока хинты, зум и возможно менюшку. Пишу Фреймворк. :write: Ну и я это все истесано переработаю под архитектуру.

Diphenyl Oxalate 11.02.2017 20:11

Что интересно, в IE8 не работает ни один из скриптов.
Даже на банальной страничке со ссылками вместо русского текста было �������

psiklop 12.02.2017 23:54

Дык конечно, кодировка на странице не указана
во многих браузерах так будет
<meta charset="utf-8">

завидую я вам, формулы знаете, векторы, а этого не знаете

Diphenyl Oxalate 28.02.2017 22:21

Переписал скрипт окошек с нуля, теперь это хотя бы не выглядит как привет из 95-го

Oxalate Window
(английский не для вые*она, а потому что юКоз упорно не хочет дружить с ру��кими б�кв�ми)

Планируется линейка виджетов Oxalate.JS, призванная перевернуть мир фронтенд-разработки скоротать оставшиеся дни отпуска.

Работа над Oxalate Window ещё не закончена; будет добавлена большая гибкость (пользовательские стили, обработчики resize/drag/toggle/close и прочее), анимированный ресайз и перенос окна, а также кастомизация:

var custom = Oxalate.window( { width : "500px", height : "500px" } );

custom({ /* [...] */ });
// теперь все окна, созданные через custom(), будут иметь размеры 500х500
// так можно задать любые парамеры по умолчанию
// это позволит не указывать их каждый раз, если надо создать много окон с похожими параметрами


Доступные параметры:

{

width : "500px", // ширина
height : "300px", // высота (без учёта заголовка - 20px)
headerText : "Header", // заголовок
contentText : "Your text", // тело
animated : true, // анимация при открытии, закрытии, сворачивании
modal : false, // блокировать ли содержимое
notDraggable : false, // запретить перенос окна
noToggleBtn : false, // убрать кнопку "Свернуть"
noCloseBtn : false, // убрать кнопку "Закрыть"
holdIfAny : false, // не открывать если открыто другое окно (окно-чмо)
closeAll : false, // при открытии закрыть все остальные окна (окно-деспот)
holdAll : false, // не открывать другие окна, пока открыто это (окно-лидер)
noCopy : null, /* запретить больше одной копии окна
// по умолчанию null (копии разрешены). Чтобы запретить, надо вместо null передать
// элемент, который вызывает окно, например так:
// A.onclick = function() {
//    Oxalate.window({ noCopy : this });
// }
// Таким образом, если второй раз кликнуть по ссылке которое вызывает окно, а оно открыто, то окно не появится
*/
closeIfAny : false, // закрывать при открытии другого окна (пугливое окно)
resize : "11111111", /* стороны для ресайзинга
// 1 - включить, 0 - отключить
// Первые четыре единицы - ресайз вверх, вправо и т.д. по часовой стрелке
// Последние четыре единицы - ресайз по диагонали, вверх-вправо и т.д. по часовой стрелке
// Например, чтобы запретить ресайз по диагонали, следует ввести 11110000
// А чтобы запретить ресайз вообще, следует ввести 00000000
*/
minSize : [100, 100], // мин. размеры
maxSize : [500, 500], // макс. размеры
clickAndClose : false, // закрывать по клику вне окна
buttons : { // пользовательские кнопки
	OK : function () { this.close(); OkFunction() },
	Cancel : function () { this.close() }
} // надпись на кнопке и функция по клику
// в this передаётся служебный объект oWnd, который предоставляет
// доступ к this.close() - закрыть окно и this.toggle() - свернуть/развернуть

}

Diphenyl Oxalate 06.04.2017 20:35

Два часа лишнего времени вылились в это: Colorado.js

Самый интересный параметр - without (по умолчанию blue, может быть так же red/green).

Например, если without="blue", то из двух компонентов (red и green) рисуется градиент, ползунком можно изменять значение blue.

То же самое и для red/green. В общем лучше один раз увидеть.

invertI, invertJ, invertIJ - направление градиента (0 или 1), тоже можно поиграться.

Остальные настройки думаю понятны по названию.


Часовой пояс GMT +3, время: 00:15.