Draggable element

7 views

Skip to first unread message

Capripot

unread,

Jul 17, 2010, 6:23:17 AM7/17/10

to scripty2

I would like to make an element draggable, but it's impossible !!
I've copied the core code of dialog class but it's impossible to make
it work

Do you have an idea about that ?
The code bellow is my test and i can't find why it don't work.

Thanks a lot for your help in advance !

<html>
<head>
<title>essai</title>
<script type="text/javascript" src="inc/js/prototype.js"></script>
<script type="text/javascript" src="inc/js/s2.js"></script>
</head>
<body>
<script type="text/javascript">

//var dialog = new S2.UI.Dialog({content: "Lorem ipsum dolor sit amet,
consectetur adipisicing elit, sed do eiusmod tempor incididunt ut
labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud
exercitation ullamco laboris nisi ut aliquip ex ea commodo
consequat."});
// dialog.open();

box = new Element('div');
S2.UI.addClassNames(box, 'ui-dialog ui-widget ' +
'ui-widget-content ui-corner-all');

box.hide().setStyle({
position: 'absolute',
overflow: 'hidden',
zIndex: 1500,
outline: '0'
});

box.writeAttribute({
tabIndex: '-1',
role: 'dialog'
});

content = new Element('div').update("Truccccc");

S2.UI.addClassNames(content, 'ui-dialog-content ui-widget-content');
box.insert(content);

titleBar = new Element('div');
S2.UI.addClassNames(titleBar, 'ui-dialog-titlebar ui-widget-header '
+
'ui-corner-all ui-helper-clearfix');
box.insert({ top: titleBar });

titleText = new Element('span', { 'class': 'ui-dialog-title' });
titleText.update("Essai !! ");
box.writeAttribute('aria-labelledby',
titleText.readAttribute('id'));
titleBar.insert({ top: titleText }) ;

S2.UI.disableTextSelection(box);

S2.UI.addBehavior(box, S2.UI.Behavior.Drag, { handle: titleBar });

$(document.body).insert(box);
box.show();

</script>
</body>

Reply all

Reply to author

Forward

0 new messages