Автор Тема: Как вывести картинку перед текстом в зависимости от значения  (Прочитано 522 раз)

14 Июль 2016, 13:21:20
  • Старожил
  • ****
  • Сообщений: 380
  • Репутация: +1/-0
  • Сообщество PrestaShop
    • Просмотр профиля
Добрый день!
Есть строка вывода на странице сайте
<p><img id = "imgphone"  > Текст </p>Как вывести картинку перед текстом в зависимости от значения
На прямую понятно
<p><img id = "imgphone"  src="{$img_dir}znak2.png" > Текст </p>Как через JavaScript
if (gat.value == ''  ){
Вот тут надо как-то присвоить другую картинку типа
$("#imgphone").html("<img src='{$img_dir}znak2.png'>");
}
Но так не работает.
Спасибо!
14 Июль 2016, 14:17:43
Ответ #1
  • Ветеран
  • *****
  • Сообщений: 1807
  • Репутация: +49/-1
  • Сообщество PrestaShop
    • Просмотр профиля
$("#elem").text(); // получить текст, потом его можно сравнивать и выводить разные img src
14 Июль 2016, 14:44:02
Ответ #2
  • Старожил
  • ****
  • Сообщений: 380
  • Репутация: +1/-0
  • Сообщество PrestaShop
    • Просмотр профиля
Спасибо за ответ!
Вопрос-то и состоит в том что-бы поменять картинку. Текст тут не причем.
Можно так сделать..
document.getElementById("imgphone").src="http://....полный путь к картинке на сайте";
Но мне не надо что-бы указывался полный путь.
Есть original_url = window.location; но это путь страницы.
Как тогда установить путь с основного каталога сайта, или относительно каталога default-bootstrap в яве.
Спасибо!
14 Июль 2016, 14:55:45
Ответ #3
  • Ветеран
  • *****
  • Сообщений: 1807
  • Репутация: +49/-1
  • Сообщество PrestaShop
    • Просмотр профиля
Поменять так
$('#elem').attr('src', 'http://путь к изображению')
14 Июль 2016, 15:11:53
Ответ #4
  • Старожил
  • ****
  • Сообщений: 380
  • Репутация: +1/-0
  • Сообщество PrestaShop
    • Просмотр профиля
Спасибо конечно.. Но веть вопрос-то не полный путь а относительный..
Не надо что-бы указывать 'http://путь к изображению'
Надо как-то получить директорию например как в html  {$img_dir}.
Типа ...  window.location + ' znak3.png'
Но window.location это не каталог основной сайта и адрес страницы.
Как получить {$img_dir} в яве.
14 Июль 2016, 15:18:38
Ответ #5
  • Ветеран
  • *****
  • Сообщений: 1807
  • Репутация: +49/-1
  • Сообщество PrestaShop
    • Просмотр профиля
Не понятно, это что чисто теоритически нужно?
На практике все проще, если нужно использовать в js коде переменные smarty, то так
{literal}
<script type="text/javascript">
    ....
    $('#elem').attr('src', '{/literal}{$img_dir}{literal}');
    ....
</script>
{/literal}