Script Копирование текста в input по id

258

Станислав

14 июля 2011, 05:50

4323

Если ли скрипты с помощью которых можно было бы реализовать следующее

На странице есть текст, который находится в input

<input class="na_inp" onclick="this.select();" onfocus="this.select();" readonly="readonly" value="текст" type="text">

<input class="na_inp" onclick="this.select();" onfocus="this.select();" readonly="readonly" value="текст2" type="text">

<input class="na_inp" onclick="this.select();" onfocus="this.select();" readonly="readonly" value="текст3" type="text">

<input class="na_inp" onclick="this.select();" onfocus="this.select();" readonly="readonly" value="текст" type="text">

<input class="na_inp" onclick="this.select();" onfocus="this.select();" readonly="readonly" value="текст2" type="text">

<input class="na_inp" onclick="this.select();" onfocus="this.select();" readonly="readonly" value="текст3" type="text">

<input class="na_inp" onclick="this.select();" onfocus="this.select();" readonly="readonly" value="текст" type="text">

<input class="na_inp" onclick="this.select();" onfocus="this.select();" readonly="readonly" value="текст2" type="text">

<input class="na_inp" onclick="this.select();" onfocus="this.select();" readonly="readonly" value="текст3" type="text">

Так вот если скажем где расположен текст2 присвоит свой id="text2"

Где текст3 ему присвоить id="text3"

Вывести ссылку копировать ТЕКСТ3, при нажатии на которую будет копироваться текст во всех id="text3", т.е. не то что находится в одном input с id="text3", в скопировать все что в них находится

Получается следующее, на странице следующие inputы и ссылка

<a href="" id="copy-text3">Copy</a>



<input id="text3" class="na_inp" onclick="this.select();" onfocus="this.select();" readonly="readonly" value="Сегодня" type="text">

<input id="text3" class="na_inp" onclick="this.select();" onfocus="this.select();" readonly="readonly" value="у меня" type="text">

<input id="text3" class="na_inp" onclick="this.select();" onfocus="this.select();" readonly="readonly" value="взорвется мозг" type="text">

В итоге я нажимаю на ссылку Copy и тем самым копирую текст:

Сегодня у меня взорвется мозг

Буду признателен за любую инфу, еще лучше в примерах, да и вобще реально ли это сворганить

Мы там, где рады нас видеть.

160

maldivec

14 июля 2011, 05:54

#1

Ничего не понял... куда копировать? В буфер?

Но во первых - атрибут id="" должен быть уникальным для каждого элемента, нельзя делать кучу одинаковых айди. Это же идентификатор элемента. Javascript будет неверно работать, если их несколько одинаковых.

Яндекс.Маркет запускает новый блок Мартин Сплитт о ссылках Улучшенная атрибуция ссылок в

258

Станислав

14 июля 2011, 06:04

#2

maldivec:
Ничего не понял... куда копировать? В буфер?

Но во первых - атрибут id="" должен быть уникальным для каждого элемента, нельзя делать кучу одинаковых айди. Это же идентификатор элемента.

В том то и дело поэтому я и интересуюсь, где то давненько читал, что можно реализовать что то подобное с помощью скриптов.

Вобщем еще раз объясню, более коротко и более понятно

На странице есть блоки с текстом заключенные в div (пусть будут в div)

Вот так

<div id="1">

Я

</div>

текст  текст  текст 

<div id="1">

тут

</div>

текст  текст  текст 

<div id="1">

и здесь

</div>

В итоге кликаю на по ссылке a href="" id="1">/a>

И получаю в буфере следующее:

Я тут и здесь

переход по ссылке с Индексация модальных окон Как подгрузить js скрипты,

47

gormarket

14 июля 2011, 06:39

#3


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru_RU" lang="ru_RU">
<head>
<title>Объединение текста из нескользких элементов</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js"></script>
</head>
<body>
<input id="copy-text3" onclick='gettext("text3");' value='Copy id="text3..."' type="button"><br /><br /><br /><br />

<input id="text3_1" class="na_inp" onclick="this.select();" onfocus="this.select();" value="Сегодня" type="text"><br />
<input id="text3_2" class="na_inp" onclick="this.select();" onfocus="this.select();" value="у меня" type="text"><br />
<input id="text3_3" class="na_inp" onclick="this.select();" onfocus="this.select();" value="взорвется мозг" type="text"><br /><br /><br />
</body>
<script language="JavaScript">
<!--
function gettext(idtxt){
	var d=$("input[id^="+idtxt+"]");
	var out=d.eq(0).attr("value");
	for(var i=1;i < d.length;i++){
		out=out+" "+d.eq(i).attr("value");
	}
	alert(out);
}
// -->
</script>
</html>

Товары и цены в магазинах Вашего города: Городской рынок (http://gormarket.ru/)

ДП

203

Дикий пионер

14 июля 2011, 06:55

#4

По поводу id вам верно уже заметили, что он должен быть уникальным. Если нескольким элементам нужен одинаковый идетификатор - то для этих целей class можно юзать.

Во-вторых, насколько я знаю, Firefox не дает javascript'у работать с буфером обмена. Для этого используеся прокладка из flash.

Google об использовании HTML-элемента Яндекс.Маркет запускает новый блок Google: структурированные данные не

258

Станислав

14 июля 2011, 10:52

#5

gormarket, супер, то что надо, спасибо!

И спасибо тем кто отписался =)

160

maldivec

14 июля 2011, 13:38

#6

Хм... тащить весь JQuery ради одной функции - сомнительное решение... но если ТС это устраивает...

H

9

Haubergeon

14 июля 2011, 13:43

#7

Ну да, хотя бы уже $.each() использовали для приличия)

Слово не воробей. Все не воробей, кроме воробья!

VK приобрела 70% в структуре компании-разработчика red_mad_robot

Как удалить плохие SEO-ссылки и очистить ссылочную массу сайта