Форум

KEMPZOR · #1 (**permalink**) 13.12.2016, 22:42

Здравствуйте уважаемые господа. Нужна ваша помощь. Есть на сайте всплывающая popup форма. Хочу сделать так, чтобы по клику на кнопку <a href..... всплывала форма с вставленным произвольным текстом текстом в textarea.

Если вставить в консоль

document.getElementById("d[2]").value = "Johnny Bravo";

то всё работает. Подскажите пожалуйста куда копать ?

Вот поле куда нужно вставить

<textarea name="d[2]" id="d[2]" required=""></textarea>

Кнопка

<a class="form-button" href="#" onclick="myFunction()">КНОПКА</a>

<script>
function myFunction() {
    document.getElementById("d[2]").value = "Johnny Bravo";
}
</script>

ksa · #2 (**permalink**) 14.12.2016, 08:49

Сообщение от KEMPZOR

Подскажите пожалуйста куда копать ?

Так ты вроде уже выкопал, не?

<!DOCTYPE html>
<html>
<head>
<meta http-equiv='Content-Type' content='text/html; charset=windows-1251' />
<!--
<script src='http://code.jquery.com/jquery-latest.js'></script>
<script src="https://code.angularjs.org/1.3.9/angular.min.js"></script>
<script src="https://code.angularjs.org/1.3.9/angular-route.js"></script>
-->
<style type='text/css'>
</style>
<script type='text/javascript'>
function myFunction() {
    document.getElementById("d[2]").value = "Johnny Bravo";
};
</script>
</head>
<body>
<a class="form-button" href="#" onclick="myFunction()">КНОПКА</a>
<textarea name="d[2]" id="d[2]" required=""></textarea>
</body>
</html>

KEMPZOR · #3 (**permalink**) 14.12.2016, 10:23

Сообщение от ksa

Так ты вроде уже выкопал, не?

<!DOCTYPE html>
<html>
<head>
<meta http-equiv='Content-Type' content='text/html; charset=windows-1251' />
<!--
<script src='http://code.jquery.com/jquery-latest.js'></script>
<script src="https://code.angularjs.org/1.3.9/angular.min.js"></script>
<script src="https://code.angularjs.org/1.3.9/angular-route.js"></script>
-->
<style type='text/css'>
</style>
<script type='text/javascript'>
function myFunction() {
    document.getElementById("d[2]").value = "Johnny Bravo";
};
</script>
</head>
<body>
<a class="form-button" href="#" onclick="myFunction()">КНОПКА</a>
<textarea name="d[2]" id="d[2]" required=""></textarea>
</body>
</html>

Вот только у меня пишет test4:495 Uncaught TypeError: Cannot set property 'value' of null(…)myFunction @ test4:495onclick @ test4:499

Я так понимаю скрипт MyFunction загружается раньше чем всплывающее окно ?

Если просто в консоль вставить

document.getElementById("d[2]").value = "Johnny Bravo";

то работает.

Если так

function myFunction() {
    document.getElementById("d[2]").value = "Johnny Bravo";
};

то пишет undefined.

ksa · #4 (**permalink**) 14.12.2016, 10:25

Сообщение от KEMPZOR

Я так понимаю скрипт MyFunction загружается раньше чем всплывающее окно ?

Как это именно у тебя я не вкурсе...

KEMPZOR · #5 (**permalink**) 14.12.2016, 11:12

Сообщение от ksa

Как это именно у тебя я не вкурсе...

Вот вставил код у себя на сайт, подскажите почему не работает ?

laimas · #6 (**permalink**) 14.12.2016, 11:29

Это из-за квадратных скобок. Можно так:

document.querySelector('form').elements['d[2]'].value

KEMPZOR · #7 (**permalink**) 14.12.2016, 11:37

Сообщение от laimas

Это из-за квадратных скобок. Можно так:

document.querySelector('form').elements['d[2]'].value

Вставил вот так

<script type='text/javascript'>
function myFunction() {
    document.querySelector('form').elements['d[2]'].value = "Johnny Bravo";
};
</script>

<a href="#" class="form-button" onclick="myFunction()">КНОПКА</a>

Не получается, пишет ошибку test10:360 Uncaught TypeError: Cannot read property 'elements' of null.

laimas · #8 (**permalink**) 14.12.2016, 11:39

<html> 
<body>
<form>
<input name="d[2]" />
</form>
<script> 
document.querySelector('form').elements['d[2]'].value = 't'
</script>
</body> 
</html>

Ошибки есть?

KEMPZOR · #9 (**permalink**) 14.12.2016, 11:46

Сообщение от laimas

<html> 
<body>
<form>
<input name="d[2]" />
</form>
<script> 
document.querySelector('form').elements['d[2]'].value = 't'
</script>
</body> 
</html>

Ошибки есть?

Uncaught TypeError: Cannot read property 'elements' of null

laimas · #10 (**permalink**) 14.12.2016, 12:28

Мне ваши 404 по ссылке не нужны.

Жмем здесь на примере кода "Просмотреть", и ... ошибки есть?
Вот и на сайте своем делайте подобным образом, только не "один к одному" с примером, а используя реальный селектор доступа к своей форме.

Форум

Справочник

Discord чат

Курсы javascript