требуется человек знающий JavaScript (Стр. 1)

S

spletni 20.07.2012 / 18:23 Автор
Землянин

0

Извините, но кто может подсказать скрипт, функции которого: при наборе текста на изображение, текст набирался онлайн, а не по клацанью кнопки?

ZipeR 20.07.2012 / 18:26
[̲̅$̲̅(̲̅ιοο̲̅)̲̅$̲̅

0

Типа аси когда тебе пишут,а там показывается в виде карандашом ?

S

spletni 20.07.2012 / 18:28 Автор
Землянин

0

2, нет, когда ввожу в поле textarea чтобы этот же текст рядом писался онлайн

А

Артур 20.07.2012 / 18:29
Оранжевые штаны

0

onkeydown

S

spletni 20.07.2012 / 18:31 Автор
Землянин

0

4, мне это о многом говорит smile

сейчас прогуглю)

Добавлено через 09:12 сек.
4, функция не много не та

П

Петр 20.07.2012 / 18:44
Пацак

0

5. spletni, можно реализовать с помощью этого свойства.

S

spletni 20.07.2012 / 18:48 Автор
Землянин

0

6, честно говоря в js мне понадобятся две функции: онлайн трансляция текста и онлайн перетаскивание текста вдоль и поперёк по картинке

если кто-то решиться взяться за "не дорого" готов сотрудничать smile

Изменил: spletni (20.07.2012 / 18:57)

А

Артур 20.07.2012 / 19:17
Оранжевые штаны

0

Скачай библиотеку YUI с сайта http://yuilibrary.com/ там в меню Quick start есть подменю Download.
Перемести библиотеку к себе на хост и подключи в нужном месте вот так:
<script charset="utf-8" src="адрес до библиотеки/yui/yui-min.js" type="text/javascript"></script>

Потом используй вот такой код:

<!DOCTYPE html>
<html>
<head>
    <title></title>
    <script charset="utf-8" src="../tools/YUI/yui/yui-min.js" type="text/javascript"></script>
    <style type="text/css">
        #container{
            width: 400px;
            height: 400px;
            border: 1px solid black;
        }
        #text{
            height: 200px;
            width: 400px;
        }
        #label{
            position: absolute;
            width: auto;
        }
        .label{
            border: 1px dotted black;
        }
    </style>
</head>
<body>
<div id="container">
    <div id="label"></div>
</div>
<textarea id="text"></textarea>
<script type="text/javascript">
    // <![CDATA[
    // Открываем песочницу
      YUI().use('node', 'dd-constrain', function(Y){
          // Устанавливаем обработчик на ввод с клавиатуры
          Y.one('#text').on('keyup', function(e){
              var label = Y.one('#label');
              // Записываем содержимое текстового поля в label
              label.setHTML(this.get('value'));
              // Если label не пуст, добавляем ему стиль с рамкой
              if(label.getHTML() != ''){
                  label.addClass('label');
              }
              // Иначе убираем стиль
              else{
                  label.removeClass('label');
              }
          });
          // Добавляем плагины для перемещения label в пределах container
          new Y.DD.Drag({node: '#label'}).plug(Y.Plugin.DDConstrained, {
              constrain2node: '#container'
          });
      });
    // ]]>
</script>
</body>
</html>

Добавлено через 09:49 сек.
Вот рабочий пример
http://example.wen.ru/index.html

А

Артур 20.07.2012 / 19:28
Оранжевые штаны

0

Кстати, как можешь заметить из примера, можно не качать библиотеку, а использовать ее удаленно по ссылке
http://yui.yahooapis.com/3.5.0/build/yui/yui-min.js
Подключаешь как и локальную и ничего качать не нужно

S

spletni 21.07.2012 / 00:31 Автор
Землянин

0

9, вот знаешь кто ты? знаешь кто? СПАСИТЕЛЬ ЦИВИЛИЗАЦИИ!!!
спасибище огромное тебе! хороший форум, хорошие тут люди(большинство smile

)