|
u.js - custombuttons
|
|
| Jampire | Отредактировал Jampire - Суббота, 21 Августа 2010, 10:01 Дата: 21 Августа 2010, 10:44 | Сообщение # 1 |  ● ● ● ● ● 220 сообщений Статус: Offline | Уже час бьюсь головой и не как не могу понять как в аякс окно добавить custombuttons. В статье про u.js написано но там не понятно как его вставить:
Code <a href="javascript://" onclick="new _uWnd('cbtns',' ',600,0,{autosize:1,header:1,resize:0,min:1,max:1},{url:'хмелька'});">123</a>
Вызываю так.
Сначала думал примерно так всунуть в код:
Code <a href="javascript://" onclick="new _uWnd('cbtns',' ',600,0,{autosize:1,header:1,resize:0,min:1,max:1},{url:'хмелька'}),{'xt-name': [init_visible:1]};">123</a> Прошу вашей помощи... up Добавлено (21 Август 2010, 10:44)
---------------------------------------------
up | | |
|
| Бармалей | Дата: 21 Августа 2010, 11:08 | Сообщение # 2 | ● ● ● ● ● Тиран 7772 сообщения Статус: Offline | Читать надо внимательнееCode [js-run]wnd = new _uWnd('cbtns', ' ', 600, 0, {
autosize: 1,
header: 1,
resize: 0,
min: 1,
max: 1,
customButtons: {
'name1': [true, function () {
alert(1)
}],
'name2': [true, function () {
alert(2)
}]
}
},
'content');
 | | |
