Форум

Striker_ · #1 (**permalink**) 31.08.2012, 00:06

Допустим есть код:

<!DOCTYPE HTML>
<html>
<head>
	<meta http-equiv="content-type" content="text/html"; charset="utf-8" />
	<title>test</title>       
</head>

<body>
<?php
echo "<a id='link' href='http://ya.ru/'><img src='http://www.overclockers.ru/images/Gigabyte_HD7870.jpg'></a><br>
<a href='http://google.ru/'><img src='http://www.overclockers.ru/images/preview/s0MUl3ZoBjWnEJFz.jpg'></a>";
?>
<form>
    <textarea cols="40" rows="30">Some text here...</textarea>
</form>

</body>
</html>

Если перетянуть картинку в textarea, то в текстовую область вставится ссылка на картинку, а мне надо чтоб вставилась ссылка из атрибута "href" тега "а", причем чтоб эта ссылка была обрамлена в тег img. Тобишь в случае с первой картинкой в текстовую область при перетягивании должен попасть текст вида <img src='http://ya.ru/'>

Как это сделать на JavaScript? При надобности можно подключить фреймворки.

Deff · #2 (**permalink**) 31.08.2012, 00:34

<!DOCTYPE HTML>
<html>
<head>
	<meta http-equiv="content-type" content="text/html"; charset="utf-8" />
	<title>test</title>       
</head>

<body>
<a id='link' href='http://ya.ru/'><img src='http://www.overclockers.ru/images/Gigabyte_HD7870.jpg'></a><br>
<a href='http://google.ru/'><img src='http://www.overclockers.ru/images/preview/s0MUl3ZoBjWnEJFz.jpg'></a>

<form>
    <textarea id="Mytextarea" cols="40" rows="30">Some text here...</textarea>
</form>
<script type="text/javascript">
var a=document.getElementById('link');
var b = document.getElementById('Mytextarea');
var div = document.createElement('div');
div.appendChild(a.cloneNode(true));
b.value=div.innerHTML
</script>
</body>
</html>

Striker_ · #3 (**permalink**) 31.08.2012, 00:47

Deff
Спасибо, но не совсем то. В текстовую область вставляется сама ссылка из href, а надо чтоб ссылка в теге img. Чтоб в текстовую область вставлялась не просто ссылка "http://ya.ru/", а "<img src='http://ya.ru/'>".

Deff · #4 (**permalink**) 31.08.2012, 00:49

Striker_,
Приведите пример - как вставляется сейчас
И второе - как надо вставить этот же контент;
- Две строки

Я преобразую

Striker_ · #5 (**permalink**) 31.08.2012, 00:53

Deff
Сейчас вставляется вот так:

а надо чтоб вставлялся вот так:

Deff · #6 (**permalink**) 31.08.2012, 00:59

Striker_,
Я не спрашиваю как у Вас вставляецо - я про мой скрипт
там должно вставицо весь тег а

Striker_ · #7 (**permalink**) 31.08.2012, 01:02

Сейчас вставляется ссылка из тега "a". Если в этом вопрос.

Aetae · #8 (**permalink**) 31.08.2012, 01:20

А зачем вам этот бред, позвольте поинтересоваться?

Deff · #9 (**permalink**) 31.08.2012, 01:21

Поправил

<!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" lang="ru" dir="ltr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title>Активные темы</title>

</head>
<body>
<a id='link' href='http://ya.ru/'><img src='http://www.overclockers.ru/images/Gigabyte_HD7870.jpg'></a><br>
<a href='http://google.ru/'><img src='http://www.overclockers.ru/images/preview/s0MUl3ZoBjWnEJFz.jpg'></a>


<form action="#" id="form" name="form">
    <textarea id="Mytextarea" name="req_message" cols="40" rows="30"/>Some text here...</textarea>
</form>

<script type="text/javascript">
document.body.onload = function(){
var a=document.getElementById('link');
var b = document.getElementById('Mytextarea');
var div = document.createElement('div');
div.appendChild(a.cloneNode(true));
b.value=div.innerHTML;
}
</script>
</body>
</html>

Striker_ · #10 (**permalink**) 31.08.2012, 01:34

Deff,
Не правильно. В текстовую область при перетягивании картинки должна появлятся ссылка из тега "а" в теге "img". Чтоб ссылка "http://link.ru" в текстовую область переносилась как "<img src='http://link.ru'>

Aetae,
На работе такое загадали сделать. И это не бред. В реальном же проекте это будет использоватся в админке сайта. Слева выводятся картинки из определенной директории, справа текстовые области в которые при перетаскивании переносится ссылка на картинку в теге img. Просто я пример привел с минимум кода, чтоб вам не пришлось долго в нем разбираться.

Форум

Справочник

Discord чат

Курсы javascript