$3
';
}
}
});
/**
* Handle Selection & Carret position in Textarea
* ( Used for instance in BBCode editor )
* Usage:
* Extends the DOM textarea class.
*/
var textareaSelection = {
test: function (element, text) {
element.replaceSelection(text, true);
},
getSelection: function (element) {
if (element.setSelectionRange)
return element.value.substring(element.selectionStart, element.selectionEnd);
else if (document.selection) {
element.focus();
return document.selection.createRange().text;
}
},
getSelectionStart: function(element) {
if ( typeof element.selectionStart != 'undefined' )
return element.selectionStart;
// IE Support
element.focus();
var range = element.createTextRange();
range.moveToBookmark(document.selection.createRange().getBookmark());
range.moveEnd('character', element.value.length);
return element.value.length - range.text.length;
},
getSelectionEnd: function(element){
if ( typeof element.selectionEnd != 'undefined' )
return element.selectionEnd;
// IE Support
element.focus();
var range = element.createTextRange();
range.moveToBookmark(document.selection.createRange().getBookmark());
range.moveStart('character', - element.value.length);
return range.text.length;
},
setCaretPos: function(element, start, end) {
end = end || start;
element.focus();
if (element.setSelectionRange)
element.setSelectionRange(start, end);
else if (document.selection) {
var range = element.createTextRange();
range.moveStart('character', start);
range.moveEnd('character', - element.value.length + end);
range.select();
}
},
replaceSelection: function (element, str, keep) {
element.focus();
var start = element.getSelectionStart();
var stop = element.getSelectionEnd();
var end = start + str.length;
var scrollPos = element.scrollTop;
element.value = element.value.substring(0, start) + str + element.value.substring(stop);
if ( keep ) element.setCaretPos(start, end);
else element.setCaretPos(end);
element.scrollTop = scrollPos;
}
};
/**
* panelAble
* Allow to convert ( and undo ) a div
* to a fixed panel at right of screen.
* Usage:
* p = new panelAble('idOfDiv');
* p.toggle(this)
*/
var panelAble = Class.create({
initialize: function (e) {
this.e = $(e);
},
panel: function (caller) {
caller.update('< remetre');
this.e.style.position = 'absolute';
this.updateOnResize();
this.updateOnScroll();
cache.updateOnScroll = this.updateOnScroll.bindAsEventListener(this);
cache.updateOnResize = this.updateOnResize.bindAsEventListener(this);
Event.observe(document, 'scroll', cache.updateOnScroll);
Event.observe(window, 'resize', cache.updateOnResize);
},
updateOnScroll: function () {
var scroll = document.viewport.getScrollOffsets();
this.e.style.top = scroll.top + 'px';
},
updateOnResize: function () {
var h = document.viewport.getHeight();
var l = ( document.viewport.getWidth() - this.e.getWidth() - 30);
this.e.setStyle({
height: (h -40 ) + 'px',
left: l + 'px'
});
},
depanel: function (caller) {
caller.update('attacher >');
Event.stopObserving(document, 'scroll', cache.updateOnScroll);
Event.stopObserving(window, 'resize', cache.updateOnResize);
this.e.setStyle({
top: '',
left: '',
height: ''
});
this.e.relativize();
},
toggle: function (caller) {
if(this.e.style.position != 'absolute') {
this.panel(caller);
} else {
this.depanel(caller);
}
}
});
/**
* Panel a droite de l'avatar, aparaissant au survol de la souris.
*/
var avRPan = {
e_height: 0,
e_width: 0,
show: function (caller) {
var e = $(caller.nextSibling);
if(e.style.display == "none") {
e.show();
e.style.position = "absolute";
// IE hack
if(ie != false) ie_fix = $(caller).firstChild.getHeight();
else ie_fix = 0;
e.setStyle({
top: ( $(caller).cumulativeOffset().top
- e.getHeight() + 10 + ie_fix )
+ 'px',
left: ( $(caller).cumulativeOffset().left
+ $(caller).getWidth() )
+ 'px'
});
e_height = e.getHeight();
e_width = e.getWidth();
}
},
hide: function (caller) {
var e =$(caller.nextSibling);
var xmin = e.cumulativeOffset().left -10;
var xmax = e.cumulativeOffset().left + e_width - 5;
var ymin = e.cumulativeOffset().top + 7;
var ymax = e.cumulativeOffset().top + e_height - 7;
if(!(mouse.x>=xmin && mouse.x<=xmax && mouse.y>=ymin && mouse.y<=ymax)) {
e.hide();
}
}
}
/**
* the main drop down menu
*/
var dropDownMenu = {
init : function () {
//$$('.ddm').each(function(el){
//
// FIXME: ne marche pas sous IE7,
// m'a donc obligé à mettre le code "inline" dans le menu.
//
// el.setAttribute('onmouseover', 'dropDownMenu.showMenu(this);' );
// el.setAttribute('onmouseout', 'dropDownMenu.hideMenu(this);' );
//});
},
showMenu : function (el) {
el = $(el);
el_child = $('dd_'+el.id);
el_child.style.left = ( el.viewportOffset().left ) + 'px';
if(ie){ // IE Hack
el_child.style.top = (
el.viewportOffset().top +
el.getHeight()
) + 'px';
}
el_child.show();
},
hideMenu : function (el) {
$('dd_'+el.id).hide();
}
}
/**
* Win
* Create JS windows~popup
* Usage:
* var popup = new win({width:400, content: 'theDivId'});
* win.open();
* win.close();
* win.update('new_content');
* .... and having html:
*