YUI vs JQuery in 6

[14年前 に Lisa Simpson によって更新されました。]

It looks, at least at first glance, like you're moving to YUI from JQuery. I just wanted to double check that.

[14年前 に Jonathan Neal によって更新されました。]

Lisa Simpson:

It looks, at least at first glance, like you're moving to YUI from JQuery.

We are moving from jQuery to YUI.

[14年前 に Mika Koivisto によって更新されました。]

Actually we are moving to Alloy UI (AUI) which is built on top of YUI.

[14年前 に Jonathan Neal によって更新されました。]

I guess, technically speaking, the jQuery stuff became YUI, and the custom Liferay javascript became the more extensible AlloyUI, which is like a set of tools for YUI. Also, you can still use jQuery in Liferay without conflict, as long as you don't mind adding the additional kilobytes taken by the jQuery library.

However, I have a slight feeling you meant to write the opposite of what we read. =)

[14年前 に Jonas Yuan によって更新されました。]

Hi Jonathan,

Thanks. Technically speaking, we can use jQuery in Liferay without conflict, as long as we don't mind adding the additional kilobytes taken by the jQuery library.

Now the question is that how to reuse (jQuery) portlets which have been developed in 5.2 (both CE and EE)?

Do you have simple example (jQuery) portlet which can be running well in both 5.2 and 6.0?

It would be nice that existing jQuery portlets could be re-used in liferay 6 without big changes.

Jonas Yuan

---------------------------
The Author of Liferay Books:
Liferay Portal 6 Enterprise Intranets
Liferay Portal 5.2 Systems Development
Liferay Portal Enterprise Intranets

[13年前 に Brian Ko によって更新されました。]

Hi Jonathan,

I am trying to use JQuery in my porlet as it was already written for 5.2.3. However, I could not find a way to load jquery. I packaged jquery.js in js directory (same level as WEB-INF) and used following tags to load it.
<script type="text/javascript" src="/js/jquery-1.3.2.js"></script
<script type="text/javascript" src="../js/jquery-1.3.2.js"></script>
<script type="text/javascript" src="js/jquery-1.3.2.js"></script>

And all of them are failing with following exception.

19:55:35,037 INFO [PortalImpl:3705] Current URL /web/guest/js/jquery-1.3.2.js g
enerates exception: null
19:55:35,037 INFO [PortalImpl:3716] com.liferay.portal.NoSuchLayoutException
com.liferay.portal.NoSuchLayoutException

Can you tell me what I am doing wrong? Thank you in advance.

Brian Ko

[13年前 に Brian Ko によって更新されました。]

Jonathan,

Please disregard my previous email. Now I remember it.

<portlet:defineObjects/>

<script language="javascript" type="text/javascript"
src="${renderRequest.contextPath}/js/jquery-1.3.2.js"></script>

I forgot the contextPath.

Brian Ko

[13年前 に Antonieta A. Olivares によって更新されました。]

Brian Ko:

Jonathan,

Please disregard my previous email. Now I remember it.

<portlet:defineObjects/>

<script language="javascript" type="text/javascript"
src="${renderRequest.contextPath}/js/jquery-1.3.2.js"></script>

I forgot the contextPath.

Brian Ko

I'm using Liferay 6.0 and I is as before jquery calls is to make the rounded edges of the portlet

help¡¡¡¡¡

[13年前 に Maarten van Heiningen によって更新されました。]

You can use CSS3 for this:

-moz-border-radius: 5px; /* Firefox support */
-webkit-border-radius: 5px; /* webkit support */
border-radius: 5px; /* older browsers */


For jquery to be used you can still do this with curveycorners. Just include jquery in your /js/folder.

In your portal_normal.vm include:
<script type="text/javascript">
var curvyCornersVerbose = false; //You will not get javascript popup warnings
</script>
<script type="text/javascript" src="$javascript_folder/jquery-1.4.2.min.js" charset="utf-8"></script>
<script type="text/javascript" src="$javascript_folder/curvey-corners.js" charset="utf-8"></script>

In your main javascript.js or main.js you put the following call for the curvey corners:
var settings = {
tl : {radius : 10},
tr : {radius : 10},
bl : {radius : 10},
br : {radius : 10},
antiAlias : true}
jQuery(".banner").each( function() {
curvyCorners(settings, this);
});


In your custom.css file you set:
.banner {
-moz-border-radius: 5px; /* Firefox support */
-webkit-border-radius: 5px; /* webkit support */
border-radius: 5px; /* older browsers */
} /* you need to include this in your css otherwise curvey corner will not work */

Good luck,
Maarten

[10年前 に amin zamani によって更新されました。]

Maarten van Heiningen:

<script type="text/javascript" src="$javascript_folder/jquery-1.4.2.min.js" charset="utf-8"></script>
<script type="text/javascript" src="$javascript_folder/curvey-corners.js" charset="utf-8"></script>

tnx "Maarten van Heiningen"
this code "" <script type="text/javascript" src="$javascript_folder/jquery-1.4.2.min.js" charset="utf-8"></script> "" that was my problem.

[14年前 に Baptiste Grenier によって更新されました。]

AFAIK two years ago Liferay hired the lead developer of jQuery UI, it's surprising to see that you are moving away from jQuery.
Could you please explain us what is your concerns with jQuery? On what criteria did you find YUI more suitable for Liferay? I am a pleased user of jQuery for now and I would like to hear this.

[14年前 に Mika Koivisto によって更新されました。]

You should watch Rich UIs Made Simple: Liferay Alloy UI webinar. I think Nate explains the motivation behind the move best.

[14年前 に mr ed によって更新されました。]

I'm surprised by this too.
When Paul was hired it was touted as a great opportunity both for Liferay and the jQuery community with the aim of Paul still contributing to jQuery UI.
Does Paul still work for Liferay?