Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   Передать аттрибуты ссылки в форму (input) (https://javascript.ru/forum/jquery/52047-peredat-attributy-ssylki-v-formu-input.html)

repz 01.12.2014 21:17

Передать аттрибуты ссылки в форму (input)
 
Здравствуйте!
Есть страница с множеством однотипных ссылок, различаются лишь параметры:
Код:

......
<a class="fancybox" href="#form" data-type="0" data-type1="1" data-type2="2">смотреть</a>

<a class="fancybox" href="#form" data-type="3" data-type1="4" data-type2="5">смотреть</a>
......

Есть форма с полями:
Код:

<input id="category" value="" name="category">
<input id="size" value="" name="size">
<input id="color" value="" name="color">

Есть обработчик:
'onComplete' => array (
	'noquotes' => true,
	'default' => 'function() {var TID = jQuery(".fancybox").attr("data-type"); jQuery("#category").val(TID); 
                                  var CID = jQuery(".fancybox").attr("data-type1"); jQuery("#size").val(CID);
                                  var GID = jQuery(".fancybox").attr("data-type2"); jQuery("#color").val(GID); 
}'

	),


Естественно не работает при нажатии ссылки дальше 1, т.к. берет первый нашедший класс.

Помогите исправить, что бы из каждого тега <a> брались свои атрибуты.

Заранее спасибо.

danik.js 01.12.2014 21:30

Цитата:

Сообщение от repz
Есть обработчик

Где он есть то? Че за шняга тупая?


Вешаешь фэнсибокс на каждую ссыль поотдельности. И там уже по ситуации.

Ну типа
$('.fancybox').each(function() {

$(this).fancybox(...)

});

repz 01.12.2014 21:34

Это плагин easy-fansybox для wp. Хотелось бы его победить.

danik.js 01.12.2014 21:36

Думаю гиблое дело. выкинь плагин, подключай вручную. так быстрей будет.

repz 01.12.2014 21:42

Думаю, что да....
но все равно пытаюсь, пробовал повесить click
$(document).ready(function(){
$("a.fancybox").click(function () {
var TID = $(this).attr("data-type"); jQuery("#category").val(TID); 
var CID = $(this).attr("data-type1"); jQuery("#size").val(CID);
var GID = $(this).attr("data-type2"); jQuery("#color").val(GID); 
 });
  });

Отваливается вообще форма, mousedown попробовать?

repz 02.12.2014 12:44

Может кому пригодится)
Плагин easy-fancybox для wp + cf7 передача параметра в форму через ссылку:
1) Добавляем скрипт в head (header.php)
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
 $(document).ready(function(){
jQuery(".fancybox").click(function () {
var category = jQuery(this).attr("data-type");  jQuery("#category").val(category); 
var size = jQuery(this).attr("data-type1"); jQuery("#size").val(size);
var color = jQuery(this).attr("data-type2"); jQuery("#color").val(color); 
 });
  });
</script>


2) Вешаем доп атрибуты на ссылку для показа контакной формы на cf7:
<a class="fancybox" href="#form" data-type="0" data-type1="44" data-type2="Красный">смотреть</a>
<a class="fancybox" href="#form" data-type="1" data-type1="46" data-type2="Зеленый">смотреть</a>


3) В форму соответственно добавляем поля:
<input id="category" value="" name="category">
<input id="size" value="" name="size">
<input id="color" value="" name="color">


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