Тег: пример

  • Пример 3: Отображение выборочных элементов массива

    В этом примере показано, как вывести требуемые элементы массива: <!—{foreach ['item1', 'item2', 'item3'] as index => value}—> Index: <!—{= index.toString() }—> Is First: <!—{= index === 0 }—> Is Last: <!—{= index === 2 }—> <!—{/foreach}—> В результате будет показано […]

  • Пример 2: Отображение текущего номера элемента списка или массива

    В этом примере показано, как вывести порядковые номера имеющихся категорий продуктов с помощью счетчика: <ul> <!—{foreach X.get(«//ul[@class='categories']/li») as index => category}—> <li>#<!—{= index}—> <a href=»<!—{= X.value(‘./a/@href’, category) }—>»><!—{= X.value(‘./a’, category) }—></a></li> <!—{/foreach}—> </ul> Примечание Примите во внимание, что нумерация элементов […]

  • Пример 2: Отладка параметров шаблона

    Пользовательские выражения могут использоваться в целях отладки. Чтобы воспользоваться встроенными возможностями браузера для вывода данных об отладке в консоль, вам необходимо добавить в шаблон следующий код: <!—{ console.log(myParam) }—> С помощью этого кода вы получите значение myParam в стандартной консоли […]

  • Пример 1: Отображение HTML кода при выполнении условия

    Чтобы отобразить кнопку «Добавить в корзину», если элемент SPAN имеет класс «in-stock», вы можете воспользоваться следующим фрагментом кода: <!—{if X.test(‘//span[@class="in-stock"]‘)}—> <button onclick=»addToCart()»>Добавить в корзину</button> <!—{/if}—> См. также Синтаксис в шаблонах Flamingo API

  • Пример 1: Использование различных блоков HTML кода в зависимости от условий

    В данном примере показано, как отобразить имя пользователя и опцию выхода, взятые с исходной страницы сайта, в том случае, если пользователь вошел в систему, а в противном случае отобразить опцию входа. Критерием является наличие ссылки «Выход» на исходной странице основного […]

  • Пример 1: Присвоение результатов XPath переменным JavaScript

    С помощью кода, приведенного ниже, на странице будут найдены все элементы A, будет взят первый из них, а полученное содержимое будет присвоено переменной myOutput. <!—{ var contextNode = X.get(‘//a’)[0]; var myOutput = X.html(«.», contextNode); }—> Переменные, созданные внутри пользовательских выражений, видимы […]

  • Пример 1: Объявление общего заголовка страниц мобильного сайта и его использование в шаблоне

    В этом примере показано, как использовать заготовку в шаблоне. Эта заготовка добавит заголовок (элемент HEAD) на все страницы, с которыми связан этот шаблон. В этом коде объявляется заготовка с названием header:         <meta charset=»utf-8″ />         <!—{= X.value(‘//title’) }—> […]

  • Пример 1: Отображение элементов списка или массива посредством вызова функций API

      В этом примере показано, как вывести список производителей автомобилей с помощью вызова функций API: <select id=»brand»> <!—{foreach X.get(‘//ul[@id="vendors"]/li’) as item }—> <option value=»<!—{= X.value(‘@data-vendor-id’, item) }—>»><!—{= X.value(‘.’, item) }—></option> <!—{/foreach}—> </select> Этот код создает раскрывающийся список с опциями, которые […]

  • Пример 4: Установка значения HTML атрибута посредством функции XPath

    Вы можете использовать вывод значения, чтобы сгенерировать атрибут для HTML элементов: <img alt=»" src=»<!—{= X.value(‘//img[1]/@src’) }—>» /> В результате будет сгенерирован атрибут src для элемента IMG, со значением из исходной страницы. См. также Flamingo.XPath Flamingo API Синтаксис в шаблонах

  • Пример 3: Отображение значения, полученного функцией XPath

    Вы можете использовать вывод значения, чтобы вывести результат функций XPath: <!—{= Flamingo.XPath.value(‘//title’) }—> или <!—{= X.value(‘//title’) }—> В результате вы получите значение тега TITLE на исходной странице. X является псевдонимом Flamingo.XPath, используемом для экономии времени при наборе кода. См. также Flamingo.XPath […]