Initial version of Exhibitor Form ready.
authorrsiddharth <rsd@gnu.org>
Sun, 14 Sep 2014 02:30:47 +0000 (22:30 -0400)
committerrsiddharth <rsd@gnu.org>
Sun, 14 Sep 2014 02:30:47 +0000 (22:30 -0400)
- LibreJS accepts the JS.
- Changing the 'Country' doesn't change the 'State' select field.

    The following error occurs:

    Cross-Origin Request Blocked: The Same Origin Policy disallows
    reading the remote resource at
    https://crm.fsf.org/civicrm/ajax/jqState?_id=country-Primary&_name=country-Primary&_value=1241. This
    can be fixed by moving the resource to the same domain or enabling
    CORS.

    I guess I need to contact sysadmin for this.

2015/assets/js/civicrm-4.4.jquery.chainedSelects.js [new file with mode: 0644]
2015/assets/js/jquery.form-3.25.0.js [new file with mode: 0644]
2015/exhibit/index.html
server/2015/exhibit_js.html [new file with mode: 0644]
server/staging/lp15/weblabels.html

diff --git a/2015/assets/js/civicrm-4.4.jquery.chainedSelects.js b/2015/assets/js/civicrm-4.4.jquery.chainedSelects.js
new file mode 100644 (file)
index 0000000..886681d
--- /dev/null
@@ -0,0 +1,89 @@
+/**\r
+*    Chained Selects for jQuery \r
+*    Copyright (C) 2008 Ziadin Givan www.CodeAssembly.com  \r
+*\r
+*    This program is free software: you can redistribute it and/or modify\r
+*    it under the terms of the GNU General Public License as published by\r
+*    the Free Software Foundation, either version 3 of the License, or\r
+*    (at your option) any later version.\r
+*\r
+*    This program is distributed in the hope that it will be useful,\r
+*    but WITHOUT ANY WARRANTY; without even the implied warranty of\r
+*    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\r
+*    GNU General Public License for more details.\r
+*\r
+*    You should have received a copy of the GNU General Public License\r
+*    along with this program.  If not, see http://www.gnu.org/licenses/\r
+*\r
+*    \r
+*   settings = { usePost : true, before:function() {}, after: function() {}, default: null, parameters : { parameter1 : 'value1', parameter2 : 'value2'} }     \r
+*   if usePost is true, then the form will use POST to pass the parameters to the target, otherwise will use GET\r
+*   "before" function is called before the ajax request and "after" function is called after the ajax request.\r
+*   If defaultValue is not null then the specified option will be selected.\r
+*   You can specify additional parameters to be sent to the the server in settings.parameters.\r
+*\r
+*/\r
+;(function($) {\r
+    \r
+jQuery.fn.chainSelect = function( target, url, settings ) \r
+{\r
+  return this.each( function()\r
+  {\r
+       $(this).change( function( ) \r
+       {\r
+               settings = $.extend(\r
+               {\r
+                       after : null,\r
+                       before : null,\r
+                       usePost : false,\r
+                       defaultValue : null,\r
+                       parameters : {'_id' : $(this).attr('id'), '_name' : $(this).attr('name')}\r
+        } , settings);\r
+\r
+               settings.parameters._value =  $(this).val();\r
+\r
+               if (settings.before != null) \r
+               {\r
+                       settings.before( target );\r
+               }\r
+\r
+               ajaxCallback = function(data, textStatus) \r
+               {\r
+                       $(target).html("");//clear old options\r
+                       data = eval(data);//get json array\r
+                        if ( data != null ) {\r
+                           for (i = 0; i < data.length; i++) {\r
+                               $(target).get(0).add(new Option(data[i].name, data[i].value), document.all ? i : null);\r
+                           }\r
+                       } else {\r
+                               $(target).get(0).add(new Option('- select a country -', ''), document.all ? i : null);\r
+                       }\r
+\r
+                       if (settings.defaultValue != null)\r
+                       {\r
+                               $(target).val(settings.defaultValue);//select default value\r
+                       } else\r
+                       {\r
+                               $("option:first", target).attr( "selected", "selected" );//select first option\r
+                       }\r
+\r
+                       if (settings.after != null) \r
+                       {\r
+                               settings.after(target);\r
+                       }\r
+\r
+                       $(target).change();//call next chain\r
+               };\r
+\r
+               if (settings.usePost == true)\r
+               {\r
+                       $.post( url, settings.parameters, ajaxCallback );\r
+               } else\r
+               {\r
+                       $.get( url, settings.parameters, ajaxCallback );\r
+               }\r
+       });\r
+  });\r
+};\r
+\r
+})(jQuery);\r
diff --git a/2015/assets/js/jquery.form-3.25.0.js b/2015/assets/js/jquery.form-3.25.0.js
new file mode 100644 (file)
index 0000000..a094a70
--- /dev/null
@@ -0,0 +1,1120 @@
+/*!
+ * jQuery Form Plugin
+ * version: 3.25.0-2013.01.18
+ * @requires jQuery v1.5 or later
+ *
+ * Examples and documentation at: http://malsup.com/jquery/form/
+ * Project repository: https://github.com/malsup/form
+ * Dual licensed under the MIT and GPL licenses:
+ *    http://malsup.github.com/mit-license.txt
+ *    http://malsup.github.com/gpl-license-v2.txt
+ */
+/*global ActiveXObject alert */
+;(function($) {
+"use strict";
+
+/*
+       Usage Note:
+       -----------
+       Do not use both ajaxSubmit and ajaxForm on the same form.  These
+       functions are mutually exclusive.  Use ajaxSubmit if you want
+       to bind your own submit handler to the form.  For example,
+
+       $(document).ready(function() {
+        $('#myForm').on('submit', function(e) {
+                       e.preventDefault(); // <-- important
+                       $(this).ajaxSubmit({
+                               target: '#output'
+                       });
+               });
+       });
+
+       Use ajaxForm when you want the plugin to manage all the event binding
+       for you.  For example,
+
+       $(document).ready(function() {
+               $('#myForm').ajaxForm({
+                       target: '#output'
+               });
+       });
+       
+       You can also use ajaxForm with delegation (requires jQuery v1.7+), so the
+       form does not have to exist when you invoke ajaxForm:
+
+       $('#myForm').ajaxForm({
+               delegation: true,
+               target: '#output'
+       });
+       
+       When using ajaxForm, the ajaxSubmit function will be invoked for you
+       at the appropriate time.
+*/
+
+/**
+ * Feature detection
+ */
+var feature = {};
+feature.fileapi = $("<input type='file'/>").get(0).files !== undefined;
+feature.formdata = window.FormData !== undefined;
+
+/**
+ * ajaxSubmit() provides a mechanism for immediately submitting
+ * an HTML form using AJAX.
+ */
+$.fn.ajaxSubmit = function(options) {
+    /*jshint scripturl:true */
+
+       // fast fail if nothing selected (http://dev.jquery.com/ticket/2752)
+       if (!this.length) {
+               log('ajaxSubmit: skipping submit process - no element selected');
+               return this;
+       }
+       
+       var method, action, url, $form = this;
+
+       if (typeof options == 'function') {
+               options = { success: options };
+       }
+
+       method = this.attr('method');
+       action = this.attr('action');
+       url = (typeof action === 'string') ? $.trim(action) : '';
+       url = url || window.location.href || '';
+       if (url) {
+               // clean url (don't include hash vaue)
+               url = (url.match(/^([^#]+)/)||[])[1];
+       }
+
+       options = $.extend(true, {
+               url:  url,
+               success: $.ajaxSettings.success,
+               type: method || 'GET',
+               iframeSrc: /^https/i.test(window.location.href || '') ? 'javascript:false' : 'about:blank'
+       }, options);
+
+       // hook for manipulating the form data before it is extracted;
+       // convenient for use with rich editors like tinyMCE or FCKEditor
+       var veto = {};
+       this.trigger('form-pre-serialize', [this, options, veto]);
+       if (veto.veto) {
+               log('ajaxSubmit: submit vetoed via form-pre-serialize trigger');
+               return this;
+       }
+
+       // provide opportunity to alter form data before it is serialized
+       if (options.beforeSerialize && options.beforeSerialize(this, options) === false) {
+               log('ajaxSubmit: submit aborted via beforeSerialize callback');
+               return this;
+       }
+
+       var traditional = options.traditional;
+       if ( traditional === undefined ) {
+               traditional = $.ajaxSettings.traditional;
+       }
+       
+    var elements = [];
+    var qx, a = this.formToArray(options.semantic, elements);
+       if (options.data) {
+               options.extraData = options.data;
+               qx = $.param(options.data, traditional);
+       }
+
+       // give pre-submit callback an opportunity to abort the submit
+       if (options.beforeSubmit && options.beforeSubmit(a, this, options) === false) {
+               log('ajaxSubmit: submit aborted via beforeSubmit callback');
+               return this;
+       }
+
+       // fire vetoable 'validate' event
+       this.trigger('form-submit-validate', [a, this, options, veto]);
+       if (veto.veto) {
+               log('ajaxSubmit: submit vetoed via form-submit-validate trigger');
+               return this;
+       }
+
+       var q = $.param(a, traditional);
+       if (qx) {
+               q = ( q ? (q + '&' + qx) : qx );
+       }       
+       if (options.type.toUpperCase() == 'GET') {
+               options.url += (options.url.indexOf('?') >= 0 ? '&' : '?') + q;
+               options.data = null;  // data is null for 'get'
+       }
+       else {
+               options.data = q; // data is the query string for 'post'
+       }
+
+       var callbacks = [];
+       if (options.resetForm) {
+               callbacks.push(function() { $form.resetForm(); });
+       }
+       if (options.clearForm) {
+               callbacks.push(function() { $form.clearForm(options.includeHidden); });
+       }
+
+       // perform a load on the target only if dataType is not provided
+       if (!options.dataType && options.target) {
+               var oldSuccess = options.success || function(){};
+               callbacks.push(function(data) {
+                       var fn = options.replaceTarget ? 'replaceWith' : 'html';
+                       $(options.target)[fn](data).each(oldSuccess, arguments);
+               });
+       }
+       else if (options.success) {
+               callbacks.push(options.success);
+       }
+
+       options.success = function(data, status, xhr) { // jQuery 1.4+ passes xhr as 3rd arg
+        var context = options.context || this ;    // jQuery 1.4+ supports scope context 
+               for (var i=0, max=callbacks.length; i < max; i++) {
+                       callbacks[i].apply(context, [data, status, xhr || $form, $form]);
+               }
+       };
+
+       // are there files to upload?
+
+    // [value] (issue #113), also see comment:
+    // https://github.com/malsup/form/commit/588306aedba1de01388032d5f42a60159eea9228#commitcomment-2180219
+    var fileInputs = $('input[type=file]:enabled[value!=""]', this); 
+
+       var hasFileInputs = fileInputs.length > 0;
+       var mp = 'multipart/form-data';
+       var multipart = ($form.attr('enctype') == mp || $form.attr('encoding') == mp);
+
+    var fileAPI = feature.fileapi && feature.formdata;
+       log("fileAPI :" + fileAPI);
+       var shouldUseFrame = (hasFileInputs || multipart) && !fileAPI;
+
+    var jqxhr;
+
+       // options.iframe allows user to force iframe mode
+       // 06-NOV-09: now defaulting to iframe mode if file input is detected
+       if (options.iframe !== false && (options.iframe || shouldUseFrame)) {
+               // hack to fix Safari hang (thanks to Tim Molendijk for this)
+               // see:  http://groups.google.com/group/jquery-dev/browse_thread/thread/36395b7ab510dd5d
+               if (options.closeKeepAlive) {
+                       $.get(options.closeKeepAlive, function() {
+                jqxhr = fileUploadIframe(a);
+                       });
+               }
+               else {
+            jqxhr = fileUploadIframe(a);
+               }
+       }
+       else if ((hasFileInputs || multipart) && fileAPI) {
+        jqxhr = fileUploadXhr(a);
+       }
+       else {
+        jqxhr = $.ajax(options);
+       }
+
+    $form.removeData('jqxhr').data('jqxhr', jqxhr);
+
+    // clear element array
+    for (var k=0; k < elements.length; k++)
+        elements[k] = null;
+
+        // fire 'notify' event
+        this.trigger('form-submit-notify', [this, options]);
+        return this;
+
+    // utility fn for deep serialization
+    function deepSerialize(extraData){
+        var serialized = $.param(extraData).split('&');
+        var len = serialized.length;
+        var result = {};
+        var i, part;
+        for (i=0; i < len; i++) {
+            // #252; undo param space replacement
+            serialized[i] = serialized[i].replace(/\+/g,' ');
+            part = serialized[i].split('=');
+            result[decodeURIComponent(part[0])] = decodeURIComponent(part[1]);
+        }
+        return result;
+    }
+
+        // XMLHttpRequest Level 2 file uploads (big hat tip to francois2metz)
+       function fileUploadXhr(a) {
+               var formdata = new FormData();
+
+               for (var i=0; i < a.length; i++) {
+                       formdata.append(a[i].name, a[i].value);
+               }
+
+               if (options.extraData) {
+            var serializedData = deepSerialize(options.extraData);
+            for (var p in serializedData)
+                if (serializedData.hasOwnProperty(p))
+                    formdata.append(p, serializedData[p]);
+               }
+
+               options.data = null;
+
+               var s = $.extend(true, {}, $.ajaxSettings, options, {
+                       contentType: false,
+                       processData: false,
+                       cache: false,
+            type: method || 'POST'
+               });
+
+        if (options.uploadProgress) {
+            // workaround because jqXHR does not expose upload property
+            s.xhr = function() {
+                var xhr = jQuery.ajaxSettings.xhr();
+                if (xhr.upload) {
+                    xhr.upload.onprogress = function(event) {
+                        var percent = 0;
+                        var position = event.loaded || event.position; /*event.position is deprecated*/
+                        var total = event.total;
+                        if (event.lengthComputable) {
+                            percent = Math.ceil(position / total * 100);
+                        }
+                        options.uploadProgress(event, position, total, percent);
+                    };
+                }
+                return xhr;
+            };
+        }
+
+      s.data = null;
+      var beforeSend = s.beforeSend;
+      s.beforeSend = function(xhr, o) {
+          o.data = formdata;
+          if(beforeSend)
+                    beforeSend.call(this, xhr, o);
+      };
+        return $.ajax(s);
+   }
+
+       // private function for handling file uploads (hat tip to YAHOO!)
+       function fileUploadIframe(a) {
+               var form = $form[0], el, i, s, g, id, $io, io, xhr, sub, n, timedOut, timeoutHandle;
+               var useProp = !!$.fn.prop;
+        var deferred = $.Deferred();
+
+        if ($('[name=submit],[id=submit]', form).length) {
+            // if there is an input with a name or id of 'submit' then we won't be
+            // able to invoke the submit fn on the form (at least not x-browser)
+            alert('Error: Form elements must not have name or id of "submit".');
+            deferred.reject();
+            return deferred;
+        }
+        
+               if (a) {
+                               // ensure that every serialized input is still enabled
+            for (i=0; i < elements.length; i++) {
+                el = $(elements[i]);
+                if ( useProp )
+                                       el.prop('disabled', false);
+                else
+                                       el.removeAttr('disabled');
+                               }
+               }
+
+               s = $.extend(true, {}, $.ajaxSettings, options);
+               s.context = s.context || s;
+               id = 'jqFormIO' + (new Date().getTime());
+               if (s.iframeTarget) {
+                       $io = $(s.iframeTarget);
+                       n = $io.attr('name');
+            if (!n)
+                               $io.attr('name', id);
+                       else
+                               id = n;
+               }
+               else {
+                       $io = $('<iframe name="' + id + '" src="'+ s.iframeSrc +'" />');
+                       $io.css({ position: 'absolute', top: '-1000px', left: '-1000px' });
+               }
+               io = $io[0];
+
+
+               xhr = { // mock object
+                       aborted: 0,
+                       responseText: null,
+                       responseXML: null,
+                       status: 0,
+                       statusText: 'n/a',
+                       getAllResponseHeaders: function() {},
+                       getResponseHeader: function() {},
+                       setRequestHeader: function() {},
+                       abort: function(status) {
+                               var e = (status === 'timeout' ? 'timeout' : 'aborted');
+                               log('aborting upload... ' + e);
+                               this.aborted = 1;
+
+                try { // #214, #257
+                if (io.contentWindow.document.execCommand) {
+                        io.contentWindow.document.execCommand('Stop');
+                }
+                } 
+                catch(ignore) {}
+
+                               $io.attr('src', s.iframeSrc); // abort op in progress
+                               xhr.error = e;
+                if (s.error)
+                    s.error.call(s.context, xhr, e, status);
+                if (g)
+                    $.event.trigger("ajaxError", [xhr, s, e]);
+                if (s.complete)
+                    s.complete.call(s.context, xhr, e);
+                       }
+               };
+
+               g = s.global;
+               // trigger ajax global events so that activity/block indicators work like normal
+        if (g && 0 === $.active++) {
+                       $.event.trigger("ajaxStart");
+               }
+               if (g) {
+                       $.event.trigger("ajaxSend", [xhr, s]);
+               }
+
+               if (s.beforeSend && s.beforeSend.call(s.context, xhr, s) === false) {
+                       if (s.global) {
+                               $.active--;
+                       }
+            deferred.reject();
+            return deferred;
+               }
+               if (xhr.aborted) {
+            deferred.reject();
+            return deferred;
+               }
+
+               // add submitting element to data if we know it
+               sub = form.clk;
+               if (sub) {
+                       n = sub.name;
+                       if (n && !sub.disabled) {
+                               s.extraData = s.extraData || {};
+                               s.extraData[n] = sub.value;
+                               if (sub.type == "image") {
+                                       s.extraData[n+'.x'] = form.clk_x;
+                                       s.extraData[n+'.y'] = form.clk_y;
+                               }
+                       }
+               }
+               
+               var CLIENT_TIMEOUT_ABORT = 1;
+               var SERVER_ABORT = 2;
+
+               function getDoc(frame) {
+                       var doc = frame.contentWindow ? frame.contentWindow.document : frame.contentDocument ? frame.contentDocument : frame.document;
+                       return doc;
+               }
+               
+               // Rails CSRF hack (thanks to Yvan Barthelemy)
+               var csrf_token = $('meta[name=csrf-token]').attr('content');
+               var csrf_param = $('meta[name=csrf-param]').attr('content');
+               if (csrf_param && csrf_token) {
+                       s.extraData = s.extraData || {};
+                       s.extraData[csrf_param] = csrf_token;
+               }
+
+               // take a breath so that pending repaints get some cpu time before the upload starts
+               function doSubmit() {
+                       // make sure form attrs are set
+                       var t = $form.attr('target'), a = $form.attr('action');
+
+                       // update form attrs in IE friendly way
+                       form.setAttribute('target',id);
+                       if (!method) {
+                               form.setAttribute('method', 'POST');
+                       }
+                       if (a != s.url) {
+                               form.setAttribute('action', s.url);
+                       }
+
+                       // ie borks in some cases when setting encoding
+                       if (! s.skipEncodingOverride && (!method || /post/i.test(method))) {
+                               $form.attr({
+                                       encoding: 'multipart/form-data',
+                                       enctype:  'multipart/form-data'
+                               });
+                       }
+
+                       // support timout
+                       if (s.timeout) {
+                               timeoutHandle = setTimeout(function() { timedOut = true; cb(CLIENT_TIMEOUT_ABORT); }, s.timeout);
+                       }
+                       
+                       // look for server aborts
+                       function checkState() {
+                               try {
+                                       var state = getDoc(io).readyState;
+                                       log('state = ' + state);
+                    if (state && state.toLowerCase() == 'uninitialized')
+                                               setTimeout(checkState,50);
+                               }
+                               catch(e) {
+                                       log('Server abort: ' , e, ' (', e.name, ')');
+                                       cb(SERVER_ABORT);
+                    if (timeoutHandle)
+                        clearTimeout(timeoutHandle);
+                                       timeoutHandle = undefined;
+                               }
+                       }
+
+                       // add "extra" data to form if provided in options
+                       var extraInputs = [];
+                       try {
+                               if (s.extraData) {
+                                       for (var n in s.extraData) {
+                        if (s.extraData.hasOwnProperty(n)) {
+                           // if using the $.param format that allows for multiple values with the same name
+                           if($.isPlainObject(s.extraData[n]) && s.extraData[n].hasOwnProperty('name') && s.extraData[n].hasOwnProperty('value')) {
+                                               extraInputs.push(
+                               $('<input type="hidden" name="'+s.extraData[n].name+'">').val(s.extraData[n].value)
+                                   .appendTo(form)[0]);
+                           } else {
+                               extraInputs.push(
+                               $('<input type="hidden" name="'+n+'">').val(s.extraData[n])
+                                                               .appendTo(form)[0]);
+                                       }
+                               }
+                    }
+                }
+
+                               if (!s.iframeTarget) {
+                                       // add iframe to doc and submit the form
+                                       $io.appendTo('body');
+                    if (io.attachEvent)
+                        io.attachEvent('onload', cb);
+                    else
+                        io.addEventListener('load', cb, false);
+                               }
+                               setTimeout(checkState,15);
+                               form.submit();
+                       }
+                       finally {
+                               // reset attrs and remove "extra" input elements
+                               form.setAttribute('action',a);
+                               if(t) {
+                                       form.setAttribute('target', t);
+                               } else {
+                                       $form.removeAttr('target');
+                               }
+                               $(extraInputs).remove();
+                       }
+               }
+
+               if (s.forceSync) {
+                       doSubmit();
+               }
+               else {
+                       setTimeout(doSubmit, 10); // this lets dom updates render
+               }
+
+               var data, doc, domCheckCount = 50, callbackProcessed;
+
+               function cb(e) {
+                       if (xhr.aborted || callbackProcessed) {
+                               return;
+                       }
+                       try {
+                               doc = getDoc(io);
+                       }
+                       catch(ex) {
+                               log('cannot access response document: ', ex);
+                               e = SERVER_ABORT;
+                       }
+                       if (e === CLIENT_TIMEOUT_ABORT && xhr) {
+                               xhr.abort('timeout');
+                deferred.reject(xhr, 'timeout');
+                               return;
+                       }
+                       else if (e == SERVER_ABORT && xhr) {
+                               xhr.abort('server abort');
+                deferred.reject(xhr, 'error', 'server abort');
+                               return;
+                       }
+
+                       if (!doc || doc.location.href == s.iframeSrc) {
+                               // response not received yet
+                               if (!timedOut)
+                                       return;
+                       }
+            if (io.detachEvent)
+                io.detachEvent('onload', cb);
+            else    
+                io.removeEventListener('load', cb, false);
+
+                       var status = 'success', errMsg;
+                       try {
+                               if (timedOut) {
+                                       throw 'timeout';
+                               }
+
+                               var isXml = s.dataType == 'xml' || doc.XMLDocument || $.isXMLDoc(doc);
+                               log('isXml='+isXml);
+                if (!isXml && window.opera && (doc.body === null || !doc.body.innerHTML)) {
+                                       if (--domCheckCount) {
+                                               // in some browsers (Opera) the iframe DOM is not always traversable when
+                                               // the onload callback fires, so we loop a bit to accommodate
+                                               log('requeing onLoad callback, DOM not available');
+                                               setTimeout(cb, 250);
+                                               return;
+                                       }
+                                       // let this fall through because server response could be an empty document
+                                       //log('Could not access iframe DOM after mutiple tries.');
+                                       //throw 'DOMException: not available';
+                               }
+
+                               //log('response detected');
+                               var docRoot = doc.body ? doc.body : doc.documentElement;
+                               xhr.responseText = docRoot ? docRoot.innerHTML : null;
+                               xhr.responseXML = doc.XMLDocument ? doc.XMLDocument : doc;
+                               if (isXml)
+                                       s.dataType = 'xml';
+                               xhr.getResponseHeader = function(header){
+                                       var headers = {'content-type': s.dataType};
+                                       return headers[header];
+                               };
+                               // support for XHR 'status' & 'statusText' emulation :
+                               if (docRoot) {
+                                       xhr.status = Number( docRoot.getAttribute('status') ) || xhr.status;
+                                       xhr.statusText = docRoot.getAttribute('statusText') || xhr.statusText;
+                               }
+
+                               var dt = (s.dataType || '').toLowerCase();
+                               var scr = /(json|script|text)/.test(dt);
+                               if (scr || s.textarea) {
+                                       // see if user embedded response in textarea
+                                       var ta = doc.getElementsByTagName('textarea')[0];
+                                       if (ta) {
+                                               xhr.responseText = ta.value;
+                                               // support for XHR 'status' & 'statusText' emulation :
+                                               xhr.status = Number( ta.getAttribute('status') ) || xhr.status;
+                                               xhr.statusText = ta.getAttribute('statusText') || xhr.statusText;
+                                       }
+                                       else if (scr) {
+                                               // account for browsers injecting pre around json response
+                                               var pre = doc.getElementsByTagName('pre')[0];
+                                               var b = doc.getElementsByTagName('body')[0];
+                                               if (pre) {
+                            xhr.responseText = pre.innerHTML ? pre.innerHTML : pre.textContent;  
+                                               }
+                                               else if (b) {
+                          xhr.responseText = b.innerHTML ? b.innerHTML : b.textContent;
+                                               }
+                                       }
+                               }
+                else if (dt == 'xml' && !xhr.responseXML && xhr.responseText) {
+                                       xhr.responseXML = toXml(xhr.responseText);
+                               }
+
+                               try {
+                                       data = httpData(xhr, dt, s);
+                               }
+                               catch (e) {
+                                       status = 'parsererror';
+                                       xhr.error = errMsg = (e || status);
+                               }
+                       }
+                       catch (e) {
+                               log('error caught: ',e);
+                               status = 'error';
+                               xhr.error = errMsg = (e || status);
+                       }
+
+                       if (xhr.aborted) {
+                               log('upload aborted');
+                               status = null;
+                       }
+
+                       if (xhr.status) { // we've set xhr.status
+                               status = (xhr.status >= 200 && xhr.status < 300 || xhr.status === 304) ? 'success' : 'error';
+                       }
+
+                       // ordering of these callbacks/triggers is odd, but that's how $.ajax does it
+                       if (status === 'success') {
+                if (s.success)
+                    s.success.call(s.context, data, 'success', xhr);
+                deferred.resolve(xhr.responseText, 'success', xhr);
+                if (g)
+                    $.event.trigger("ajaxSuccess", [xhr, s]);
+                       }
+                       else if (status) {
+                if (errMsg === undefined)
+                                       errMsg = xhr.statusText;
+                if (s.error)
+                    s.error.call(s.context, xhr, status, errMsg);
+                deferred.reject(xhr, 'error', errMsg);
+                if (g)
+                    $.event.trigger("ajaxError", [xhr, s, errMsg]);
+                       }
+
+            if (g)
+                $.event.trigger("ajaxComplete", [xhr, s]);
+
+                       if (g && ! --$.active) {
+                               $.event.trigger("ajaxStop");
+                       }
+
+            if (s.complete)
+                s.complete.call(s.context, xhr, status);
+
+                       callbackProcessed = true;
+                       if (s.timeout)
+                               clearTimeout(timeoutHandle);
+
+                       // clean up
+                       setTimeout(function() {
+                               if (!s.iframeTarget)
+                                       $io.remove();
+                               xhr.responseXML = null;
+                       }, 100);
+               }
+
+               var toXml = $.parseXML;
+
+               var parseJSON = $.parseJSON;
+
+               var httpData = function( xhr, type, s ) { // mostly lifted from jq1.4.4
+
+                       var ct = xhr.getResponseHeader('content-type') || '',
+                               xml = type === 'xml' || !type && ct.indexOf('xml') >= 0,
+                               data = xml ? xhr.responseXML : xhr.responseText;
+
+                       if (xml && data.documentElement.nodeName === 'parsererror') {
+                if ($.error)
+                    $.error('parsererror');
+                       }
+                       if (s && s.dataFilter) {
+                               data = s.dataFilter(data, type);
+                       }
+                       if (typeof data === 'string') {
+                               if (type === 'json' || !type && ct.indexOf('json') >= 0) {
+                    data = parseJSON(data);
+                               } else if (type === "script" || !type && ct.indexOf("javascript") >= 0) {
+                                       $.globalEval(data);
+                               }
+                       }
+                       return data;
+               };
+
+        return deferred;
+       }
+};
+
+/**
+ * ajaxForm() provides a mechanism for fully automating form submission.
+ *
+ * The advantages of using this method instead of ajaxSubmit() are:
+ *
+ * 1: This method will include coordinates for <input type="image" /> elements (if the element
+ *     is used to submit the form).
+ * 2. This method will include the submit element's name/value data (for the element that was
+ *     used to submit the form).
+ * 3. This method binds the submit() method to the form for you.
+ *
+ * The options argument for ajaxForm works exactly as it does for ajaxSubmit.  ajaxForm merely
+ * passes the options argument along after properly binding events for submit elements and
+ * the form itself.
+ */
+$.fn.ajaxForm = function(options) {
+       options = options || {};
+       options.delegation = options.delegation && $.isFunction($.fn.on);
+       
+       // in jQuery 1.3+ we can fix mistakes with the ready state
+       if (!options.delegation && this.length === 0) {
+               var o = { s: this.selector, c: this.context };
+               if (!$.isReady && o.s) {
+                       log('DOM not ready, queuing ajaxForm');
+                       $(function() {
+                               $(o.s,o.c).ajaxForm(options);
+                       });
+                       return this;
+               }
+               // is your DOM ready?  http://docs.jquery.com/Tutorials:Introducing_$(document).ready()
+               log('terminating; zero elements found by selector' + ($.isReady ? '' : ' (DOM not ready)'));
+               return this;
+       }
+
+       if ( options.delegation ) {
+               $(document)
+                       .off('submit.form-plugin', this.selector, doAjaxSubmit)
+                       .off('click.form-plugin', this.selector, captureSubmittingElement)
+                       .on('submit.form-plugin', this.selector, options, doAjaxSubmit)
+                       .on('click.form-plugin', this.selector, options, captureSubmittingElement);
+               return this;
+       }
+
+       return this.ajaxFormUnbind()
+               .bind('submit.form-plugin', options, doAjaxSubmit)
+               .bind('click.form-plugin', options, captureSubmittingElement);
+};
+
+// private event handlers      
+function doAjaxSubmit(e) {
+    /*jshint validthis:true */
+       var options = e.data;
+       if (!e.isDefaultPrevented()) { // if event has been canceled, don't proceed
+               e.preventDefault();
+               $(this).ajaxSubmit(options);
+       }
+}
+       
+function captureSubmittingElement(e) {
+    /*jshint validthis:true */
+       var target = e.target;
+       var $el = $(target);
+    if (!($el.is("[type=submit],[type=image]"))) {
+               // is this a child element of the submit el?  (ex: a span within a button)
+        var t = $el.closest('[type=submit]');
+        if (t.length === 0) {
+                       return;
+               }
+               target = t[0];
+       }
+       var form = this;
+       form.clk = target;
+       if (target.type == 'image') {
+        if (e.offsetX !== undefined) {
+                       form.clk_x = e.offsetX;
+                       form.clk_y = e.offsetY;
+               } else if (typeof $.fn.offset == 'function') {
+                       var offset = $el.offset();
+                       form.clk_x = e.pageX - offset.left;
+                       form.clk_y = e.pageY - offset.top;
+               } else {
+                       form.clk_x = e.pageX - target.offsetLeft;
+                       form.clk_y = e.pageY - target.offsetTop;
+               }
+       }
+       // clear form vars
+       setTimeout(function() { form.clk = form.clk_x = form.clk_y = null; }, 100);
+}
+
+
+// ajaxFormUnbind unbinds the event handlers that were bound by ajaxForm
+$.fn.ajaxFormUnbind = function() {
+       return this.unbind('submit.form-plugin click.form-plugin');
+};
+
+/**
+ * formToArray() gathers form element data into an array of objects that can
+ * be passed to any of the following ajax functions: $.get, $.post, or load.
+ * Each object in the array has both a 'name' and 'value' property.  An example of
+ * an array for a simple login form might be:
+ *
+ * [ { name: 'username', value: 'jresig' }, { name: 'password', value: 'secret' } ]
+ *
+ * It is this array that is passed to pre-submit callback functions provided to the
+ * ajaxSubmit() and ajaxForm() methods.
+ */
+$.fn.formToArray = function(semantic, elements) {
+       var a = [];
+       if (this.length === 0) {
+               return a;
+       }
+
+       var form = this[0];
+       var els = semantic ? form.getElementsByTagName('*') : form.elements;
+       if (!els) {
+               return a;
+       }
+
+       var i,j,n,v,el,max,jmax;
+       for(i=0, max=els.length; i < max; i++) {
+               el = els[i];
+               n = el.name;
+               if (!n) {
+                       continue;
+               }
+
+               if (semantic && form.clk && el.type == "image") {
+                       // handle image inputs on the fly when semantic == true
+                       if(!el.disabled && form.clk == el) {
+                               a.push({name: n, value: $(el).val(), type: el.type });
+                               a.push({name: n+'.x', value: form.clk_x}, {name: n+'.y', value: form.clk_y});
+                       }
+                       continue;
+               }
+
+               v = $.fieldValue(el, true);
+               if (v && v.constructor == Array) {
+            if (elements) 
+                elements.push(el);
+                       for(j=0, jmax=v.length; j < jmax; j++) {
+                               a.push({name: n, value: v[j]});
+                       }
+               }
+        else if (feature.fileapi && el.type == 'file' && !el.disabled) {
+            if (elements) 
+                elements.push(el);
+            var files = el.files;
+            if (files.length) {
+                for (j=0; j < files.length; j++) {
+                    a.push({name: n, value: files[j], type: el.type});
+                }
+            }
+            else {
+                // #180
+                a.push({ name: n, value: '', type: el.type });
+            }
+        }
+               else if (v !== null && typeof v != 'undefined') {
+            if (elements) 
+                elements.push(el);
+            a.push({name: n, value: v, type: el.type, required: el.required});
+               }
+       }
+
+       if (!semantic && form.clk) {
+               // input type=='image' are not found in elements array! handle it here
+               var $input = $(form.clk), input = $input[0];
+               n = input.name;
+               if (n && !input.disabled && input.type == 'image') {
+                       a.push({name: n, value: $input.val()});
+                       a.push({name: n+'.x', value: form.clk_x}, {name: n+'.y', value: form.clk_y});
+               }
+       }
+       return a;
+};
+
+/**
+ * Serializes form data into a 'submittable' string. This method will return a string
+ * in the format: name1=value1&amp;name2=value2
+ */
+$.fn.formSerialize = function(semantic) {
+       //hand off to jQuery.param for proper encoding
+       return $.param(this.formToArray(semantic));
+};
+
+/**
+ * Serializes all field elements in the jQuery object into a query string.
+ * This method will return a string in the format: name1=value1&amp;name2=value2
+ */
+$.fn.fieldSerialize = function(successful) {
+       var a = [];
+       this.each(function() {
+               var n = this.name;
+               if (!n) {
+                       return;
+               }
+               var v = $.fieldValue(this, successful);
+               if (v && v.constructor == Array) {
+                       for (var i=0,max=v.length; i < max; i++) {
+                               a.push({name: n, value: v[i]});
+                       }
+               }
+               else if (v !== null && typeof v != 'undefined') {
+                       a.push({name: this.name, value: v});
+               }
+       });
+       //hand off to jQuery.param for proper encoding
+       return $.param(a);
+};
+
+/**
+ * Returns the value(s) of the element in the matched set.  For example, consider the following form:
+ *
+ *  <form><fieldset>
+ *       <input name="A" type="text" />
+ *       <input name="A" type="text" />
+ *       <input name="B" type="checkbox" value="B1" />
+ *       <input name="B" type="checkbox" value="B2"/>
+ *       <input name="C" type="radio" value="C1" />
+ *       <input name="C" type="radio" value="C2" />
+ *  </fieldset></form>
+ *
+ *  var v = $('input[type=text]').fieldValue();
+ *  // if no values are entered into the text inputs
+ *  v == ['','']
+ *  // if values entered into the text inputs are 'foo' and 'bar'
+ *  v == ['foo','bar']
+ *
+ *  var v = $('input[type=checkbox]').fieldValue();
+ *  // if neither checkbox is checked
+ *  v === undefined
+ *  // if both checkboxes are checked
+ *  v == ['B1', 'B2']
+ *
+ *  var v = $('input[type=radio]').fieldValue();
+ *  // if neither radio is checked
+ *  v === undefined
+ *  // if first radio is checked
+ *  v == ['C1']
+ *
+ * The successful argument controls whether or not the field element must be 'successful'
+ * (per http://www.w3.org/TR/html4/interact/forms.html#successful-controls).
+ * The default value of the successful argument is true.  If this value is false the value(s)
+ * for each element is returned.
+ *
+ * Note: This method *always* returns an array.  If no valid value can be determined the
+ *     array will be empty, otherwise it will contain one or more values.
+ */
+$.fn.fieldValue = function(successful) {
+       for (var val=[], i=0, max=this.length; i < max; i++) {
+               var el = this[i];
+               var v = $.fieldValue(el, successful);
+               if (v === null || typeof v == 'undefined' || (v.constructor == Array && !v.length)) {
+                       continue;
+               }
+        if (v.constructor == Array)
+            $.merge(val, v);
+        else
+            val.push(v);
+       }
+       return val;
+};
+
+/**
+ * Returns the value of the field element.
+ */
+$.fieldValue = function(el, successful) {
+       var n = el.name, t = el.type, tag = el.tagName.toLowerCase();
+       if (successful === undefined) {
+               successful = true;
+       }
+
+       if (successful && (!n || el.disabled || t == 'reset' || t == 'button' ||
+               (t == 'checkbox' || t == 'radio') && !el.checked ||
+               (t == 'submit' || t == 'image') && el.form && el.form.clk != el ||
+               tag == 'select' && el.selectedIndex == -1)) {
+                       return null;
+       }
+
+       if (tag == 'select') {
+               var index = el.selectedIndex;
+               if (index < 0) {
+                       return null;
+               }
+               var a = [], ops = el.options;
+               var one = (t == 'select-one');
+               var max = (one ? index+1 : ops.length);
+               for(var i=(one ? index : 0); i < max; i++) {
+                       var op = ops[i];
+                       if (op.selected) {
+                               var v = op.value;
+                               if (!v) { // extra pain for IE...
+                                       v = (op.attributes && op.attributes['value'] && !(op.attributes['value'].specified)) ? op.text : op.value;
+                               }
+                               if (one) {
+                                       return v;
+                               }
+                               a.push(v);
+                       }
+               }
+               return a;
+       }
+       return $(el).val();
+};
+
+/**
+ * Clears the form data.  Takes the following actions on the form's input fields:
+ *  - input text fields will have their 'value' property set to the empty string
+ *  - select elements will have their 'selectedIndex' property set to -1
+ *  - checkbox and radio inputs will have their 'checked' property set to false
+ *  - inputs of type submit, button, reset, and hidden will *not* be effected
+ *  - button elements will *not* be effected
+ */
+$.fn.clearForm = function(includeHidden) {
+       return this.each(function() {
+               $('input,select,textarea', this).clearFields(includeHidden);
+       });
+};
+
+/**
+ * Clears the selected form elements.
+ */
+$.fn.clearFields = $.fn.clearInputs = function(includeHidden) {
+       var re = /^(?:color|date|datetime|email|month|number|password|range|search|tel|text|time|url|week)$/i; // 'hidden' is not in this list
+       return this.each(function() {
+               var t = this.type, tag = this.tagName.toLowerCase();
+        if (re.test(t) || tag == 'textarea') {
+                       this.value = '';
+               }
+               else if (t == 'checkbox' || t == 'radio') {
+                       this.checked = false;
+               }
+               else if (tag == 'select') {
+                       this.selectedIndex = -1;
+               }
+               else if (t == "file") {
+                       if (/MSIE/.test(navigator.userAgent)) {
+                               $(this).replaceWith($(this).clone());
+                       } else {
+                               $(this).val('');
+                       }
+               }
+        else if (includeHidden) {
+            // includeHidden can be the value true, or it can be a selector string
+            // indicating a special test; for example:
+            //  $('#myForm').clearForm('.special:hidden')
+            // the above would clean hidden inputs that have the class of 'special'
+            if ( (includeHidden === true && /hidden/.test(t)) ||
+                 (typeof includeHidden == 'string' && $(this).is(includeHidden)) )
+                this.value = '';
+        }
+       });
+};
+
+/**
+ * Resets the form data.  Causes all form elements to be reset to their original value.
+ */
+$.fn.resetForm = function() {
+       return this.each(function() {
+               // guard against an input with the name of 'reset'
+               // note that IE reports the reset function as an 'object'
+               if (typeof this.reset == 'function' || (typeof this.reset == 'object' && !this.reset.nodeType)) {
+                       this.reset();
+               }
+       });
+};
+
+/**
+ * Enables or disables any matching elements.
+ */
+$.fn.enable = function(b) {
+       if (b === undefined) {
+               b = true;
+       }
+       return this.each(function() {
+               this.disabled = !b;
+       });
+};
+
+/**
+ * Checks/unchecks any matching checkboxes or radio buttons and
+ * selects/deselects and matching option elements.
+ */
+$.fn.selected = function(select) {
+       if (select === undefined) {
+               select = true;
+       }
+       return this.each(function() {
+               var t = this.type;
+               if (t == 'checkbox' || t == 'radio') {
+                       this.checked = select;
+               }
+               else if (this.tagName.toLowerCase() == 'option') {
+                       var $sel = $(this).parent('select');
+                       if (select && $sel[0] && $sel[0].type == 'select-one') {
+                               // deselect all other options
+                               $sel.find('option').selected(false);
+                       }
+                       this.selected = select;
+               }
+       });
+};
+
+// expose debug var
+$.fn.ajaxSubmit.debug = false;
+
+// helper fn for console logging
+function log() {
+       if (!$.fn.ajaxSubmit.debug) 
+               return;
+       var msg = '[jquery.form] ' + Array.prototype.join.call(arguments,'');
+       if (window.console && window.console.log) {
+               window.console.log(msg);
+       }
+       else if (window.opera && window.opera.postError) {
+               window.opera.postError(msg);
+       }
+}
+
+})(jQuery);
index f388104cf22b0a0016d9ecd081c1e9e691af1dbf..fa919b49096ad21c3e0afeb177138722f1f5098d 100755 (executable)
                          for-profit organizations cost $800.</p>
 
                        <form class="form-horizontal"
-                                 action="https://crm.fsf.org/civicrm/profile/create?gid=177&amp;reset=1"
+                                 action="https://crm.fsf.org/civicrm/profile/create?gid=326&amp;reset=1"
                                  method="post" name="Edit" id="Edit1" >
 
-                         <div><input name="postURL" type="hidden"
-                                                 value="https://libreplanet.org/2014/exhibit/confirmation.html" />
+                         <div>
+                               <input name="entryURL" type="hidden"
+                                          value="https://crm.fsf.org/civicrm/contact/view/delete?=&amp;amp;reset=1&amp;amp;delete=1&amp;amp;cid=743827" />
+                               <input name="postURL" type="hidden"
+                                                 value="https://libreplanet.org/2015/exhibit/confirmation.html" />
                                <input name="cancelURL" type="hidden"
-                                          value="https://libreplanet.org/2014/exhibit/" />
-                               <input name="add_to_group" type="hidden" value="253" />
+                                          value="https://libreplanet.org/2015/exhibit/" />
+                               <input name="add_to_group" type="hidden" value="803" />
                                <input name="_qf_default" type="hidden" value="Edit:cancel" />
                          </div>
 
                                </div>
 
 
-                               <div id="editrow-custom_136"
+                               <div id="editrow-custom_190"
                                         class="form-group">
-                                 <label for="custom_136" class="col-sm-3 control-label">
+                                 <label for="custom_190" class="col-sm-3 control-label">
                                        Exhibitor type
                                        <span class="field-required">*</span>
                                  </label>
                                  <div class="col-sm-5">
-                                       <select name="custom_136"
-                                                       id="custom_136" class="form-control" required>
+                                       <select name="custom_190"
+                                                       id="custom_190" class="form-control" required>
                                          <option value="">- select -</option>
                                          <option value="1">Non-profit ($250)</option>
                                          <option value="2">Commercial ($800)</option>
                          </div>
                        </form>
 <!--#include virtual="/server/2015/footer.html"-->
-<!--#include virtual="/server/2015/home_js.html"-->
+<!--#include virtual="/server/2015/exhibit_js.html"-->
 <!--#include virtual="/server/2015/close.html" -->
diff --git a/server/2015/exhibit_js.html b/server/2015/exhibit_js.html
new file mode 100644 (file)
index 0000000..7ea9878
--- /dev/null
@@ -0,0 +1,22 @@
+<script type="text/javascript"
+       src="/2015/assets/js/jquery-1.11.1.min.js">
+</script>
+
+<script type="text/javascript"
+               src="/2015/assets/js/civicrm-4.4.jquery.chainedSelects.js">
+</script>
+
+<script type="text/javascript"
+               src="/2015/assets/js/jquery.form-3.25.0.js">
+</script>
+
+<script type="text/javascript">
+         var cj = jQuery.noConflict(); $ = cj;
+
+         cj(function() {
+             countryID = "#country-Primary"
+             stateProvinceID = "#state_province-Primary"
+             callbackURL = "https://crm.fsf.org/civicrm/ajax/jqState"
+             cj(countryID).chainSelect(stateProvinceID, callbackURL, null);
+         });
+</script>
index 66e0563fc07fae879b3e47e130d550d0bee291fc..1b447a76b26bd469cbb86bf5a6424d7a08d1ee8c 100644 (file)
                        Public License version 3 or later</a></td>
                <td><a href="http://libreplanet.org/2014/assets/js/jquery.chainedSelects.js">jquery.chainedSelects.js</a></td>
          </tr>
+
+         <tr>
+               <td><a href="/2015/assets/js/civicrm-4.4.jquery.chainedSelects.js">civicrm-4.4.jquery.chainedSelects.js</a></td>
+               <td><a href="http://www.gnu.org/licenses/gpl-3.0.html">GNU General
+                       Public License version 3 or later</a></td>
+               <td><a href="/2015/assets/js/civicrm-4.4.jquery.chainedSelects.js">civicrm-4.4.jquery.chainedSelects.js</a></td>
+         </tr>
          
          <tr>
                <td><a href="http://libreplanet.org/2014/assets/js/jquery.form.js">jquery.form.js</a></td>
                <td><a href="http://libreplanet.org/2014/assets/js/jquery.form.js">jquery.form.js</a></td>
          </tr>
          
+         <tr>
+               <td><a href="/2015/assets/js/jquery.form-3.25.0.js">jquery.form-3.25.0.js</a></td>
+               <td><a href="http://www.gnu.org/licenses/gpl-2.0.html">GNU General
+                       Public License version 2 or later</a></td>
+               <td><a href="/2015/assets/js/jquery.form-3.25.0.js">jquery.form-3.25.0.js</a></td>
+         </tr>
+
          <tr>
                  <td><a href="http://libreplanet.org/2014/assets/js/Common.js">Common.js</a></td>
                  <td><a href="http://www.gnu.org/licenses/agpl-3.0.html">GNU Affero