Если вставить в документ Smarty код javascript то будет ошибка по причине того, что очень часто бывает конфликт с символом разделителем. Например, любая многострочная функция в javascript начинается с символа “{“, а такой символ в smarty означает управляющую конструкцию.

Код smarty выполняется на сервере, а javascript код выполняется уже на страничке (через браузер), которую сгенерировал сервер. Но код javascript находится в документе, который выполняется на сервере, поэтому и происходит ошибка, когда сервер генерирует код.

Для того чтобы не было конфликта нужно ставить теги {literal} между javascript кодом. {literal} это открывающий тег, а {/literal} закрывающий. Между этими тегами smarty код не выполняется и поэтому ошибок не будет. Кстати и css код тоже нужно ставить между этими тегами.

Это первая замента про smarty на моем блоге. В будущем буду дальше публиковать заметки или статьи про smarty. Cо smarty серьезно я начал работать, когда начал делать шаблоны для webasyst и для shop-script.

Вначале к smarty пришлось привыкать, так как была привычка работать без шаблонизаторов. Но потом быстро увидел все плюсы smarty.

Как правило формы на сайтах предопределены заранее. Например, в форме регистрации все поля заданы заранее, так как ничего такого, что заранее нельзя предопределить нету.

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

Неудобно по одному создавать такие размеры удобней сразу добавлять любое количество таких размеров в одной форме и за один раз. Сделаю такой пример ниже.

Перед созданием любого проекта даже небольшого желательно распланировать проект. Так что распишем наш пример по шагам, перед тем как будет реализовывать на практике –

1. Первое создадим форму, в которую будет вставлять динамические поля
2. Создадим javascript функцию, которая будет генерировать наши поля.
3. Создадим кнопку, которая будет вставлять динамические поля.

(далее…)

Очень часто на веб сайтах требуется сделать некий всплывающий слой, который будет появляться при наведение мышки. Это может быть что угодно, например всплывающее меню или просто всплывающая подсказка.

Сделать такой слой достаточно легко. Для создания нам понадобится небольшие знания в JavaScript ну и соответственно нужно знать хоть немного html и css.

Первое что сделаем создадим наш слой который будет появляться при наведении мышки и создадим кнопку при наведение мышки на кнопку будет появляться наше всплывающее окно:
(далее…)