change server and add control panel constructor

etersoft_typos.js

@@ -5,45 +5,11 @@
 */
 
 function ETYPOS(options) {
-	/*//время последнего запроса
-	this.last_query_time = 0;
-	
-	//сайт обработки опечаток
-	this.server_url = "http://barbass.pubsandbox.eterhost.ru/typos/server.php";
-	
-	//текст ошибок
-	this.error = '';
-	
-	//язык по умочланияю
-	this.default_language = 'ru';
-	
-	//данные для отправки (сайт страницы, текст с ошибкой, комментарий, язык, броузер)
-	this.userdata = {
-		'url': '',
-		'text': '',
-		'comment': '',
-		'language': this.default_language,
-		'old_browser': 0,
-	};
-	
-	this.language = [];
-	this.language['ru'] = {
-		'error_url': 'Не определен URL сайта',
-		'error_text': 'Текст не выделен',
-		'error_text_length': 'Длина текста должна быть от %s до %s символов (сейчас: %s)',
-		'error_comment': 'Длина комментария должна быть до 30 символов (сейчас: %s)',
-		'error_time_activity': 'Вы слишком часто отправляете данные',
-		'error_response': 'Ошибка при получении ответа',
-		'error_parse_reposnse': 'Ошибка при обработке ответа',
-		'error_post_data': 'Ошибка отправки данных. Повторите позже',
-		'error_userdata': 'userdata is not Object',
-		
-		'text_post_data': 'Идет отправка данных...',
-		'text_success': 'Спасибо за ваше внимание!',
-	};*/
-	
 	this.init(options);
+        this._createControlPanel();
+        this._handleEvents();
 }
+
 ETYPOS.prototype = {
 	//время последнего запроса
 	last_query_time: 0,
@@ -52,7 +18,7 @@ ETYPOS.prototype = {
 	request_delay: 60000,
 	
 	//сайт обработки опечаток
-	server_url: "http://barbass.pubsandbox.eterhost.ru/typos/server.php",
+	server_url: "http://typos.server.ambulance.sandbox.eterhost.ru/server.php",
 	
 	//текст ошибок
 	error: '',
@@ -86,8 +52,94 @@ ETYPOS.prototype = {
 			'text_success': 'Спасибо за ваше внимание!',
 		}
 	},
+        
+        // Создает контейнер и добавляет его в конец body
+        _createControlPanel: function() {
+            
+            /* Main div */
+            var div = document.createElement("div");
+            div.className = "e_typos_div";
+            
+            /* Title */
+            var title = document.createElement("div");
+            title.className = "e_typos_title";
+            title.innerHtml = "<span>Сервис Опечаток</span>\n\
+                               <span title='Закрыть окно' class='e_typos_close'><b>x</b></span>";
+            
+            /* Description */
+            var desc = document.createElement("p");
+            desc.className = "e_typos_desc";
+            desc.innerHtml = "Выделите текст и нажмите кнопку \"Отправить\"";
+            
+            
+            /* Comment */
+            var p = document.createElement("p");
+            
+            var comment = document.createElement("input");
+            comment.className = "e_typos_comment";
+            comment.type = "text";
+            comment.size = 19;
+            comment.maxlength = 50;
+            comment.placeholder = "Должна быть буква...";
+            
+            var nobr = document.createElement("nobr");
+            var nobrText = document.createTextNode("Комментарий: ");
+            nobr.appendChild(nobrText);
+            nobr.appendChild(comment);
+            
+            p.appendChild(nobr);
+            
+            /* Message */
+            var message = document.createElement("input");
+            message.className = "e_typos_message";
+            
+            /* Controls */
+            var controls = document.createElement("p");
+            controls.className = "e_typos_controll_buttons";
+            
+            var postButton = document.createElement("input");
+            postButton.className = "e_typos_button e_typos_post";
+            postButton.type = "button";
+            postButton.title = "Отправить сообщение об опечатке";
+            postButton.value = "Отправить";
+            
+            var closeButton = document.createElement("input");
+            closeButton.className = "e_typos_button e_typos_close";
+            closeButton.type = "button";
+            closeButton.title = "Закрыть окно";
+            closeButton.value = "Закрыть";
+            
+            controls.addChildNode(postButton);
+            controls.addChildNode(closeButton);
+            
+            /* Construct div */
+            div.appendChild(title);
+            div.appendChild(description);
+            div.appendChild(p);
+            div.appendChild(message);
+            div.appendChild(controls);
+            
+            document.body.appendChild(div);
+        },
+        
+        _handleEvents: function() {
+            var self = this;
+            
+            document.querySelectorAll('.e_typos_div .e_typos_close')[0].addEventListener('click', function () {
+                self.closeWindow();
+            }, false);
+            document.querySelector('.e_typos_div .e_typos_post').addEventListener('click', function () {
+                self.postData();
+            }, false);
 
-	init: function(options) {
+            window.document.onkeydown = function (e) {
+                if (e.ctrlKey == 1 && e.keyCode == 13) {
+                    typos.controlPanel();
+                }
+            };  
+        },
+        
+	_init: function(options) {
 		
 		this.options = (options) ? options : {};