Генерация JS + CSS

Feo · 15.11.2007, 13:13

Здравствуйте,

Возможна ли генерация JS и CSS непосредственно из тела расширения? То есть, отдельных файлов с изменяемым в процессе выполнения скрипта данными, которые будут связаны со выводимой страницей.

В идеале - Smarty-конфигурируемые.

Спасибо.

void · 15.11.2007, 14:36

Довольно странная задача... Обычно есть некие файлы, которые надо поключить, а затем где-нибудь в <head> вставить <script> только с изменяемыми в этом случае JS-переменными.
Добавить некий код в <head> можно через $GLOBALS['TSFE']->includeAdditionalCSS/includeAdditionalJS
Для smarty смотрите расширение smarty, рекомендую в зависимостях указывать точную версию, т.к. расширение, видимо, будет часто изменяться в будущем.

Feo · 15.11.2007, 16:08

Спасибо за ответ, Алексей, данные методы и расширение уже используются, вопрос несколько специализирован.

Мои шаблоны CSS и JS - сквозные, идущие через весь сайт, с различными настройками каждый раз.

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

В идеале было бы наиболее уместно использовать отдельные Smarty-шаблоны CSS и JS, где переменные задаются на уровне Typo3, логика на уровне PHP, и презентация как финал процесса.

dmartynenko · 15.11.2007, 16:20

Цитата:

Сообщение от Feo

В идеале было бы наиболее уместно использовать отдельные Smarty-шаблоны CSS и JS, где переменные задаются на уровне Typo3, логика на уровне PHP, и презентация как финал процесса.

Можно использовать, и где-то я такое видел, генерить CSS и JS при помощи самого тайпо просто как страницы!

То есть делать в шаблоне отдельный page.typeNum = XX
Для него как угодно создавать контент - через TS или плагин (заголовки только указать правильные для http ответа).

А на обычных страницах вместо
page.includeCSS.main = fileadmin/style.css
писать
page.includeCSS.main = http://domain.com/?id=12&type=XX

Можно даже попробовать сделать так, что бы стили и JS брались для каждой страницы по тому же id просто с другим параметром type.

Feo · 15.11.2007, 19:01

Благодарю за интересную рекоммендацию, в таком случае, я не постесняюсь спросить как и где наиболее лаконично Вы порекомендуете включить данный файл в head для всего сайта.

Спасибо.

void · 15.11.2007, 20:04

page.includeCSS.main = http://domain.com/?id=12&type=XX включает скрипт в <head> всего сайта.

Конфиг будет при этом примерно такой:

Код:

printform = PAGE
printform {
  typeNum = 1337

  10 < plugin.tx_yourext_pi1
  
  config {
    disableAllHeaderCode = 1
    xhtml_cleaning = 0
    admPanel = 0
    additionalHeaders = Content-type:text/javascript
  }
}

Но при этом нужно учитывать, что при каждом вызове любой страницы будут вызываться фактически две страницы... Хотя конечно можно закешировать всё, и тогда всё будет быстрее.
Существует другой подход - использовать технологию eID, но в этом случае кеширование вы должны будете реализовывать сами (если нуждаетесь в нем).

Feo · 16.11.2007, 00:17

Я думал над данным методом и задался вопросом в его гибкости.
Если скажем необходимо изменять параметры CSS файла в зависимости от результатов выполнения кода модуля - разве это достижимо здесь.
Ведь TS - это самый первый этап в процессе исполнения. А если необходимо модифицировать оформление уже после генерации содержимого?

dmartynenko · 16.11.2007, 14:39

Цитата:

Сообщение от Feo

А если необходимо модифицировать оформление уже после генерации содержимого?

Конечно во время вызова плагина вся страница до него и весь заголовок уже сформированы (или взяты из кеша).

Поэтому в таком случае Вы можете включить стили или JS в вашем плагине внутрь HTML кода (внутрь BODY) - перед или после вашего HTML контента.
В таком случае стили добавятся или переопределятся, а JS подгрузится.

void · 16.11.2007, 16:59

Если вам нужна зависимость содержимого css/js от результата работы плагина, то можно добавлять их примерно так:
в плагине пишете

PHP код:


			
$conf = array(

 'parameter' => $GLOBALS['TSFE'],

 'additionalParams' => '&type=1337&mygeneratedparam='.$this->doTheMagick()

);

$GLOBALS['TSFE']->additionalJS .= '<script type="text/javascript" src="'.$this->cObj->typolink_URL($conf).'"></script>';

, а затем в другом плагине, который вставлен на страничный объекст с типом 1337, уже анализируете get-параметр 'mygeneratedparam'.

z0r1k · 16.11.2007, 19:28

Да, я еще можно поробовать хук:

Код:

$TYPO3_CONF_VARS["SC_OPTIONS"]["tslib/class.tslib_fe.php"]["contentPostProc-output"] = array("EXT:plugin/class.plugin.php:user_PluginPostProc->sParseOutput");

и там проанализировать параметры: id, etc. и в зависимости от них уже вставить куда угодно, что угодно.
Хотя это может быть и не очень удобно....

