Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
MySQL на примерах. Авторы: Кузнецов М.В., Симдянов И.В. PHP на примерах (2 издание). Авторы: Кузнецов М.В., Симдянов И.В. PHP 5/6. В подлиннике. Авторы: Кузнецов М.В., Симдянов И.В. C++. Мастер-класс в задачах и примерах. Авторы: Кузнецов М.В., Симдянов И.В. Самоучитель PHP 5 / 6 (3 издание). Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: Создать объект вида картинка-ссылка на js?
 
 автор: OLi   (18.08.2010 в 00:55)   письмо автору
 
 

Может я не совсем правильно выразился, но если другим языком, языком html, то это выглядит так:
<a href="#"><img src="#"></a>
Как такое сделать на js, чтоб на выходе получить такую конструкцию? (как бы сделать вложенность)

  Ответить  
 
 автор: АЯ   (18.08.2010 в 01:02)   письмо автору
 
   для: OLi   (18.08.2010 в 00:55)
 

var link = document.createElement ('A');    //создаем ссылку
link.href = 'то_что_нужно';                 //прописываем HREF ссылки

var image = document.createElement ('IMG'); //создаем картинку
image.src = 'то_что_нужно';                 //прописываем SRC картинки

link.appendChild (image);                   //вкладываем картинку внутрь ссылки

объект_внутрь_которого_добавляется_картинка-ссылка.appendChild (link);

  Ответить  
 
 автор: OLi   (18.08.2010 в 01:29)   письмо автору
 
   для: OLi   (18.08.2010 в 00:55)
 

объект_внутрь_которого_добавляется_картинка-ссылка - это выходит объект link? Потому как в a мы добавляем img

  Ответить  
 
 автор: АЯ   (18.08.2010 в 01:44)   письмо автору
 
   для: OLi   (18.08.2010 в 01:29)
 

Да... с "понималкой" у Вас совсем плохо :-((

Объект link после выполнения link.appendChild (image) УЖЕ стал картинкой-ссылкой.
Но - "виртуальной", существующей только ПРОГРАММНО.
Чтобы эта "виртуальная" картинка-ссылка стала полноценным HTML-ТЕГОМ <A> С ВЛОЖЕННЫМ В НЕГО ТЕГОМ <IMG>, необходимо КУДА-ТО эту картинку-ссылку добавить.

Вот именно это КУДА-ТО и является объектом_внутрь_которого_добавляется_картинка-ссылка

объект_внутрь_которого_добавляется_картинка-ссылка - это, например, document.body - следует прописать document.body.appendChild ('link') и тогда картинка-ссылка добавится прямо перед закрывающим тегом </BODY>.

Или, например, объект_внутрь_которого_добавляется_картинка-ссылка - это DIV, имеющий id="myID" - тогда следует прописать document.getElementById ('myID').appendChild ('link') и тогда картинка-ссылка добавится прямо перед закрывающим тегом </DIV>.

  Ответить  
 
 автор: OLi   (18.08.2010 в 02:26)   письмо автору
 
   для: АЯ   (18.08.2010 в 01:44)
 

Я все понял, просто использую библиотеку, в которой так просто не пропишешь, и просто совпали имена объектов

  Ответить  
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования