ezscript_require external resource?

Thursday 17 March 2011 10:05:44 am

Hello,

I wanted to load Google Maps JS file as a remote URL like this:

{ezscript_require('http://maps.google.com/maps/api/js?sensor=true')}

The problem it loads the content as JS string inside a script tag.

<script type="text/javascript">http://maps.google.com/maps/api/js?sensor=true</script>

And I expect :

<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true"></script>

Is there a way to achieve that, without having to code anything? (it would be crazy for this feature only).

Thanks for your concern :-)

Thursday 17 March 2011 12:22:59 pm

Well, but ezscript_require also load jquery from google if you load it via ezjsc::jquery, right?

so, i think you can add a custom ezjscore server function and from there, output your needed javascript code.

i mean, something like https://github.com/ezsystems/ezjscore/blob/master/classes/ezjscserverfunctionsjs.php#L231

Thursday 17 March 2011 3:43:33 pm

@Carlos : you're totally right, I've totally forgot about that feature. In this case, you'll just have to ignore LoadFromCDN setting though.

@Marko : wow that seems tricky :-) I've just tried but it does not seem to work for me on an eZ Publish 4.4 with the bundled ezjscore nor with the last git version.

Cheers

Damien
Planet eZ Publish.fr : http://www.planet-ezpublish.fr
Certification : http://auth.ez.no/certification/verify/372448
Publications about eZ Publish : http://pwet.fr/tags/keywords/weblog/ez_publish

Friday 18 March 2011 2:47:19 am

First I did try it on eZP 4.5, but now I have tried it on 4.4 and it works too. It woks both with LoadFromCDN enabled or disabled.

Are you sure you did the exactly same thing as I did?

And there's an interesting detail...

When I enable the Packer in INI settings, and call:

{ezscript('http://maps.google.com/maps/api/js?sensor=true&ext=.js')}

by itself, the the content of http://maps.google.com/maps/api/js?sensor=true if not included in the packed file nor it's included via the <script> tag in HTML.

But if I put http://maps.google.com/maps/api/js?sensor=true together with all other JS scripts in one ezscript() call, then it is included correctly via the <script> tag:

<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true&amp;ext=.js" charset="utf-8"></script>

Hm, maybe Andre R. could comment some more on this one...

--
Nothing is impossible. Not if you can imagine it!

Hubert Farnsworth

Friday 18 March 2011 3:21:28 am

@Marko : the packer was enabled when doing my tests. I guess Guillaume uses jQuery to be able to embed the stylesheet depeding on the page. His JavaScript line is probably generated in the full view of some special nodes, the template generates this code to include the stylesheet only when it's needed.

Cheers

Damien
Planet eZ Publish.fr : http://www.planet-ezpublish.fr
Certification : http://auth.ez.no/certification/verify/372448
Publications about eZ Publish : http://pwet.fr/tags/keywords/weblog/ez_publish

Friday 18 March 2011 6:11:01 am

Thanks for your replies :-)

Indeed, yes I wanted to load gmap only for pages requiring it; not on all the site webpages.

I load the script asynchroneously so far (within a local JS) but there are many cases where you can call a remote script without an ending .js extension, for JS scripts or JSON-P response (like YQL, Twitter API or Webservices).

I guess the extension should check for an URI scheme, or at least, a "//" (no scheme = same protocol).

Friday 18 March 2011 8:48:19 am

> Why is it reqired for the parameters to end in ".js"? Could we avoid this requirement?

Yes, issue created: http://issues.ez.no/IssueView.php?Id=18167&activeItem=1

Workaround is (as mentioned) to append ".js" using querystring.

eZ Online Editor 5: http://projects.ez.no/ezoe || eZJSCore (Ajax): http://projects.ez.no/ezjscore || eZ Publish EE http://ez.no/eZPublish/eZ-Publish-Enterprise-Subscription
@: http://twitter.com/andrerom

Wednesday 23 March 2011 3:08:33 am

Thanks for the patch, it works well for me !

I can now clean all the ugly code...

{* TODO: load this in the <head> section *}
{run-once}
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true"></script>
{/run-once}

thanks again