Add correct margin for dd when user language direction is different from intended...
[lhc/web/wiklou.git] / skins / common / ajax.js
index 9067654..2a93373 100644 (file)
 // remote scripting library
 // (c) copyright 2005 modernmethod, inc
-var sajax_debug_mode = false;
-var sajax_request_type = "GET";
+window.sajax_debug_mode = false;
+window.sajax_request_type = 'GET';
+
+/**
+ * if sajax_debug_mode is true, this function outputs given the message into 
+ * the element with id = sajax_debug; if no such element exists in the document, 
+ * it is injected.
+ */
+window.sajax_debug = function(text) {
+       if (!sajax_debug_mode) return false;
+
+       var e = document.getElementById( 'sajax_debug' );
+
+       if ( !e ) {
+               e = document.createElement( 'p' );
+               e.className = 'sajax_debug';
+               e.id = 'sajax_debug';
+
+               var b = document.getElementsByTagName( 'body' )[0];
+
+               if ( b.firstChild ) {
+                       b.insertBefore( e, b.firstChild );
+               } else {
+                       b.appendChild( e );
+               }
+       }
 
-var started;
-var typing;
-var memory=null;
-var body=null;
-var oldbody=null;
+       var m = document.createElement( 'div' );
+       m.appendChild( document.createTextNode( text ) );
 
-function sajax_debug(text) {
-       if (sajax_debug_mode)
-               alert("RSD: " + text)
-}
+       e.appendChild( m );
 
+       return true;
+};
 
