Добавляю новости без перезагрузки страницы, + фото, как не пихать в js весь код который нужно обновить без перезагрузки?

Всем привет.
Возможно заголовок тупой ) но думал как правильно сформировать.

Добавляю новость без перезагрузки страницы, через ajax, а также добавляю фото в новости без перезагрузки, но чтобы фотка появилось, над же код вывода фотки пихать в js, через который ajax и проходит.

Код у меня такой:
<div id="photoBox">
      <? if (!empty($data['images'])) : ?>
      <div id="product_images">
        <? foreach ($data['images'] as $i => $image) : ?>
        <div class="fotoadmin" data-id="<?= $image->id ?>">
          <div class="fotoadminnn">
            <a href="/media/uploads/prozhivanie/<?php echo $image->image ?>" target="_blank">
              <img src="/media/uploads/prozhivanie/small/small-<?php echo $image->image ?>" width="150px">
            </a>
            <br>
            <a href="/admin/prozhivanie/delimg/<?php echo $image->id ?>">Удалить</a>
            <? if ($image->id != $data['image_id']): ?>
            | <a href="/admin/prozhivanie/mainimg/<?php echo $image->id ?>">Главная</a>
            <? else: ?>
            | <b>Главная</b>
            <? endif ?>
          </div>
        </div>
        <? endforeach ?>
        <input type="hidden" name="imagepos" value="" />
      </div>
      <a name="img"></a>
      <? endif ?>

    </div>


В js выглядит так:
if (d.image_is) {
              $('#photoBox').append('<div class="fotoadmin"><div class="fotoadminnn"><a href="/media/uploads/prozhivanie/' + d.image.filename + '" target="_blank"><img src="/media/uploads/prozhivanie/small/small-' + d.image.filename + '" width="150px"></a><br><a href="/admin/prozhivanie/delimg/' + d.image.id + '">Удалить</a> | <a href="/admin/prozhivanie/mainimg/' + d.image.id + '">Главная</a></div></div>');
            }


А реально ли как-то сделать так чтобы не пихать в js все, а просто он брал определенный id в который входит весь этот код, допустим id="photoBox", или так нельзя.

Нарисовалась проблема такая, там в коде где сделать главной, есть елсе, так вот, в js как правильно добавить, а то когда я загружаю фото и оно становится должно главной и ссылка главная, она становится не кликабельной, но так не делает, то есть делает но сразу не видно, надо f5 нажимать.

Вот эта часть кода:
<? if ($image->id != $data['image_id']): ?>
            | <a href="/admin/prozhivanie/mainimg/<?php echo $image->id ?>">Главная</a>
            <? else: ?>
            | <b>Главная</b>
            <? endif ?>


Как мне кусок этого кода в js добавить, вот сюда:
if (d.image_is) {
              $('#photoBox').append('<div class="fotoadmin"><div class="fotoadminnn"><a href="/media/uploads/prozhivanie/' + d.image.filename + '" target="_blank"><img src="/media/uploads/prozhivanie/small/small-' + d.image.filename + '" width="150px"></a><br><a href="/admin/prozhivanie/delimg/' + d.image.id + '">Удалить</a> | <a href="/admin/prozhivanie/mainimg/' + d.image.id + '">Главная</a></div></div>');
            }
  • Вопрос задан
  • 45 просмотров
Пригласить эксперта
Ответы на вопрос 1
Kozack
@Kozack Куратор тега JavaScript
Thinking about a11y
Можно использовать <template>
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы