Помогите связать js и smarty

Приветствую всех.

Логика доработки:
В вайле который отдает данные через ajax, есть такая строка:
Затем в самом шаблоне есть JS скрипт, где он создает div, и должен помещать в него переменную {$html}
с помощью:
На последнем этапе все стопорится, в новый созданный объект не передается переменная из smarty, выручайте, перепробовал уже все…

Марат, это был мой второй вариант, не работает)

Дело в том, что когда таким образом пытаюсь вставить html код, JS вообще перестает работать, может данную подстановку нужно как то экранировать?

почему такой вариант? не проще выдать html код без смарти? echo в файле с кодом и реализуйте там же шаблон.

Посмотрите что пишет в консоле браузера.

echo в файле с кодом и реализуйте там же шаблон.

Такой вариант выбран для того чтобы открыть основной шаблон (со списком фотографий в клубе) и всплывающим окном (с помощью JS создаем новый объект div, с затемнением и прочими плюшками) вывести другой шаблон с отображением самой фотографии (функционал можно понять на примере VK или FB),
т.е. человек открывает список фото, формируется запрос к php файлу, который ajax'ом будет выводить шаблон и если в запросе есть переменная photo, то он должен загрузить еще один файл шаблона и вывести его в всплывающем окне.

В консоле браузера ничего нет.
Подозреваю, что дело в том, когда мы загружаем шаблон в переменную, у нас там находятся smarty элементы, различные {if} {foreach} и т.д., думаю нужно сделать сначала замену их как происходит в обычном шаблоне, а затем уже присваивать переменной JS.

Но вот что то совсем запутался с этим делом(

Всё правильно подозреваете…
JS работает с «чистым» html…
В самой системе множество примеров, реализации всплывающих окон на ajax ( nyromodal.js, common.js и в js-файлах компонентов)…

Smith, по документации fetch() и display() подобны, за исключением того, что fetch() может присваивать вывод переменной, как в вашем случае. Можете попробовать ещё вот так(в системе обычно так используют):
И затем уже передаете $html в другой шаблон. Предварительно не забудьте все переменные в первом шаблоне проинициализировать нужными значениями.
Да ещё, пропустил в первом чтении, разве не так должно быть?
$html обернут в кавычки.
Надеюсь, я правильно понял задачу?

Всё правильно подозреваете…
JS работает с «чистым» html…
В самой системе множество примеров, реализации всплывающих окон на ajax ( nyromodal.js, common.js и в js-файлах компонентов)…

Сделал чтобы создавался див и в нем ajax'ом подгружался, достаточно не удачная реализация, спасибо за то что заставили еще раз посмотреть подробнее common.js)), думаю попробовать следующий вариант:
в основной шаблон подключить шаблон который будет в всплывающем окне, и затем с помощью json загружать данные в него.

Smith, по документации fetch() и display() подобны, за исключением того, что fetch() может присваивать вывод переменной, как в вашем случае. Можете попробовать ещё вот так(в системе обычно так используют):

 
ob_start();
$smarty = $inCore->initSmarty('components', 'com_clubs_view_photo.tpl');
	$smarty->assign('club', $club);
	$smarty->assign('photo', $photo);
	$smarty->assign('is_admin', $is_admin);
	$smarty->assign('is_moder', $is_moder);
	$smarty->assign('is_author', $is_author);
    $smarty->display('com_clubs_view_photo.tpl');
$html = ob_get_clean();
 

И затем уже передаете $html в другой шаблон. Предварительно не забудьте все переменные в первом шаблоне проинициализировать нужными значениями.
Да ещё, пропустил в первом чтении, разве не так должно быть?

 
$('#pop').html('{/literal}{$html}{literal}');
 

$html обернут в кавычки.
Надеюсь, я правильно понял задачу?

А вот это я упустил, нужно изучить что такое ob_start(); и ob_get_clean();, возможно Ваш вариант будет еще лучше чем те костыли на которых остановился.
Попробую обязательно оба варианта, и отпишу что заработало и если заработаю оба варианта, то поделюсь, что лучше, думаю кому-нибудь да пригодится))

Спасибо, товарищи за полезные наводки!

Проблема —> Задача —> Логика —> Реализация —>…
По обрывкам кода который вы приводите сложно понять чего вы пытаетесь достичь…
Возможно, простейший способ — скопировать участок кода из компонента ( типа do == 'view_photo' ) в php файл вызываемый через ajax и обойтись вообще без Smarty сгенерировав нужный html в этом же файле, если вы не собираетесь распространять свой шаблон в массы…
Но это только предположение, для конкретики не хватает информации…

• Mike • прав. Чем точнее донесена задача, тем более вероятен правильный ответ.
Ещё хотелось сказать про то, как будет выглядеть ваш код. Конечный html-код страницы, который отдается браузеру.
Поэтому гораздо правильнее будет, наверно, сделать вот так
В файле шаблона
Возможно придется подставлять полный путь PATH.'/путь/файл'
А в js сделать так:
Так будет красивее.
Но я всё же сторонник аяксовых решений. Лучше вообще этот popup подгружать аяксом.

Пока висит опять VPS решил отписаться)

По обрывкам кода который вы приводите сложно понять чего вы пытаетесь достичь…

Согласен, сложно судить когда мало информации.
Дело в том, что очень много изменений, которые вышли бы за рамки этой темы.

Сейчас у меня реализовано:
Навигация по хэш ссылке, например человек переходит по ссылке:

мой_сервер/clubs/16#clubs_ajax_getphotos/data_club/album_id:1058

1. Движок выдает основной клуб с ID номером 16
2. После загрузки срабатывает парсер хэш ссылки:
Извлекает из адреса строку: #clubs_ajax_getphotos/data_club/album_id:1058,

3. разбивает ее на переменные, и аяксом грузит в определенный объект ответ от требуемого файла, пример:
#clubs_ajax_getphotos/data_club/album_id:1058 =>
file: components/clubs/ajax/getphotos.php
ответ будет вставлен в объект с ID: data_club
album_id:1058 — это параметры, которые будут переданы getphotos.php (их может быть любое количество)
4. После успешного выполнения ajax запроса помещаем данные в указанный див.

Таким образом мне это позволяет не перегружая всей страницы, грузить определенный контент в определенную часть сайта с сохранением навигации в браузере (в зависимости от того какой блок был указан в ссылке)

После этой загрузки, становится доступен список фото альбома 1058.
Следующая задача, над которой я сейчас работаю, это при клике на фото, чтобы она загружалась в всплывающем окне.
т.е. ссылка на фото будет уже: #clubs_ajax_getphotos/data_club/album_id:1058/photo:id
теперь getphotos.php проверяет не было и ему передано ID фото, и если да, то формирует попутно шаблон.

Вчера с помощью ob_start() ob_get_clean() получилось сформировать шаблон в буфере и затем записать его в переменную $html

После чего эту переменную отдаем основному шаблону, в котором есть код:

Вот здесь и все и стопориться. Если просто вывести {$html} в шаблоне, то все отлично, а вот если передавать в JS скрипт то последний перестает работать.

Анализируя все варианты возможной реализации, пока самый лучший тот на котором остановился, за исключением проблем с добавлением переменной в JS
Также обратил внимание, что JS ругается на спец символы в переменной {$html}, например "{" — эти скобки от других скриптов находящихся в переменной, вчера пол ночи пытался экранировать их, но экранируются все, кроме { }, может еще что-то.

т.е. основная проблема сейчас это вставить переменную smarty, в которой могут быть также дугие скрипты в JS скрипт основного шаблона

Не?