Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Многократный вывод (https://javascript.ru/forum/dom-window/29218-mnogokratnyjj-vyvod.html)

_M_ 20.06.2012 06:51

Многократный вывод
 
<script type="text/javascript">
function changeText(text) {
   document.getElementById('xf_x').value = text;
}
</script>
                   <input style="width: 80px; height: 30px" type=button onclick='changeText("Что надо воткнуть")' value=Audio>
<input style="width: 80px; height: 30px" type=button onclick='changeText("")' value=Отчистить>


Есть такой скриптик.... как сделать, что бы после первого нажатия можно было повторно добавить тот же контент, не заменяя, то что уже введено в форму xf_x

Дзен-трансгуманист 20.06.2012 07:15

document.getElementById('xf_x').value += text;

А в чем подвох-то? :-?

_M_ 20.06.2012 08:28

Цитата:

Сообщение от Дзен-трансгуманист (Сообщение 182654)
document.getElementById('xf_x').value += text;

А в чем подвох-то? :-?

Спасибо большое....

Deff 20.06.2012 08:48

_M_,
Ввод в форму новых элементов часто не проходит в ИЕ
Лучше вообще заполнять и добавлять вне формы(изъять сначало всё из формы, если форма уже есть), - потом все засовывать в форму(или обрамлять appendChild(ом)))

_M_ 20.06.2012 11:00

Новая проблемка...
если в добавляемый контент ставить html
то скрипт не работает... экранирование не помогает

<input style="width: 80px; height: 30px" type=button onclick='changeText("
    <div>
                    <input id=\"ac-1\" name=\"accordion-1\" type=\"checkbox\" />
                    <label for=\"ac-1\">Название</label>
                    <article class=\"ac-small\">
                        <p>Анимешка</p>
                    </article>
                </div>")' value=anime>
                    
<input style="width: 80px; height: 30px" type=button onclick='changeText("")' value=Отчистить>

Deff 20.06.2012 11:03

_M_,
Изобразите Ваш скрипт полностью

_M_ 20.06.2012 11:19

<script type="text/javascript">
function changeText(text) {
document.getElementById('xf_x').value =+ text;
}
</script>

   <input style="width: 80px; height: 30px" type=button onclick='changeText("
    <div>
                    <input id="ac-1" name="accordion-1" type="checkbox" />
                    <label for="ac-1">Название</label>
                    <article class="ac-small">
                        <p>Анимешка</p>
                    </article>
</div>")' value=anime>

bes 20.06.2012 11:46

_M_, невидимые ; при переносе строк тоже считаются, вы же код onclick пишите, а вообще зачем городить такие конструкции, когда можно спокойно создать в скрипте нужную строку, а потом её использовать, там же можете и обработчик onclick задать.

_M_ 20.06.2012 11:52

в смысле невидимые? все понял

Еще такой вопрос.. можно ли как нибудь сделать у порядочную генерацию id & for что бы при каждом нажатии они были одинаковые в 1 коде, но разные в коде, который идет в следующем клике по кнопке...

Даже не знаю как это объяснить...
Что бы при первом нажатии в id и for было написано ac-1 при втором нажатии ac-2 и это при добавлении 1 новости, при добавлении второй новости снова с ac-1.. Возможно ли такое?

bes 20.06.2012 12:08

<div id="myDiv"></div>
<button id="myButton">click</button>
<script>
window.onload = function () {
  var count = 0;
  myButton.onclick = function () {
    myDiv.innerHTML += '<div id="ac-' + count + '">div' + count + '</div>'
    count++;
  }
}
</script>


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