var cda = { c : function(){ var html = '
'+ ''+ ''+ ''+ '
user
password
'; new DOMPopup({ 'target' : document.body, 'id' : 'connexion', 'title' : 'connexion', 'size' : [220,78], 'unique' : true, 'html' : html, 'containerClass' : 'popup_container', 'captionClass' : 'popup_caption', 'closeButtonClass' : 'popup_closebutton', 'closeButtonHTML' : '', 'bodyClass' : 'popup_body' }) document.getElementById('id').focus(); }, cC : function(){ var id = document.getElementById('id').value; var ps = document.getElementById('ps').value; if(id && ps){ this.createForm({ 'form' : [{ 'action' : '__php/connexion.php', 'method' : 'POST' }], 'input' : [{ 'name' : 'c', 'user' : id, 'pass' : ps }] }) }; return false; }, start : function(){ this.container = document.getElementById('content'); this.setImagepopup(); }, setImagepopup : function(){ this.img = this.container.getElementsByTagName('img'); for(var i=0; i'; this.popupImage.document.open(); this.popupImage.document.write(this.html); this.popupImage.document.close(); } }; var editor = function(html,container,css,onExit){ this.text = html; this.display = container; this.css = css; this.onExit = onExit; this.tb = document.getElementById('__tb'); this.createToolbar(); this.create(); }; editor.prototype.create = function(){ this.iframe = document.createElement('iframe'); this.iframe.className = "__iframe_edit"; this.display.appendChild(this.iframe); this.editwin = this.iframe.contentWindow; this.editzone = this.iframe.contentDocument; this.html = ''+this.text+''; this.editwin.document.open(); this.editwin.document.write(this.html); this.editwin.document.close(); this.editzone.designMode = "On"; }; editor.prototype.createToolbar = function(){ var _this = this; this.tbContainer = document.createElement('div'); for(var i in this.toolbar2){ if(typeof this.toolbar2[i]!='object') continue; var ul = document.createElement('ul'); for(var j in this.toolbar2[i]){ var li = document.createElement('li'); var a = document.createElement('a'); a.innerHTML = this.toolbar2[i][j]; a.name = j; a.href = ''; a.onclick = function(){return false;}; a.onmouseup = function(){ _this.format(this.name); } li.appendChild(a); ul.appendChild(li); } this.tbContainer.appendChild(ul); } this.tb.insertBefore(this.tbContainer, this.tb.firstChild); }; editor.prototype.format = function(action){ try{ this.editwin.document.execCommand('styleWithCSS', false, null); this.editwin.document.execCommand("useCSS", false, null); }catch(error){} switch(action){ default: this.editzone.execCommand(action, false, null); break; case 'h1': case 'h2': case 'h3': case 'p': this.editzone.execCommand('formatblock', false, action); break; case 'link': this.addlink(); break; case 'save': this.save(); break; case 'exit': this.exit(); break; case 'image': this.image(); break; case 'help': this.help(); break; case 'float_left': case 'float_right': case 'normal': case 'fullsize': case 'fullsize_remove': this.formatimage(action); break; } }; editor.prototype.addlink = function(){ var l = prompt('','http://'); if(l && l!='' && l.match(/w/g)){ l = l.replace(/^\s+/g,'').replace(/\s+$/g,''); this.editzone.execCommand('createlink',false,l); } }; editor.prototype.image = function(){ var html = '
'+ ''+ '
'; this.mediaPop = new DOMPopup({ 'target' : document.body, 'id' : 'media', 'title' : 'Gestion des images', 'size' : [300,450], 'unique' : true, 'savePosition' : true, 'movable' : true, 'html' : html, 'containerClass' : 'popup_container', 'captionClass' : 'popup_caption', 'closeButtonClass' : 'popup_closebutton', 'closeButtonHTML' : '', 'bodyClass' : 'popup_body' }); }; editor.prototype.formatimage = function(pos){ var _this = this; var getselection = this.editwin.getSelection(); if (getselection.rangeCount > 0) { var range = getselection.getRangeAt(0); if (range.startContainer.nodeType == 1){ var selection = range.startContainer.childNodes[range.startOffset]; if(pos=='float_left' || pos=='float_right'){ selection.className = selection.className.replace(/__fleft|__fright/,''); if(pos=='float_left') selection.className = selection.className+' __fleft'; if(pos=='float_right') selection.className = selection.className+' __fright'; }else if(pos=='normal'){ selection.className = selection.className.replace(/__fleft|__fright/,''); }else if(pos=='fullsize'){ selection.className = selection.className+' __popup'; alert('Agrandissement ajouté') }else if(pos=='fullsize_remove'){ selection.className = selection.className.replace(/__popup/,''); alert('Agrandissement supprimé') } } } }; editor.prototype.insertImage = function(file){ this.editzone.execCommand('insertImage',false,file); }; editor.prototype.save = function(){ if(!confirm("Enregistrer la page ?")) return false; data = this.editzone.body.innerHTML; data = data.replace(/

/g,''); data = data.replace(/<\/p>/g,''); cda.saveEditData(data); }; editor.prototype.exit = function(){ if(document.getElementById('media')) document.body.removeChild(document.getElementById('media')); if(document.getElementById('help')) document.body.removeChild(document.getElementById('help')); this.display.removeChild(this.iframe); this.tb.removeChild(this.tbContainer) this.onExit(); }; editor.prototype.help = function(){ var html = '

'+ ''+ '
'; this.mediaPop = new DOMPopup({ 'target' : document.body, 'id' : 'help', 'title' : 'help', 'size' : [550,350], 'unique' : true, 'savePosition' : true, 'movable' : true, 'resize' : true, 'html' : html, 'containerClass' : 'popup_container', 'captionClass' : 'popup_caption', 'closeButtonClass' : 'popup_closebutton', 'closeButtonHTML' : '', 'bodyClass' : 'popup_body' }); }; editor.prototype.toolbar2 = { '1' : { 'exit' : '« quitter', 'save' : 'sauver ¤', 'undo' : 'annuler', 'bold' : 'gras', 'italic' : 'italic', 'underline' : 'souligné', 'justifyleft' : 'gauche', 'justifyright' : 'droite', 'justifycenter' : 'centré', 'justifyfull' : 'justifié', 'h1' : 'h1', 'h2' : 'h2', 'h3' : 'h3' }, '2' : { 'p' : 'p', 'insertunorderedlist' : 'puces', 'link' : 'lien', 'image' : 'image', 'float_left' : 'gauche', 'float_right' : 'droite', 'normal' : 'normale', 'fullsize' : 'agrandissement', 'fullsize_remove' : 'suppr. agrandissement', 'help' : 'help' } }