Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / Java [игнор отключен] [закрыт для гостей] / JQuery плюс JSF библиотеки / 7 сообщений из 7, страница 1 из 1
07.11.2013, 14:42:16
    #38456242
Dutchman
Dutchman
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
JQuery плюс JSF библиотеки
Доброго времени суток!
Ознакомился с 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:45:37
    #38456251
Blazkowicz
Blazkowicz
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
JQuery плюс JSF библиотеки
JSF преобразует свои тэги в некоторый более сложный HTML при чем ещё на сервере.
Поэтому JavaScript вообще ничего не знает об этом. Поэтому чтобы подружить нужно понимать какой HTML получится из вашего JSF.
Но проще отказаться от использования JSF совсем.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
07.11.2013, 14:56:01
    #38456271
Dutchman
Dutchman
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
JQuery плюс JSF библиотеки
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:59:45
    #38456282
Petro123
Petro123
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
JQuery плюс JSF библиотеки
Dutchman,
возьми пример попроще. Стили могут перекрываться, наследоваться и т.д.
Области видимости там не такие как в Java
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
07.11.2013, 15:07:25
    #38456305
Dutchman
Dutchman
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
JQuery плюс JSF библиотеки
Уважаемый Petro123,

я проверял с <div> тэгом ... все работает, но это не JSF
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
07.11.2013, 15:08:02
    #38456309
ivanra
ivanra
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
JQuery плюс JSF библиотеки
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:16:43
    #38456323
Dutchman
Dutchman
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
JQuery плюс JSF библиотеки
ivanra,

ОГО ... РАБОТАЕТ !!! Спасибо ... сейчас знаю где копать
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
Форумы / Java [игнор отключен] [закрыт для гостей] / JQuery плюс JSF библиотеки / 7 сообщений из 7, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение  
Полит. конфиден.  
созд. / загр.: 420ms
Закрыть
start [/forum/topic.php?fid=59&mobile=1&tid=2128254]:
 0ms
get settings:
 5ms
get forum list:
 9ms
check forum access:
 2ms
check topic access:
 2ms
track hit:
 180ms
get topic data:
 7ms
get forum data:
 2ms
get page messages:
 32ms
get tp. blocked users:
 1ms
others: 180ms
total:  420ms
x
x
Закрыть


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