ReSQL.ru
     
powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / Java [игнор отключен] [закрыт для гостей] / JQuery плюс JSF библиотеки
7 сообщений из 7, страница 1 из 1
JQuery плюс JSF библиотеки
    #38456242
Dutchman
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Dutchman
Гость
Доброго времени суток!
Ознакомился с JQuery и как говорится "влюбился с первого взгляда". Но
любовь эта получилась не взаимная. Заканчиваю лирику и перехожу к вопросу.
Понимаю, что это две разные библиотеки: одна со стороны клиента, друга
со стороны сервера. Решил провести эксперимент. На XHTML страницу ввел
Код: html
1.
2.
3.
4.
5.
6.
    <h:form id="aboutFrm">
    	<script type="text/javascript" src="../contentJS/jquery-1.10.2.js"/>
	<script type="text/javascript" src="../contentJS/navigatedPage.js"/>
		<h:outputText id="potatoID" value="PROBA !!! JQuery" style="font-size:10px;"/>
		<a4j:commandButton title="proba" image="#{homeBean.pathImg}potato.png" onclick="addEffect3();"/>
....


в файле js прописал:
Код: javascript
1.
2.
3.
function addEffect3(){
	$("#potatoID").animate({fontsize:"40px"} , 3000 );
}



... и эффекта анимации текста до 40px не получил. При этом, когда h:outputText меняю на div все работает.
Подскажите пожалуйста как правильно "скрестить" эти две библиотеки?
...
Рейтинг: 0 / 0
07.11.2013, 14:42:16
| Ответить | Цитировать | Написать  
JQuery плюс JSF библиотеки
    #38456251
Фотография Blazkowicz
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Blazkowicz
Участник
JSF преобразует свои тэги в некоторый более сложный HTML при чем ещё на сервере.
Поэтому JavaScript вообще ничего не знает об этом. Поэтому чтобы подружить нужно понимать какой HTML получится из вашего JSF.
Но проще отказаться от использования JSF совсем.
...
Рейтинг: 0 / 0
07.11.2013, 14:45:37
| Ответить | Цитировать | Написать  
JQuery плюс JSF библиотеки
    #38456271
Dutchman
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Dutchman
Гость
Blazkowicz,

ясно ... но предположим я посмотрел исходный код страницы:
Код: html
1.
2.
3.
<span id="aboutFrm:potatoID" style="font-size:100px;">
    PROBA !!! JQuery
</span>



и теперь знаю тип и идентификатор ... подставляю идентификатор aboutFrm:potatoID в
JS функцию и вновь не получаю ожидаемого результата. Почему?
...
Рейтинг: 0 / 0
07.11.2013, 14:56:01
| Ответить | Цитировать | Написать  
JQuery плюс JSF библиотеки
    #38456282
Фотография Petro123
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Petro123
Участник
Dutchman,
возьми пример попроще. Стили могут перекрываться, наследоваться и т.д.
Области видимости там не такие как в Java
...
Рейтинг: 0 / 0
07.11.2013, 14:59:45
| Ответить | Цитировать | Написать  
JQuery плюс JSF библиотеки
    #38456305
Dutchman
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Dutchman
Гость
Уважаемый Petro123,

я проверял с <div> тэгом ... все работает, но это не JSF
...
Рейтинг: 0 / 0
07.11.2013, 15:07:25
| Ответить | Цитировать | Написать  
JQuery плюс JSF библиотеки
    #38456309
ivanra
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
ivanra
Гость
BlazkowiczНо проще отказаться от использования JSF совсем.
На самом деле жизнь не так сложна, если читать документацию. У RF есть javascript api , помогающее преобразовывать jsf идентификаторы в клиентские. В данном случае в функцию следует передать элемент, найденный RF:
Код: html
1.
<a4j:commandButton title="proba" image="#{homeBean.pathImg}potato.png" onclick="addEffect3(#{rich:element('potatoID')});"/>


подправленный скрипт:
Код: javascript
1.
2.
3.
function addEffect3(element){
	$(element).animate({fontsize:"40px"} , 3000 );
}


и второе: в RF уже встроена какая-то версия jQuery, об этом тоже есть в документации. В связи с чем могут возникнуть конфликты. Поэтому из кода следует исключить импорт левой библиотеки (<script type="text/javascript" src="../contentJS/jquery-1.10.2.js"/>), либо, если требуется определенная версия, импортитовать так, как написано в документации
...
Рейтинг: 0 / 0
07.11.2013, 15:08:02
| Ответить | Цитировать | Написать  
JQuery плюс JSF библиотеки
    #38456323
Dutchman
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Dutchman
Гость
ivanra,

ОГО ... РАБОТАЕТ !!! Спасибо ... сейчас знаю где копать
...
Рейтинг: 0 / 0
07.11.2013, 15:16:43
| Ответить | Цитировать | Написать  
7 сообщений из 7, страница 1 из 1
Форумы / Java [игнор отключен] [закрыт для гостей] / JQuery плюс JSF библиотеки
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение   Полит. конфиден.  
NoSQL.ru       Кролег: Проекты, Новости, Чат       РЕД ФОРУМ       Фотоальбом: Участники, Встречи
Закрыть
start [/forum/topic.php?fid=59&gotonew=1&tid=2128254]:
 0ms
get settings:
 9ms
get forum list:
 19ms
check forum access:
 3ms
check topic access:
 3ms
track hit:
 171ms
get topic data:
 7ms
get first new msg:
 5ms
get forum data:
 2ms
get page messages:
 34ms
get tp. blocked users:
 1ms
others: 184ms
total:  438ms
созд. / загр.: 438ms
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]