использование функции для записи ввода текстового поля в документ при отправке всех форм - PullRequest
Новая
       1

использование функции для записи ввода текстового поля в документ при отправке всех форм

0 голосов
/ 28 января 2012 
        <script src="jquery.js"></script>
        <script>

        function saveScore (score) {
score=document.input.$('.inputright').value
        $('submit').click(function(event) {
          $('<div>')
            .append(score)
            .appendTo('.wincolumn');

        });
        }

        </script>
    </head>
    <body>

        <form name= "myform">
        <input class="inputright" type="text" value="Team?" onfocus='value=""' onblur="value='Team?'" onclick="saveScore(score)">
        </form>

    <div id="bottomcontainer">
           <div class="personalcolumns" id="niccolumn">
               <div class="playername"> Nic Meiring </div>
              <div class="wincolumn WLRcolumn"> </div>
               <div class="losscolumn WLRcolumn"> </div>
               <div class="resultcolumn WLRcolumn"> </div>
            </div>
    </body>

Я хочу получить ввод в текстовое поле под названием Команда?и запишите его в столбец с классом .teamcolumn

2 основных проблемы (я думаю)

  1. , позволяющих текстовому полю иметь значение по умолчанию "Team?"но затем переключая его значение на вход, когда вызывается метод onclick (и, следовательно, вызывается функция)
  2. , как лучше всего записать в документ из этой функции.document.writeln() может быть?

Спасибо

1 Ответ

1 голос
/ 28 января 2012

Я создал демо для вас на jsFiddle . Поле ввода по умолчанию имеет значение «Команда?» если текст не введен, однако, если текст введен, он не изменяется. Если поле ввода теряет фокус и оно пустое, оно возвращается к «Команда?». Когда поле размыто, значение (если не «Команда?») Добавляется к элементу .wincolumn. Я удалил вашу функцию сохранения и все встроенные обработчики событий.

JQuery: 

$('input[name="foo"]').change(function() {
    $('div.wincolumn').html($(this).val());
}).focus(function() {
    if ($(this).val() == 'Team?') {
        $(this).val('');
    }
}).blur(function() {
    if (!$(this).val()) {
        $(this).val('Team?');
    }
})

HTML: 

<form name= "myform">
<input name="foo" class="inputright" type="text" value="Team?">
</form>

<div id="bottomcontainer">
   <div class="personalcolumns" id="niccolumn">
       <div class="playername"> Nic Meiring </div>
       <div class="wincolumn WLRcolumn"> </div>
       <div class="losscolumn WLRcolumn"> </div>
       <div class="resultcolumn WLRcolumn"> </div>
   </div>
</div>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...