Как добавить в форму поиска текст ссылки при нажатии на неё?

292

26 января 2017, 01:12

Здравствуйте!!! Помогите люди добрые, Есть форма поиска RokAjaxSearch, есть карта рисунка со ссылками, мне надо сделать так чтобы при нажатии на ссылку в форму поиска добавился текст ссылки.

Вот и Html карты рисунка

<IMG SRC="https://i.stack.imgur.com/m89Ce.png" WIDTH=209 HEIGHT=137 BORDER=0 ISMAP USEMAP="#m89Ce.png"><MAP NAME="m89Ce.png"><AREA SHAPE="RECT"COORDS="59,29,132,52"HREF="#1011AA"TARGET="_top"><AREA SHAPE="RECT" COORDS="121,85,199,113" HREF="#1132AD" TARGET="_top"></map>

При нажатии на номер(ссылку) он должен по задумке попасть в форму поиска, дабы не вводить его вручную

Answer 1

Вы не на тот ресурс обратились, если хотите, чтоб за вас задачу решали. Вам достаточно прослушивать на клик "area" и вставлять туда куда вам надо.

$('area').on('click', function(e) { 
	e.preventDefault(); 
	$('.here').text(this.getAttribute('href')); 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script> 
<IMG SRC="https://i.stack.imgur.com/m89Ce.png" WIDTH=209 HEIGHT=137 BORDER=0 ISMAP USEMAP="#m89Ce.png"><MAP NAME="m89Ce.png"><AREA SHAPE="RECT"COORDS="59,29,132,52"HREF="#1011AA"TARGET="_top"><AREA SHAPE="RECT" COORDS="121,85,199,113" HREF="#1132AD" TARGET="_top"></MAP> 
 
<div class="here"></div>

Вот пример того же скрипта на чистом js

const area = Array.prototype.slice.call(document.querySelectorAll('area'));
area.forEach(el => {
    el.onclick = e => {
    e.preventDefault();
    document.querySelector('.here').textContent = el.getAttribute('href').replace('#', '');
  }
})

Создание интернет-магазина электроники в ABCname

ПОСЛЕДНИЕ ВОПРОСЫ

Все вопросы

ТОП-10

Все популярные вопросы

svg text в вектор

ПриветствуюЭкспериментирую с svg и столкнулся с проблемой

239

HTML

Не могу вывести произвольное поле в шаблоне archive-product.php

Есть сайт на wordpress (с плагином woocomerce)Пытаюсь добавить произвольное поле "Редактор WYSIWYG" он же tinyMCE (хотя и обычное текстовое поле тоже не выводиться),...

346

HTML