Merge branch 'picture' into pretty

[wolnelektury.git] / wolnelektury / static / js / widget.js

diff --git a/wolnelektury/static/js/widget.js b/wolnelektury/static/js/widget.js
index b253953..d058174 100644 (file)
--- a/wolnelektury/static/js/widget.js
+++ b/wolnelektury/static/js/widget.js
@@ -9,13 +9,15 @@ var inputSubmit = document.createElement('input');
 var body        = document.getElementsByTagName('body')
 var stylesheet = document.createElement('link');
 
 var body        = document.getElementsByTagName('body')
 var stylesheet = document.createElement('link');
 

+var host = 'www.wolnelektury.pl';
+

 /* set attributes of created elements */
 stylesheet.setAttribute('type', 'text/css');
 stylesheet.setAttribute('rel', 'stylesheet');
 /* set attributes of created elements */
 stylesheet.setAttribute('type', 'text/css');
 stylesheet.setAttribute('rel', 'stylesheet');

-stylesheet.setAttribute('href', 'http://www.wolnelektury.pl/static/css/widget.css');
-linkLogo.setAttribute('href', 'http://www.wolnelektury.pl');
-logo.setAttribute('src', 'http://www.wolnelektury.pl/static/img/logo.png');
-form.setAttribute('action', 'http://www.wolnelektury.pl/katalog/szukaj/');
+stylesheet.setAttribute('href', 'http://'+host+'/static/css/widget.css');
+linkLogo.setAttribute('href', 'http://'+host);
+logo.setAttribute('src', 'http://'+host+'/static/img/logo.png');
+form.setAttribute('action', 'http://'+host+'/katalog/szukaj/');

 form.setAttribute('method', 'get');
 form.setAttribute('accept-charset', 'utf-8');
 form.setAttribute('id', 'wl-form');
 form.setAttribute('method', 'get');
 form.setAttribute('accept-charset', 'utf-8');
 form.setAttribute('id', 'wl-form');


@@ -23,22 +25,24 @@ inputText.setAttribute('type', 'text');
 inputText.setAttribute('title', 'tytul, autor, motyw/temat, epoka, rodzaj, gatunek');
 inputText.setAttribute('value', '');
 inputText.setAttribute('name', 'q');
 inputText.setAttribute('title', 'tytul, autor, motyw/temat, epoka, rodzaj, gatunek');
 inputText.setAttribute('value', '');
 inputText.setAttribute('name', 'q');

-inputText.setAttribute('id', 'id_q');
-inputSubmit.setAttribute('type', 'submit');
-inputSubmit.setAttribute('value', 'Szukaj');
+inputText.setAttribute('id', 'id_qq');
+inputText.setAttribute('size', '13');
+inputSubmit.setAttribute('type', 'image');
+inputSubmit.setAttribute('src', 'http://'+host+'/static/img/search.png');
+inputSubmit.setAttribute('style', 'position:relative; top:5px; margin-left:5px');

 
 /* import jquery and autocomplete */
 var scriptJ = document.createElement('script');
 scriptJ.setAttribute('type', 'text/javascript');
 
 /* import jquery and autocomplete */
 var scriptJ = document.createElement('script');
 scriptJ.setAttribute('type', 'text/javascript');

-scriptJ.setAttribute('src', 'http://www.wolnelektury.pl/static/js/jquery.js');
+scriptJ.setAttribute('src', 'http://'+host+'/static/js/jquery.js');

 
 var scriptAutoComplete = document.createElement('script');
 scriptAutoComplete.setAttribute('type', 'text/javascript');
 
 var scriptAutoComplete = document.createElement('script');
 scriptAutoComplete.setAttribute('type', 'text/javascript');

-scriptAutoComplete.setAttribute('src', 'http://www.wolnelektury.pl/static/js/jquery-ui-1.8.2.custom.min.js');
+scriptAutoComplete.setAttribute('src', 'http://'+host+'/static/js/jquery-ui-1.8.2.custom.min.js');

 
 var scriptInit = document.createElement('script');
 scriptInit.setAttribute('type', 'text/javascript');
 
 var scriptInit = document.createElement('script');
 scriptInit.setAttribute('type', 'text/javascript');

-scriptInit.setAttribute('src', 'http://www.wolnelektury.pl/static/js/widgetInit.js');
+scriptInit.setAttribute('src', 'http://'+host+'/static/js/widgetInit.js');

 
 body[0].appendChild(scriptJ);
 body[0].appendChild(scriptAutoComplete);
 
 body[0].appendChild(scriptJ);
 body[0].appendChild(scriptAutoComplete);


@@ -56,7 +60,14 @@ form.appendChild(inputSubmit);
 widget.style.borderColor = "#84BF2A";
 widget.style.borderWidth = "2px";
 widget.style.borderStyle = "solid";
 widget.style.borderColor = "#84BF2A";
 widget.style.borderWidth = "2px";
 widget.style.borderStyle = "solid";

-widget.style.width = "260px";
+widget.style.width = "160px";

 widget.style.padding = "10px";
 widget.style.fontSize = "12px";
 form.style.paddingTop = "10px";
 widget.style.padding = "10px";
 widget.style.fontSize = "12px";
 form.style.paddingTop = "10px";

+
+/* resize - if needed */
+if(widget.getAttribute('width') == '140'){
+    logo.setAttribute('width', '140');
+    inputText.setAttribute('size', '10');
+    widget.style.width = "140px";
+}