15.11.2007, 13:13	#1
Feo Продвинутый Регистрация: 05.11.2007 Сообщений: 66	Генерация JS + CSS Здравствуйте, Возможна ли генерация JS и CSS непосредственно из тела расширения? То есть, отдельных файлов с изменяемым в процессе выполнения скрипта данными, которые будут связаны со выводимой страницей. В идеале - Smarty-конфигурируемые. Спасибо.

15.11.2007, 14:36	#2
void Senior Member Регистрация: 14.03.2006 Адрес: Russia, Penza Сообщений: 1,504	Довольно странная задача... Обычно есть некие файлы, которые надо поключить, а затем где-нибудь в <head> вставить <script> только с изменяемыми в этом случае JS-переменными. Добавить некий код в <head> можно через $GLOBALS['TSFE']->includeAdditionalCSS/includeAdditionalJS Для smarty смотрите расширение smarty, рекомендую в зависимостях указывать точную версию, т.к. расширение, видимо, будет часто изменяться в будущем. __________________ TYPO3 FAQ

15.11.2007, 20:04	#6
void Senior Member Регистрация: 14.03.2006 Адрес: Russia, Penza Сообщений: 1,504	page.includeCSS.main = http://domain.com/?id=12&type=XX включает скрипт в <head> всего сайта. Конфиг будет при этом примерно такой: Код: printform = PAGE printform { typeNum = 1337 10 < plugin.tx_yourext_pi1 config { disableAllHeaderCode = 1 xhtml_cleaning = 0 admPanel = 0 additionalHeaders = Content-type:text/javascript } } Но при этом нужно учитывать, что при каждом вызове любой страницы будут вызываться фактически две страницы... Хотя конечно можно закешировать всё, и тогда всё будет быстрее. Существует другой подход - использовать технологию eID, но в этом случае кеширование вы должны будете реализовывать сами (если нуждаетесь в нем). __________________ TYPO3 FAQ

16.11.2007, 16:59	#9
void Senior Member Регистрация: 14.03.2006 Адрес: Russia, Penza Сообщений: 1,504	Если вам нужна зависимость содержимого css/js от результата работы плагина, то можно добавлять их примерно так: в плагине пишете PHP код: `$conf = array( 'parameter' => $GLOBALS['TSFE'], 'additionalParams' => '&type=1337&mygeneratedparam='.$this->doTheMagick() ); $GLOBALS['TSFE']->additionalJS .= '<script type="text/javascript" src="'.$this->cObj->typolink_URL($conf).'"></script>';` , а затем в другом плагине, который вставлен на страничный объекст с типом 1337, уже анализируете get-параметр 'mygeneratedparam'. __________________ TYPO3 FAQ

16.11.2007, 19:28	#10
z0r1k Продвинутый Регистрация: 27.03.2006 Адрес: Ukraine, Crimea, Simferopol Сообщений: 79	Да, я еще можно поробовать хук: Код: $TYPO3_CONF_VARS["SC_OPTIONS"]["tslib/class.tslib_fe.php"]["contentPostProc-output"] = array("EXT:plugin/class.plugin.php:user_PluginPostProc->sParseOutput"); и там проанализировать параметры: id, etc. и в зависимости от них уже вставить куда угодно, что угодно. Хотя это может быть и не очень удобно.... __________________ http://michaelleibenson.org.ua

15.11.2007, 16:08	#3
Feo Продвинутый Регистрация: 05.11.2007 Сообщений: 66	Спасибо за ответ, Алексей, данные методы и расширение уже используются, вопрос несколько специализирован. Мои шаблоны CSS и JS - сквозные, идущие через весь сайт, с различными настройками каждый раз. Они должны быть динамическими, то есть создающимися на уровне PHP. Кроме того, я предпочитаю не загромождать код скрипт-переменными. И не создавать несколько десятков отдельных подключний. В идеале было бы наиболее уместно использовать отдельные Smarty-шаблоны CSS и JS, где переменные задаются на уровне Typo3, логика на уровне PHP, и презентация как финал процесса.

15.11.2007, 19:01	#5
Feo Продвинутый Регистрация: 05.11.2007 Сообщений: 66	Благодарю за интересную рекоммендацию, в таком случае, я не постесняюсь спросить как и где наиболее лаконично Вы порекомендуете включить данный файл в head для всего сайта. Спасибо.

16.11.2007, 00:17	#7
Feo Продвинутый Регистрация: 05.11.2007 Сообщений: 66	Я думал над данным методом и задался вопросом в его гибкости. Если скажем необходимо изменять параметры CSS файла в зависимости от результатов выполнения кода модуля - разве это достижимо здесь. Ведь TS - это самый первый этап в процессе исполнения. А если необходимо модифицировать оформление уже после генерации содержимого?

Опции темы
Версия для печати Отправить по электронной почте
Опции просмотра
Линейный вид Комбинированный вид Древовидный вид

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
подскажите как CSS присоединить	kate	Общие вопросы	4	14.02.2008 22:41
"Насторойка" CSS Styled Content	Amarok	Общие вопросы	3	04.11.2007 13:40
Слетает CSS	Mike10581	Общие вопросы	6	15.10.2007 18:15
Css вроде простая проблемка...	romix	Общие вопросы	3	12.03.2007 00:13
Разные файлы стилей css для разных страниц в TS	filippoff	Общие вопросы	1	25.12.2006 14:39