-function sajax_init_object() {
-       sajax_debug("sajax_init_object() called..")
+/**
+ * Compatibility wrapper for creating a new XMLHttpRequest object.
+ */
+window.sajax_init_object = function() {
+       sajax_debug( 'sajax_init_object() called..' );
        var A;
        try {
-               A=new ActiveXObject("Msxml2.XMLHTTP");
-       } catch (e) {
+               // Try the new style before ActiveX so we don't
+               // unnecessarily trigger warnings in IE 7 when
+               // set to prompt about ActiveX usage
+               A = new XMLHttpRequest();
+       } catch ( e ) {
                try {
-                       A=new ActiveXObject("Microsoft.XMLHTTP");
-               } catch (oc) {
-                       A=null;
+                       A = new ActiveXObject( 'Msxml2.XMLHTTP' );
+               } catch ( e ) {
+                       try {
+                               A = new ActiveXObject( 'Microsoft.XMLHTTP' );
+                       } catch ( oc ) {
+                               A = null;
+                       }
                }
        }
-       if(!A && typeof XMLHttpRequest != "undefined")
-               A = new XMLHttpRequest();
-       if (!A)
-               sajax_debug("Could not create connection object.");
-       return A;
-}
-
+       if ( !A ) {
+               sajax_debug( 'Could not create connection object.' );
+       }
 
-function sajax_do_call(func_name, args) {
+       return A;
+};
+
+/**
+ * Perform an AJAX call to MediaWiki. Calls are handled by AjaxDispatcher.php
+ *   func_name - the name of the function to call. Must be registered in $wgAjaxExportList
+ *   args - an array of arguments to that function
+ *   target - the target that will handle the result of the call. If this is a function,
+ *            if will be called with the XMLHttpRequest as a parameter; if it's an input
+ *            element, its value will be set to the resultText; if it's another type of
+ *            element, its innerHTML will be set to the resultText.
+ *
+ * Example:
+ *    sajax_do_call( 'doFoo', [1, 2, 3], document.getElementById( 'showFoo' ) );
+ *
+ * This will call the doFoo function via MediaWiki's AjaxDispatcher, with
+ * (1, 2, 3) as the parameter list, and will show the result in the element
+ * with id = showFoo
+ */
+window.sajax_do_call = function(func_name, args, target) {
        var i, x, n;
        var uri;
        var post_data;
-       uri = wgServer + "/" + wgScriptPath + "/index.php?action=ajax";
-       if (sajax_request_type == "GET") {
-               if (uri.indexOf("?") == -1)
-                       uri = uri + "?rs=" + escape(func_name);
-               else
-                       uri = uri + "&rs=" + escape(func_name);
-               for (i = 0; i < args.length-1; i++)
-                       uri = uri + "&rsargs[]=" + escape(args[i]);
-               //uri = uri + "&rsrnd=" + new Date().getTime();
+       uri = wgServer +
+               ( ( wgScript == null ) ? ( wgScriptPath + '/index.php' ) : wgScript ) +
+               '?action=ajax';
+       if ( sajax_request_type == 'GET' ) {
+               if ( uri.indexOf( '?' ) == -1 ) {
+                       uri = uri + '?rs=' + encodeURIComponent( func_name );
+               } else {
+                       uri = uri + '&rs=' + encodeURIComponent( func_name );
+               }
+               for ( i = 0; i < args.length; i++ ) {
+                       uri = uri + '&rsargs[]=' + encodeURIComponent( args[i] );
+               }
+               //uri = uri + '&rsrnd=' + new Date().getTime();
                post_data = null;
        } else {
-               post_data = "rs=" + escape(func_name);
-               for (i = 0; i < args.length-1; i++)
-                       post_data = post_data + "&rsargs[]=" + escape(args[i]);
+               post_data = 'rs=' + encodeURIComponent( func_name );
+               for ( i = 0; i < args.length; i++ ) {
+                       post_data = post_data + '&rsargs[]=' + encodeURIComponent( args[i] );
+               }
        }
        x = sajax_init_object();
-       x.open(sajax_request_type, uri, true);
-       if (sajax_request_type == "POST") {
-               x.setRequestHeader("Method", "POST " + uri + " HTTP/1.1");
-               x.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
-       }
-       x.setRequestHeader("Pragma", "cache=yes");
-       x.setRequestHeader("Cache-Control", "no-transform");
-       x.onreadystatechange = function() {
-               if (x.readyState != 4)
-                       return;
-               sajax_debug("received " + x.responseText);
-               var status;
-               var data;
-               status = x.responseText.charAt(0);
-               data = x.responseText.substring(2);
-               if (status == "-")
-                       alert("Error: " + data);
-               else
-                       args[args.length-1](data);
+       if ( !x ) {
+               alert( 'AJAX not supported' );
+               return false;
        }
-       x.send(post_data);
-       sajax_debug(func_name + " uri = " + uri + "/post = " + post_data);
-       sajax_debug(func_name + " waiting..");
-       delete x;
-}
-
-// Remove the typing barrier to allow call() to complete
-function Search_doneTyping()
-{
-       typing=false;
-}
-
-// Wait 500ms to run call()
-function Searching_Go()
-{
-        setTimeout("Searching_Call()", 500);
-}
-
-// If the user is typing wait until they are done.
-function Search_Typing() {
-       started=true;
-       typing=true;
-       window.status = "Waiting until you're done typing...";
-       setTimeout("Search_doneTyping()", 500);
-
-       // I believe these are needed by IE for when the users press return?
-       if (window.event)
-       {
-               if (event.keyCode == 13)
-               {
-                       event.cancelBubble = true;
-                       event.returnValue = false;
+
+       try {
+               x.open( sajax_request_type, uri, true );
+       } catch ( e ) {
+               if ( window.location.hostname == 'localhost' ) {
+                       alert( "Your browser blocks XMLHttpRequest to 'localhost', try using a real hostname for development/testing." );
                }
+               throw e;
        }
-}
-
-// Set the body div to the results
-function Searching_SetResult(result)
-{
-        //body.innerHTML = result;
-       t = document.getElementById("searchTarget");
-       if ( t == null ) {
-               oldbody=body.innerHTML;
-               body.innerHTML= '<div id="searchTargetContainer"><div id="searchTarget" ></div></div>' ;
-               t = document.getElementById("searchTarget");
+       if ( sajax_request_type == 'POST' ) {
+               x.setRequestHeader( 'Method', 'POST ' + uri + ' HTTP/1.1' );
+               x.setRequestHeader( 'Content-Type', 'application/x-www-form-urlencoded' );
        }
-       t.innerHTML = result;
-       t.style.display='block';
-}
-
-function Searching_Hide_Results()
-{
-       t = document.getElementById("searchTarget");
-       t.style.display='none';
-       body.innerHTML = oldbody;
-}
-
-
-// This will call the php function that will eventually
-// return a results table
-function Searching_Call()
-{
-       var x;
-       Searching_Go();
-
-       //Don't proceed if user is typing
-       if (typing)
-               return;
-
-       x = document.getElementById("searchInput").value;
-
-       // Don't search again if the query is the same
-       if (x==memory)
-               return;
-
-       memory=x;
-       if (started) {
-               // Don't search for blank or < 3 chars.
-               if ((x=="") || (x.length < 3))
-               {
+       x.setRequestHeader( 'Pragma', 'cache=yes' );
+       x.setRequestHeader( 'Cache-Control', 'no-transform' );
+       x.onreadystatechange = function() {
+               if ( x.readyState != 4 ) {
                        return;
                }
-               x_wfSajaxSearch(x, Searching_SetResult);
-       }
-}
-
-function x_wfSajaxSearch() {
-       sajax_do_call( "wfSajaxSearch", x_wfSajaxSearch.arguments );
-}
-
-       
-//Initialize
-function sajax_onload() {
-       x = document.getElementById( 'searchInput' );
-       x.onkeypress= function() { Search_Typing(); };
-       Searching_Go();
-       body = document.getElementById("content");
-}
-
-hookEvent("load", sajax_onload);
+
+               sajax_debug( 'received (' + x.status + ' ' + x.statusText + ') ' + x.responseText );
+
+               //if ( x.status != 200 )
+               //      alert( 'Error: ' + x.status + ' ' + x.statusText + ': ' + x.responseText );
+               //else
+
+               if ( typeof( target ) == 'function' ) {
+                       target( x );
+               } else if ( typeof( target ) == 'object' ) {
+                       if ( target.tagName == 'INPUT' ) {
+                               if ( x.status == 200 ) {
+                                       target.value= x.responseText;
+                               }
+                               //else alert( 'Error: ' + x.status + ' ' + x.statusText + ' (' + x.responseText + ')' );
+                       } else {
+                               if ( x.status == 200 ) {
+                                       target.innerHTML = x.responseText;
+                               } else {
+                                       target.innerHTML = '<div class="error">Error: ' + x.status +
+                                               ' ' + x.statusText + ' (' + x.responseText + ')</div>';
+                               }
+                       }
+               } else {
+                       alert( 'bad target for sajax_do_call: not a function or object: ' + target );
+               }
+       };
+
+       sajax_debug( func_name + ' uri = ' + uri + ' / post = ' + post_data );
+       x.send( post_data );
+       sajax_debug( func_name + ' waiting..' );
+       delete x;
+
+       return true;
+};
+
+/**
+ * @return boolean whether the browser supports XMLHttpRequest
+ */
+window.wfSupportsAjax = function() {
+       var request = sajax_init_object();
+       var supportsAjax = request ? true : false;
+       delete request;
+       return supportsAjax;
+};