пятница, 24 июня 2005
10:55

html, etc

все записи пользователя в сообществе ArLe
Вопрос к тем, кто разбирается в верстке веб-сайтов:



Подскжите, пожалуйста, как сделать, чтобы при щелчке на картинку в соответствующем поле появлялся ее адрес в окружении нужных тегов?



Например, как сделано здесь:

http://www.galanter.net/Smileys/27/

http://fool.exler.ru/sm01.htm



Очень желательно, если бы мне обьяснили как можно подробнее, как это работает.

URL
Комментарии
24.06.2005 в 11:18

bokonist
fail better
Ну вы бы в сорцы посмотрели.



В HEAD вставьте маленький скриптик:



<sсriрt>

function ShowCode(Name){

document.all('ID вашего поля').value= '[tag]' + Name + '[/end_tag]' + 'всё что угодно';

}

</sсriрt>



Любой картинке пишете «img src='picture.gif' onclick='ShowCode(this.src)'».



По клику в функцию будет передаваться this.src — урл картинки, а функция изменит значения текстового поля.
URL
24.06.2005 в 11:42

ArLe
bokonist, смотрели в сорцы! Не только смотрели, но и сохранили себе страницу и долго мучали ее в Дримвивере (безуспешно: как только я там открыла файл, код перестал работать).



Спасибо за информацию! :friend:
URL
24.06.2005 в 11:47

Enkryptor
> только я там открыла файл, код перестал работать



Возможно нужная функция там была вынесена в отдельный файл .js
URL
24.06.2005 в 12:04

ArLe
Enkryptor, он автоматически не сохраняется вместе со страницей? (файл этот)
URL
24.06.2005 в 16:16

Enkryptor
Вроде бы нет.
URL
25.06.2005 в 19:56

Во-первых, причём тут вёрстка?

Во-вторых, document.all -- это нет.
URL
25.06.2005 в 20:59

bokonist
fail better
стронни, я просто из страницы по ссылке выдрал, особо не вникал. А вообще GetElementByID, кажется.



Тире: «—».
URL
27.06.2005 в 12:44

Можно by ID, можно по дереву пройтись. IE умеет DOM, хотя и весьма нетривиально, гыгы.
URL
05.07.2005 в 11:16

Kildor
Homo virtualis группа [γ]
<img src='' alt='' onclick='document.getElementById("iD_of_area";).value +="[tag]"+this.src+"[/tag]"' /> — наиболее простой вариант.

Можно чуть подшаманить, чтоб вставлялся под курсор мыши.
URL
05.07.2005 в 11:41

bokonist
fail better
Kildor, прямо в тег слишком много кода будет, если картинок много. Ну и, наверное, всё-таки не +=.
URL
05.07.2005 в 12:12

Kildor
Homo virtualis группа [γ]
Ну, про количество картинок не было сказано ни слова, да и „наиболее простой“ не значит наиболее лёгкий или элегантный.



Если бы мне нужно было бы подобное сделать, с большим количеством картинок, я бы вообще ничего не писал бы в <img />, а добавил бы глобальный хандлер на windows.onclick.



Правда не знаю, как с этим у осла…



А чем не нравится +=?

URL