aboutsummaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
authorrvelices <rv-github@modusoptimus.com>2010-11-30 20:42:35 +0000
committerrvelices <rv-github@modusoptimus.com>2010-11-30 20:42:35 +0000
commitc7f1e1d8ad564090c21136d13b122cf7f8a4a270 (patch)
tree913592002708e7561078b04c41f396917636e238
parent31ab88f829a3643833bac1707925f5d6a8ff312c (diff)
bug 2043: merge from trunk to branch 2.1
some Javascript errors in default theme (also makes the rating.js script async) git-svn-id: http://piwigo.org/svn/branches/2.1@7958 68402e56-0260-453c-a942-63ccdbb3a9ee
-rw-r--r--themes/default/js/rating.js15
-rw-r--r--themes/default/js/scripts.js103
-rw-r--r--themes/default/template/picture.tpl12
3 files changed, 79 insertions, 51 deletions
diff --git a/themes/default/js/rating.js b/themes/default/js/rating.js
index 0e3006ec2..93c0da22b 100644
--- a/themes/default/js/rating.js
+++ b/themes/default/js/rating.js
@@ -90,4 +90,17 @@ function updateRating(e)
}
);
return false;
-} \ No newline at end of file
+}
+
+(function() {
+if (typeof _pwgRatingAutoQueue!="undefined" && _pwgRatingAutoQueue.length)
+{
+ for (var i=0; i<_pwgRatingAutoQueue.length; i++)
+ makeNiceRatingForm(_pwgRatingAutoQueue[i]);
+}
+_pwgRatingAutoQueue = {
+ push: function(opts) {
+ makeNiceRatingForm(opts);
+ }
+}
+})(); \ No newline at end of file
diff --git a/themes/default/js/scripts.js b/themes/default/js/scripts.js
index 638fccbcf..eae0c2a3b 100644
--- a/themes/default/js/scripts.js
+++ b/themes/default/js/scripts.js
@@ -51,124 +51,135 @@ function popuphelp(url)
);
}
-Function.prototype.pwgBind = function() {
- var __method = this, object = arguments[0], args = Array.prototype.slice.call(arguments,1);
- return function() {
- return __method.apply(object, args.concat(arguments) );
- }
+function pwgBind(object, method) {
+ var args = Array.prototype.slice.call(arguments,2);
+ return function() {
+ return method.apply(object, args.concat(Array.prototype.slice.call(arguments,0)) );
+ }
}
+
function PwgWS(urlRoot)
{
this.urlRoot = urlRoot;
this.options = {
method: "GET",
- async: true,
+ async: true,
onFailure: null,
onSuccess: null
};
};
PwgWS.prototype = {
-
callService : function(method, parameters, options)
{
if (options)
{
- for (var property in options)
- this.options[property] = options[property];
+ for (var prop in options)
+ this.options[prop] = options[prop];
}
- try { this.transport = new XMLHttpRequest();}
+ try { this.xhr = new XMLHttpRequest();}
catch(e) {
- try { this.transport = new ActiveXObject('Msxml2.XMLHTTP'); }
+ try { this.xhr = new ActiveXObject('Msxml2.XMLHTTP'); }
catch(e) {
- try { this.transport = new ActiveXObject('Microsoft.XMLHTTP'); }
+ try { this.xhr = new ActiveXObject('Microsoft.XMLHTTP'); }
catch (e){
- dispatchError(0, "Cannot create request object");
+ this.error(0, "Cannot create request object");
+ return;
}
}
}
- this.transport.onreadystatechange = this.onStateChange.pwgBind(this);
+ this.xhr.onreadystatechange = pwgBind(this, this.onStateChange);
var url = this.urlRoot+"ws.php?format=json";
var body = "method="+method;
if (parameters)
{
- for (var property in parameters)
+ for (var prop in parameters)
{
- if ( typeof parameters[property] == 'object' && parameters[property])
+ if ( typeof parameters[prop] == 'object' && parameters[prop])
{
- for (var i=0; i<parameters[property].length; i++)
- body += "&"+property+"[]="+encodeURIComponent(parameters[property][i]);
+ for (var i=0; i<parameters[prop].length; i++)
+ body += "&"+prop+"[]="+encodeURIComponent(parameters[prop][i]);
}
else
- body += "&"+property+"="+encodeURIComponent(parameters[property]);
+ body += "&"+prop+"="+encodeURIComponent(parameters[prop]);
}
}
if (this.options.method == "POST" )
- {
- this.transport.open(this.options.method, url, this.options.async);
- this.transport.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
- this.transport.send(body);
- }
+ this.xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
else
{
url += "&"+body;
- this.transport.open(this.options.method, url, this.options.async);
- this.transport.send(null);
+ body = null;
+ }
+ this.xhr.open(this.options.method, url, this.options.async);
+ try {
+ this.xhr.send(body);
+ } catch(e) {
+ this.error(0, e.message);
}
},
onStateChange: function() {
- var readyState = this.transport.readyState;
+ var readyState = this.xhr.readyState;
if (readyState==4)
- this.respondToReadyState(readyState);
+ {
+ try {
+ this.respondToReadyState(readyState);
+ } finally {
+ this.cleanup();
+ }
+ }
},
- dispatchError: function( httpCode, text )
+ error: function( httpCode, text )
{
!this.options.onFailure || this.options.onFailure( httpCode, text);
+ this.cleanup();
},
respondToReadyState: function(readyState)
{
- var transport = this.transport;
- if (readyState==4 && transport.status == 200)
+ var xhr = this.xhr;
+ if (readyState==4 && xhr.status == 200)
{
var resp;
try {
- eval('resp = ' + transport.responseText);
+ resp = window.JSON && window.JSON.parse ? window.JSON.parse( xhr.responseText ) : (new Function("return " + xhr.responseText))();
}
catch (e) {
- this.dispatchError( 200, e.message + '\n' + transport.responseText.substr(0,512) );
+ this.error( 200, e.message + '\n' + xhr.responseText.substr(0,512) );
}
if (resp!=null)
{
if (resp.stat==null)
- this.dispatchError( 200, "Invalid response" );
+ this.error( 200, "Invalid response" );
else if (resp.stat=='ok')
- {
- if (this.options.onSuccess) this.options.onSuccess( resp.result );
- }
+ !this.options.onSuccess || this.options.onSuccess( resp.result );
else
- this.dispatchError( 200, resp.err + " " + resp.message);
+ this.error( 200, resp.err + " " + resp.message);
}
}
- if (readyState==4 && transport.status != 200)
- this.dispatchError( transport.status, transport.statusText );
+ if (readyState==4 && xhr.status != 200)
+ this.error( xhr.status, xhr.statusText );
},
+ cleanup: function()
+ {
+ if (this.xhr) this.xhr.onreadystatechange = null;
+ this.xhr = null;
+ this.options.onFailure = this.options.onSuccess = null;
+ },
- transport: null,
- urlRoot: null,
- options: {}
+ xhr: null
}
function pwgAddEventListener(elem, evt, fn)
{
- if (window.attachEvent)
- elem.attachEvent('on'+evt, fn);
- else
+ if (window.addEventListener)
elem.addEventListener(evt, fn, false);
+ else
+ elem.attachEvent('on'+evt, fn);
} \ No newline at end of file
diff --git a/themes/default/template/picture.tpl b/themes/default/template/picture.tpl
index 70eeb0fb8..9a4b547cd 100644
--- a/themes/default/template/picture.tpl
+++ b/themes/default/template/picture.tpl
@@ -208,11 +208,15 @@ y.callService(
<input type="submit" name="rate" value="{$mark}" class="rateButton" title="{$mark}">
{/if}
{/foreach}
- <script type="text/javascript" src="{$ROOT_URL}themes/default/js/rating.js"></script>
<script type="text/javascript">
- makeNiceRatingForm( {ldelim}rootUrl: '{$ROOT_URL|@escape:"javascript"}', image_id: {$current.id},
- updateRateText: "{'Update your rating'|@translate|@escape:'javascript'}", updateRateElement: document.getElementById("updateRate"),
- ratingSummaryText: "{'%.2f (rated %d times)'|@translate|@escape:'javascript'}", ratingSummaryElement: document.getElementById("ratingSummary") {rdelim} );
+ var _pwgRatingAutoQueue = _pwgRatingAutoQueue || [];
+ _pwgRatingAutoQueue.push( {ldelim}rootUrl: '{$ROOT_URL|@escape:"javascript"}', image_id: {$current.id},
+ updateRateText: "{'Update your rating'|@translate|@escape:'javascript'}", updateRateElement: document.getElementById("updateRate"),
+ ratingSummaryText: "{'%.2f (rated %d times)'|@translate|@escape:'javascript'}", ratingSummaryElement: document.getElementById("ratingSummary") {rdelim} );
+ (function () {ldelim}
+ var s = document.createElement('script'); s.type = 'text/javascript'; s.async = true; s.src = '{$ROOT_URL}themes/default/js/rating.js';
+ var s0 = document.getElementsByTagName('script')[0]; s0.parentNode.insertBefore(s, s0);
+ })();
</script>
</div>
</form>