Javascript-форум (https://javascript.ru/forum/)
-   Работа (https://javascript.ru/forum/job/)
-   -   Помогите вставить скрипт на страницу (https://javascript.ru/forum/job/37504-pomogite-vstavit-skript-na-stranicu.html)

alexsio 22.04.2013 14:26

Помогите вставить скрипт на страницу
 
Вложений: 1
собственно проблема не могу понять в чем... есть скрипт.. отдельно работает а на странице нет...
сначала работал а потом пропал и все... у меня знаний по языку ноль
скрипт надыбал в инете и заменил в нем только буковки (скрипт выводит виртуальную клавиатуру с определенными символами в правый верхний угол)
во вложении скрипт

Artyom91 22.04.2013 15:14

<script type="text/javascript">
         var letters = 'ӇӈʼˮӒӓӐӑӘәӚӛӃӄԒԓŎŏӨөӪӫӰӱЎўӼӽҶҷҖҗ'
         var field = false;
         function enableWriter() {
            var i = false, div = false, j = 0, id = '', l = '', html = '', elems = new Array();
            var body = document.getElementsByTagName('body')[0];
            var inputs = body.getElementsByTagName('input');
            var texts = body.getElementsByTagName('textarea');
            for(i in inputs) {
               if(inputs[i].type === 'text' || inputs[i].type === 'password') {
                  elems[j] = inputs[i];
                  ++j;
               }
            }
            for(i in texts) {
               if(texts[i].type === 'textarea') {
                  elems[j] = texts[i];
                  ++j;
               }
            }
            for(i in elems) {
               id = 'id_' + i;
               elems[i].id = id;
               if(window.ActiveXObject)
                  elems[i].attachEvent('onfocus', function(asd) { return function() { field = asd; }; }(id));
               else
                  elems[i].addEventListener('focus', function(asd) { return function() { field = asd; }; }(id), false);
            }
            div = document.createElement('div');
            div.style.position = 'absolute';
            div.style.top = '0px';
            div.style.right = '0px';
            div.style.backgroundColor = 'white';
            div.style.border = 'solid 1px black';
            div.style.height = '28px';
            div.style.padding = '2px';
            div.id = 'writer';
            div.onmouseover = showWriter;
            div.onmouseout = hideWriter;
            for(i = 0; i < letters.length; ++i) {
               l = letters.substring(i, i + 1);
               html += '<input type="button" value="' + l + '" style="width: 21px; height: 28px;" onclick="javascript: writerPut(\'' + l + '\');">';
            }
            div.innerHTML = html;
            body.appendChild(div);
            myOpacity(div, 0.15);
         }
         function showWriter() {
            myOpacity(document.getElementById('writer'), 1);
         }
         function hideWriter() {
            myOpacity(document.getElementById('writer'), 0.15);
         }
         function topWriter() {
            document.getElementById('writer').style.top = getDocumentScrollTop() + 'px';
         }
         function writerPut(c) {
            if(field) {
               var el = document.getElementById(field);
               var pos = getCaretPos(el);
               el.value = el.value.substring(0, pos) + c + el.value.substring(pos);
               setCaretPos(el, pos + 1);
            }
         }
         function myOpacity(el, op) {
            if(window.ActiveXObject)
               el.style.filter = 'alpha(Opacity=' + parseInt(op * 100) + ')';
            else
               el.style.opacity = op;
         }
         function getDocumentScrollTop(doc) {
            doc = doc || document;
            var ret = (doc.documentElement.scrollTop > doc.body.scrollTop) ? doc.documentElement.scrollTop : doc.body.scrollTop;
            return ret;
         }
         function getCaretPos(el) {
            var CaretPos = 0;
            if(document.selection) {
               el.focus();
               var Sel = document.selection.createRange();
               Sel.moveStart('character', -el.value.length);
               CaretPos = Sel.text.length;
            } else if(el.selectionStart != undefined)
               CaretPos = el.selectionStart;
            return (CaretPos);
         }
         function setCaretPos(el, pos) {
            if(el.setSelectionRange) {
               el.focus();
               el.setSelectionRange(pos, pos);
            } else if(el.createTextRange) {
               var range = el.createTextRange();
               range.collapse(true);
               range.moveEnd('character', pos);
               range.moveStart('character', pos);
               range.select();
            }
         }
         window.onload = enableWriter;
         window.onscroll = topWriter;
      
</script>

alexsio 22.04.2013 15:19

спасибо, вставлял так.. поработало неделю и перестало... и не знаю почему ....

alexsio 22.04.2013 15:19

http://dkmns.ru/forum/

alexsio 22.04.2013 15:20

вот здесь вот

animhotep 22.04.2013 16:01

скрипт работает http://codepen.io/anon/pen/HFzil
проблемма в стилях ./styles/pplnorth/theme/main.css

alexsio 22.04.2013 16:08

спс.. буду копать...

dmitriymar 22.04.2013 18:19

Здорово, только вот, может на название темы стоит смотреть прежде чем, топик создавать?
http://javascript.ru/forum/job/3330-pravila.html


Часовой пояс GMT +3, время: 12:07.