library-mirrors/jquery-ui
1
0
Fork 0
mirror of https://github.com/jquery/jquery-ui.git synced 2024-11-21 11:04:24 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

layout demo: fixed positioning of add-button, border-top of header got messed up in IE

Browse Source
This commit is contained in:
Jörn Zaefferer 2008-09-03 13:29:43 +00:00
parent d0b0281db1
commit b59354a4b2
3 changed files with 7 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
demos/real-world/layout/demo-ie.css
View File

@ -1 +1,3 @@
.ui-sortable h2 { top: -4px; }
#overlay #preloader img { margin-top: 11px; }

4
demos/real-world/layout/demo.css
View File

@ -11,7 +11,7 @@ a { color:#FFF; }
#overlay #preloader img { margin:0; vertical-align:middle; }
.ui-sortable { background-color:#FFF; border:1px solid #555; color:#222; margin:0 15px 15px 0; padding:0 10px 10px; width:175px; }
.ui-sortable h2 { background-color:#555; border-top:3px solid #666; color:#FFF; font-size:11px; margin:0 -10px 10px; line-height:2; padding:0 10px; }
.ui-sortable h2 { background-color:#555; border-top:3px solid #666; color:#FFF; font-size:11px; margin:0 -10px 10px; line-height:2; padding:0 10px; position:relative; }
dl.sort { color:#222; margin:10px 0; }
#uidemo dl.first { margin-top:0; }
@ -27,7 +27,7 @@ span.options { cursor:default; font-size:1px; line-height:1px; position:absolute
span.options a { background-color:#FFF; cursor:pointer; display:block; float:left; text-indent:-9000px; }
span.options a.add { background: url(add.png) no-repeat; }
.ui-sortable h2 span.options { right:10px; top:8px; width:30px; }
.ui-sortable h2 span.options { right:-12px; top:5px; width:30px; }
.ui-sortable h2 span.options a { height:12px; width:30px; }
dl.sort dt span.options { right:5px; top:5px; width:27px; }

5
demos/real-world/layout/demo.js
View File

@ -22,12 +22,13 @@
updateUpDown(dl.parent());
};
var counter = 1;
function addItem(){
var sortable = $(this).parents('.ui-sortable');
var options = '<span class="options"><a class="up">up</a><a class="down">down</a></span>';
var tpl = '<dl class="sort"><dt>{name}' + options + '</dt><dd>{desc}</dd></dl>';
var html = tpl.replace(/{name}/g, 'Dynamic name :D').replace(/{desc}/g, 'Description');
var html = tpl.replace(/{name}/g, 'Dynamic name ' + counter).replace(/{desc}/g, 'Description');
counter += 1;
sortable.append(html).sortable('refresh').find('a.up, a.down').bind('click', moveUpDown);
updateUpDown(sortable);
};