Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 12.10.2015, 12:21
Интересующийся
Отправить личное сообщение для Arx777 Посмотреть профиль Найти все сообщения от Arx777
 
Регистрация: 20.02.2015
Сообщений: 25

Append данных к существующему тегу
Есть форма

<form action="" id='PageViewForm' onsubmit="ga('sent'); ">
    <label><input></label>
</form>


К onsubmit нужно добавить
yaCounter'.yandex_metrika_id.'.reachGoal('corp_landing_order'); return true;


Чтоб получилось так
<form action="" id='PageViewForm' onsubmit="ga('sent'); yaCounter'.yandex_metrika_id.'.reachGoal('corp_landing_order'); return true; ">
    <label><input></label>
</form>


Знаю, что новые теги можно создавать с заданными атрибутами так (сомневаюсь, что это вообще правильное направление):
$('#PageViewForm').append($('<img/>', { id: 'myimg', src: 'https://mc.yandex.ru/watch/' + id, style: 'position:absolute; left:-9999px;' }));


Добавлять к атрибуту так
$(document).ready(function(){
            document.getElementById('PageViewForm').onsubmit ="yaCounter'.yandex_metrika_id.'.reachGoal('corp_landing_order'); return true;";
        });


Но не один вариант не работает
Ответить с цитированием
  #2 (permalink)  
Старый 12.10.2015, 12:41
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,124

Arx777,
<!DOCTYPE html>

<html>
<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <style type="text/css">
  img{
      height: 100px;
    }

  </style>
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js">
</script>
  <script>
   $(function(){
  var id = 'victory.gif';
  $('#PageViewForm').append($('<img/>', { id: 'myimg', src: 'http://javascript.ru/forum/images/smilies/' + id, css: {'position' : 'absolute',  'left': '100px'}}));
  });


  </script>
</head>

<body>
  <form action="" id='PageViewForm' onsubmit="ga('sent'); yaCounter'.yandex_metrika_id.'.reachGoal('corp_landing_order'); return true;" name="PageViewForm">
    <label><input></label>
  </form>
</body>
</html>
Ответить с цитированием
  #3 (permalink)  
Старый 12.10.2015, 12:50
Интересующийся
Отправить личное сообщение для Arx777 Посмотреть профиль Найти все сообщения от Arx777
 
Регистрация: 20.02.2015
Сообщений: 25

рони, эм, нет. Как картинку приапендить, я и так знаю

Мне надо в форму
<form action="" id='PageViewForm' onsubmit="ga('sent');">
    <label><input></label>
</form>


К onsubmit приапендить
yaCounter'.yandex_metrika_id.'.reachGoal('corp_landing_order'); return true;


Чтоб получилось так
<form action="" id='PageViewForm' onsubmit="ga('sent'); yaCounter'.yandex_metrika_id.'.reachGoal('corp_landing_order'); return true;">
    <label><input></label>
</form>

Последний раз редактировалось Arx777, 12.10.2015 в 12:52.
Ответить с цитированием
  #4 (permalink)  
Старый 12.10.2015, 13:09
Аватар для Lemme
Профессор
Отправить личное сообщение для Lemme Посмотреть профиль Найти все сообщения от Lemme
 
Регистрация: 15.07.2015
Сообщений: 511

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body>
	<form action="" id='PageViewForm' onsubmit="ga('sent');">
		<label><input></label>
	</form>
	<script>
		var pf = document.getElementById('PageViewForm');
		var str = "yaCounter'.yandex_metrika_id.'.reachGoal('corp_landing_order'); return true;";
		pf.setAttribute('onsubmit', pf.getAttribute('onsubmit') + ' ' + str);

		alert(pf.getAttribute('onsubmit'));
	</script>
</body>
</html>
Ответить с цитированием
  #5 (permalink)  
Старый 12.10.2015, 13:12
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,124

Сообщение от Arx777
yaCounter'.yandex_metrika_id.'.reachGoal('corp_lan ding_order'); return true;
бред какой-то ... но если хотите
<!DOCTYPE html>

<html>
<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <style type="text/css">
  </style>
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js">
</script>
  <script>
   $(function(){
  var sub = document.querySelector("#PageViewForm").getAttribute("onsubmit") + " yaCounter'.yandex_metrika_id.'.reachGoal('corp_landing_order'); return true;"
  document.querySelector("#PageViewForm").setAttribute("onsubmit", sub)
  alert($("body").html())
  });


  </script>
</head>

<body>
  <form action="" id='PageViewForm' onsubmit="ga('sent');" name="PageViewForm">
    <label><input></label>
  </form>
</body>
</html>
Ответить с цитированием
  #6 (permalink)  
Старый 12.10.2015, 13:13
Профессор
Отправить личное сообщение для laimas Посмотреть профиль Найти все сообщения от laimas
 
Регистрация: 14.01.2015
Сообщений: 12,989

Сообщение от Arx777
Добавлять к атрибуту так
Добавляется, значит будет использовано, тогда зачем добавлять в атрибут, если это можно сразу использовать в обработчике onsubmit?
Ответить с цитированием
  #7 (permalink)  
Старый 12.10.2015, 13:44
Аватар для ruslan_mart
Профессор
Отправить личное сообщение для ruslan_mart Посмотреть профиль Найти все сообщения от ruslan_mart
 
Регистрация: 30.04.2012
Сообщений: 3,018

Собрались тут мастера-дЖекуэрщики.

form.onsubmit = function() {
    yaCounter[yandex_metrika_id].reachGoal('corp_lan ding_order');
};
Ответить с цитированием
  #8 (permalink)  
Старый 12.10.2015, 14:07
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,124

Ruslan_xDD,
а то что было где?
Ответить с цитированием
  #9 (permalink)  
Старый 12.10.2015, 14:22
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,124


как то так
<form action="" id='PageViewForm' onsubmit="alert(this.name);" name="PageViewForm">
    <label>
        <input>
    </label>
    <input name="" type="submit" value="ok">
</form>
<script>
    var form = document.forms.PageViewForm;
    var fn = form.onsubmit.bind(form);
    document.forms.PageViewForm.onsubmit = function() {
        fn();
        alert("test");
        return false
    };
</script>
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Google Chorme. Перехват данных Valdemor Opera, Safari и др. 1 19.06.2013 21:58
Не понимаю JavaScript. Как сделать ожидание события загрузки данных? xintrea AJAX и COMET 7 01.06.2013 17:18
Двойная Фильтрация данных таблицы David0707 Общие вопросы Javascript 0 19.03.2012 13:00
Изменение окраски строк таблицы, исходя из данных? Space-06 Events/DOM/Window 4 14.02.2012 21:32
Синхронный запрос данных по AJAX Shasoft AJAX и COMET 2 03.03.2009 14:07