|
| Jampire | Дата: 21 Августа 2010, 15:19 | Сообщение # 3 | ● ● ● ● ● 220 сообщений Статус: Offline | Бармалей, Отличное работает но как менять картинку кнопки? Открыл http://s105.ucoz.net/src/layer1.css
Там есть строчки
Code .xt-close{background-position:0 0;}
.xt-close-over{background-position:-15px 0;}
.xt-mini{background-position:0 -15px;}
.xt-mini-over{background-position:-15px -15px;}
.xt-maxi{background-position:0 -30px;}
.xt-maxi-over{background-position:-15px -30px;}
.xt-rest{background-position:0 -45px;}
.xt-rest-over{background-position:-15px -45px;}
.xw-hdr{text-align:left;white-space:nowrap;padding:1px 0 0 0;white-space:nowrap;zoom:1;height:24px}
.xw-hdr-text{vertical-align:3px;cursor:default;color:#15428b;font:bold 11px tahoma,arial,verdana,sans-serif;line-height:20px;}
.xw-sps {height:4px;overflow:hidden;position:absolute;width:100%;z-index:1}
.xw-tsps{height:6px}
.xw-resize .xw-tl {cursor:nw-resize}
.xw-resize .xw-tr {cursor:ne-resize}
.xw-resize .xw-sps {cursor:n-resize}
.xw-resize .xw-ml {cursor:w-resize}
.xw-resize .xw-mr {cursor:e-resize}
.xw-resize .xw-mc {cursor:default}
.xw-resize .xw-bl {cursor:sw-resize}
.xw-resize .xw-br {cursor:se-resize}
.xw-resize .xw-bc {cursor:s-resize}
.xw-dragging .xw-tl {opacity:0.7;filter:Alpha(Opacity='70');}
.xw-tc{background:transparent url(/.s/img/wd/1/top-bottom.png) repeat-x 0 0;overflow:hidden;zoom:1;position:relative;font-size:0;line-height:0;}
.xw-tl{background:transparent url(/.s/img/wd/1/left-corners.png) no-repeat 0 0;padding-left:6px;position:relative;zoom:1}
.xw-tr{background:transparent url(/.s/img/wd/1/right-corners.png) no-repeat right 0;padding-right:6px;position:relative;zoom:1}
.xw-bc{background:transparent url(/.s/img/wd/1/top-bottom.png) repeat-x 0 bottom;zoom:1;font-size:0;line-height:0;overflow:hidden;}
.xw-bcm{height:2px;background:transparent url(/.s/img/wd/1/top-bottom.png) repeat-x 0 bottom;zoom:1}
.xw-bc .xw-footer{padding-bottom:6px;font-size:0;line-height:0;zoom:1;}
.xw-bcm .xw-footer{padding-bottom:2px;font-size:0;line-height:0;zoom:1;}
.xw-bl{background:transparent url(/.s/img/wd/1/left-corners.png) no-repeat 0 bottom;padding-left:6px;zoom:1;}
.xw-br{background:transparent url(/.s/img/wd/1/right-corners.png) no-repeat right bottom;padding-right:6px;zoom:1;}
.xw-mc{border:1px solid #99bbe8;padding:0;margin:0;font:normal 11px tahoma,arial,helvetica,sans-serif;background:#CAD9EC;zoom:1;}
.xw-ml{background:transparent url(/.s/img/wd/1/left-right.png) repeat-y 0 0;padding-left:6px;zoom:1;}
.xw-mr{background:transparent url(/.s/img/wd/1/left-right.png) repeat-y right 0;padding-right:6px;zoom:1;}
.xw-bc {height:6px;}
.xw-icon{width:16px;margin:2px 2px 0 0;height:16px;}
.xw-body{background:transparent}
.xw-draggable,.xw-draggable .xw-hdr-text{cursor:move;}
.xw-plain .xw-mc{background:#CAD9EC;border-right:1px solid #DFE8F6;border-bottom:1px solid #DFE8F6;border-top:1px solid #a3bae9;border-left:1px solid #a3bae9;}
.xw-plain .xw-body{padding:3px;border-left:1px solid #DFE8F6;border-top:1px solid #DFE8F6;border-bottom:1px solid #a3bae9;border-right:1px solid #a3bae9;background:transparent !important;}
.xw-blank {background:#a3bae9;opacity:0.4;filter:Alpha(Opacity='40');overflow:hidden}
В коде кнопки пробовал вписывать вместо [var]name1[/var][var]name2[/var] эти значения - результата 0. Вылазит картинка крестика | | |
|
| Бармалей | Дата: 21 Августа 2010, 15:34 | Сообщение # 4 | ● ● ● ● ● Тиран 7772 сообщения Статус: Offline | Code [css].xt-name1{background-position:0 -60px;}
.xt-name1-over{background-position:-15px -60px;}
| | |
|
| Bogggdan | Дата: 22 Августа 2010, 15:38 | Сообщение # 5 | ● ● ● ● ● 408 сообщений Статус: Offline | А если init_visible = false и кнопку необходимо показать позже? Как юзать функцию showcustombutton? | | |
|
| Бармалей | Дата: 22 Августа 2010, 17:33 | Сообщение # 6 | ● ● ● ● ● Тиран 7772 сообщения Статус: Offline | Добавил в статью.
| | |
|
| Bogggdan | Дата: 22 Августа 2010, 19:14 | Сообщение # 7 | ● ● ● ● ● 408 сообщений Статус: Offline | Бармалей, Спасибо. Если будет время, то добавь в статью еще функций. Их там еще туча  | | |
|
| Jampire | Отредактировал Jampire - Вторник, 24 Августа 2010, 17:24 Дата: 24 Августа 2010, 17:24 | Сообщение # 8 | ● ● ● ● ● 220 сообщений Статус: Offline | Стили прописал:Code <style>
.xt-rest1{background-position:0 -60px;}
.xt-rest1-over{background-position:-15px -60px;}
</style>
И вписал так:Code customButtons: {
'xt-rest1': [true, function () {
alert(1)
}]
}
Где ошибка?( | | |
|
| Бармалей | Дата: 24 Августа 2010, 18:08 | Сообщение # 9 | ● ● ● ● ● Тиран 7772 сообщения Статус: Offline | Понятия не имею.Code [html-run]<html>
<head>
<script src="http://s4.ucoz.net/src/u.js" type="text/javascript"></script>
<link type="text/css" rel="StyleSheet" href="http://s4.ucoz.net/src/layer3.css" />
</head>
<body>
<style>
.xt-rest1{background-position:0 -60px;}
.xt-rest1-over{background-position:-15px -60px;}
</style>
<script type="text/javascript">
wnd = new _uWnd('cbtns', ' ', 600, 0, {
autosize: 1,
header: 1,
resize: 0,
min: 1,
max: 1,
customButtons: {
'rest1': [true, function () {
alert(1)
}]
}
},
'content');
</script>
</body>
</html>
| | |
|
