Новости Joomla

0 Пользователей и 1 Гость просматривают эту тему.
  • 5 Ответов
  • 1008 Просмотров
*

Efanych

  • Глобальный модератор
  • 4684
  • 644 / 0
  • Меняю свою жизнь на 360°!
Изображение вставлено прямо в текст (хорошо хоть структура одинаковая...).
Это блог категории, таких на странице куча. Картинку (а лучше даже ссылку, в которую картинка обёрнута) нужно перенести каждую в свой блок .image, который находится в том же блоке .item, что и картинка...

Цитировать
<div class="item">
    <h2><h2>
    <div class="image"></div> /* это я вписал, чтоб в него переносить */
    <div class="item-text">
        <p><a><img /></a></p>
    </div>

Ну вот и вопрос. Как?
С JS не дружу, методом тыка не получилось...
   
Создание сайтов, шаблонов, помощь в решении проблем.
*

umbabaraumba

  • Живу я здесь
  • 2415
  • 153 / 1
  • если помог можете поставить +
Re: Перенести изображение с помощью JS
« Ответ #1 : 15.11.2014, 20:02:40 »
Примерно так, но это jQuery
Errare humanum est
Ubuntu по-русски
Пишу не сложные модули и компоненты, не дорого но не срочно
*

Efanych

  • Глобальный модератор
  • 4684
  • 644 / 0
  • Меняю свою жизнь на 360°!
Re: Перенести изображение с помощью JS
« Ответ #2 : 15.11.2014, 20:08:51 »
Как вырезать и перенести, я уже знаю.
Просто тут не получится указать класс блока, куда переносить, что-то типа такого нужно, но как правильно не знаю...

Цитировать
jQuery('.item-text p a').appendTo(jQuery(this).parent().parent('.image'));
Создание сайтов, шаблонов, помощь в решении проблем.
*

zomby6888

  • Завсегдатай
  • 1473
  • 171 / 3
Re: Перенести изображение с помощью JS
« Ответ #3 : 15.11.2014, 20:24:59 »
без jquery
Код: javascript
var elements = document.getElementsByClassName('item-text');
for (i=0; i< elements.length ; i++) {
    var elem = elements[i].getElementsByTagName('img')[0];
    var image = elements[i].parentNode.getElementsByClassName('image')[0];    
    image.appendChild(elem);    
}
интернет-блог: http://websiteprog.ru
*

icom

  • Давно я тут
  • 830
  • 202 / 4
Re: Перенести изображение с помощью JS
« Ответ #4 : 15.11.2014, 20:28:48 »
Код: javascript
jQuery('.item').each(function(){
jQuery('.image', this).append(jQuery(this).find('a:has(img)'));
});
« Последнее редактирование: 15.11.2014, 20:32:14 от icom »
*

Efanych

  • Глобальный модератор
  • 4684
  • 644 / 0
  • Меняю свою жизнь на 360°!
Re: Перенести изображение с помощью JS
« Ответ #5 : 15.11.2014, 20:40:29 »
без jquery
Код: javascript
var elements = document.getElementsByClassName('item-text');
for (i=0; i< elements.length ; i++) {
    var elem = elements[i].getElementsByTagName('img')[0];
    var image = elements[i].parentNode.getElementsByClassName('image')[0];   
    image.appendChild(elem);     
}
zomby6888, не заработало, но не анализировал, почему.
Вариант icom отлино сработал!
 *DRINK*
Создание сайтов, шаблонов, помощь в решении проблем.
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Перенести сайт с Magento на Joomla как можно быстрее?

Автор MasterFloma

Ответов: 6
Просмотров: 900
Последний ответ 28.04.2018, 06:30:30
от Taatshi
Загрузка материалов с помощью CDN

Автор Lovrentiy

Ответов: 4
Просмотров: 1049
Последний ответ 13.04.2015, 16:25:06
от Lovrentiy
Как с помощью jquery или javascript узнать зашол ли некий обьект за скрол или нет?

Автор kontrast

Ответов: 0
Просмотров: 1279
Последний ответ 26.02.2013, 18:45:35
от kontrast