Changeset 1197 for trunk/js/test/index.php

Timestamp:

08/06/10 15:03:58 (3 years ago)

Author:

zach

Message:

Rocking testing tool

File:

• trunk/js/test/index.php (modified) (16 diffs)

trunk/js/test/index.php

@@ -30 +30 @@
                         evt.preventDefault();
                         var obj = settings.examples[$('#examples').val()];
+                        for (var o in obj){
+                                if (o.indexOf('on') === 0){
+                                        obj[o] = escape(obj[o]); 
+                                }
+                        }
                         window.top.location.href = window.top.location.pathname+'?'+$.param(obj);
                  });
@@ -37 +42 @@
                 });
                 // set the value and handler on player, skin and plugins.
-                if(variables['player']) { $('#players').val(variables['player']); }
-                $("#players").change(function(evt) { reloadFieldsets(evt); });
+                if(variables['players']) { $('#players').val(variables['players']); }
+                if(variables['player']) { 
+                        $('#player').val(variables['player']); 
+                } else {
+                        $('#player').val(dump(settings['players'][$('#players').val()]));
+                }
+                $("#players").change(function(evt) {
+                        if(evt) { evt.preventDefault(); }
+                        $("#player").val(dump(settings.players[$("#players").val()]));
+                        insertPlayer(evt);
+                });
                 if(variables['skin']) { 
                         if(!settings['skins'][variables['skin']]) { 
@@ -85 +99 @@
                 parsing = 1;
                 prefilled = {plugins:'',player:'',skin:''};
-                var swf = settings.players[$("#players").val()];
+                var swf = settings.players[$("#players").val()][0]['src'];
                 var xml = swf.substr(0,swf.length-4) + '.xml';
                 parsePlayerXML(xml);
@@ -135 +149 @@
                         set +='<label>'+val+'</label><input type="text" name="'+val+'" ';
                         if(variables[val]) {
-                                set += 'value="'+variables[val]+'" ';
-                                prefilled[val] = variables[val];
+                                if (nam == 'events') {
+                                        set += 'value="'+unescape(variables[val]).replace(/"/g, "'")+'" ';
+                                        prefilled[val] = unescape(variables[val]);      
+                                } else {
+                                        set += 'value="'+variables[val]+'" ';
+                                        prefilled[val] = variables[val];
+                                }
                         }
                         set += "/>";
@@ -178 +197 @@
                 var vrs = {};
                 variables = {}
-                variables['player'] = $('#players').val();
+                variables['players'] = $('#players').val();
+                variables['player'] = $('#player').val();
                 var skn = $("#skins").val();
                 if(skn != ' ') {
@@ -203 +223 @@
                 for(var i=0; i<arr.length; i++) {
                         if($(arr[i]).val()) {
-                                vrs[$(arr[i]).attr('name')] = $(arr[i]).val();
-                                variables[$(arr[i]).attr('name')] = $(arr[i]).val();
+                                if ($(arr[i]).attr('name').indexOf('on') != 0) {
+                                        vrs[$(arr[i]).attr('name')] = $(arr[i]).val();
+                                        variables[$(arr[i]).attr('name')] = $(arr[i]).val();
+                                } else {
+                                        vrs[$(arr[i]).attr('name')] = escape($(arr[i]).val());
+                                        variables[$(arr[i]).attr('name')] = escape($(arr[i]).val());
+                                }
                         }
                 }
@@ -219 +244 @@
                 $('#preview').css('height',vrs['height']);
                 $('#preview').html('<div id="container"></div>');
+                var player = "";
+                var players = eval($('#player').val());
+                for (var plr in players){
+                        if (players[plr]['type'] == 'flash'){
+                                player = players[plr]['src'];
+                        }
+                }
                 swfobject.embedSWF(
-                        settings.players[$('#players').val()],
+                        player,
                         'container',
                         vrs['width'],
@@ -238 +270 @@
         var vrs = temp['vrs'];
         var variables = temp['variables'];
+        var events = {};
+
+        for (var v in vrs){
+                if (v.indexOf("on") === 0){
+                        eval("var tmp ="+unescape(vrs[v]));
+                        events[v] = tmp;
+                }
+        }
 
         jwplayer('preview').setup($.extend(vrs, {
-                players:[
-                        {type:'flash',src:settings.players[$('#players').val()]}
-                ]
+                "players": eval($('#player').val()),
+                "events": events
         }));
    }
@@ -275 +314 @@
         function getVariable(evt) {
                 evt.preventDefault();
-                switch($('#vartype').val().toString()) {
-                        case 'config':
-                                var obj = player.getConfig();
-                                break;
-                        case 'playlist':
-                                var obj = player.getPlaylist();
-                                break;
-                        case 'plugin.config':
-                                var obj = player.getPluginConfig($('#configplugin').val());
-                                break;
-                }
+                var obj = eval("player.get"+$('#vartype').val().toString()+"();");
                 alertValue(obj);
         };
@@ -310 +339 @@
                         }
                 }
-                player.sendEvent(typ,dat);
+                player[typ](dat);
         };
         /** Set a listener to the player. **/
@@ -347 +376 @@
                 alert(txt);
         };
-
+        
+                function typeOf(value) {
+                var s = typeof value;
+                if (s === 'object') {
+                        if (value) {
+                                if (value instanceof Array) {
+                                        s = 'array';
+                                }
+                        } else {
+                                s = 'null';
+                        }
+                }
+                return s;
+        }
+        
+function dump (object) {
+  if (object == null) {
+    return 'null';
+  } else if (typeof(object) != 'object') {
+    if (typeof(object) == 'string'){
+      return"\""+object+"\"";
+    }
+    return object;
+  }
+
+  var type = typeOf(object);
+
+  var result = (type == "array") ? "[" : "{";
+
+  var loopRan = false;
+  for (var i in object) {
+    loopRan = true;
+    if (type == "object") { result += "\""+i+"\":"};
+    result += dump(object[i])+",";
+  }
+
+  if (loopRan) {
+    result = result.substring(0, result.length-1);
+  }
+
+  result  += (type == "array") ? "]" : "}";
+
+  return result;
+}
 
 
@@ -356 +428 @@
 
 <?php
-  $selectedScript = 'none';
+  $selectedScript = 'swfobject';
   if (isset($_GET['scripts'])){
         $selectedScript = $_GET['scripts'];
@@ -404 +476 @@
                         <label>Variable</label>
                         <select type="text" id="vartype">
-                                <option>config</option>
-                                <option>playlist</option>
-                                <option>plugin.config</option>
+                                <option>Buffer</option>
+                                <option>Duration</option>
+                                <option>Fullscreen</option>
+                                <option>Height</option>
+                                <option>Meta</option>
+                                <option>Mute</option>
+                                <option>Playlist</option>
+                                <option>PlaylistItem</option>
+                                <option>Position</option>
+                                <option>State</option>
+                                <option>Volume</option>
+                                <option>Width</option>
                         </select>
-                        <label>Plugin</label>
-                        <input type="text" id="configplugin" />
                 </fieldset>
                 <button type="submit" id="variablesbutton">Get variable</button>
@@ -417 +496 @@
                         <label>Event</label>
                         <select type="text" id="sendevent">
-                                <option>ITEM</option>
-                                <option>LINK</option>
-                                <option>LOAD</option>
-                                <option>MUTE</option>
-                                <option>NEXT</option>
-                                <option>PLAY</option>
-                                <option>PREV</option>
-                                <option>REDRAW</option>
-                                <option>SEEK</option>
-                                <option>STOP</option>
-                                <option>VOLUME</option>
+                                <option>load</option>
+                                <option>pause</option>
+                                <option>play</option>
+                                <option>playlistItem</option>
+                                <option>playlistNext</option>
+                                <option>playlistPrev</option>
+                                <option>resize</option>
+                                <option>seek</option>
+                                <option>stop</option>
+                                <option>setMute</option>
+                                <option>setFullscreen</option>
+                                <option>setVolume</option>                              
                         </select>
                         <label>Data</label>
@@ -433 +513 @@
                 </fieldset>
                 <button type="submit" id="sendeventbutton">Send event</button>
-        </form>
-        <form id="listenersform">
-                <fieldset>
-                        <label>Type</label>
-                        <select type="text" id="addremove">
-                                <option>add</option>
-                                <option>remove</option>
-                        </select>
-                        <label>Event</label>
-                        <select type="text" id="eventtype">
-                                <option>Controller: ERROR</option>
-                                <option>Controller: ITEM</option>
-                                <option>Controller: MUTE</option>
-                                <option>Controller: PLAY</option>
-                                <option>Controller: PLAYLIST</option>
-                                <option>Controller: RESIZE</option>
-                                <option>Controller: SEEK</option>
-                                <option>Controller: STOP</option>
-                                <option>Controller: VOLUME</option>
-                                <option></option>
-                                <option>Model: BUFFER</option>
-                                <option>Model: ERROR</option>
-                                <option>Model: LOADED</option>
-                                <option>Model: META</option>
-                                <option>Model: STATE</option>
-                                <option>Model: TIME</option>
-                        </select>
-                </fieldset>
-                <button type="submit" id="listenersbutton">Set listener</button>
         </form>
 </div>
@@ -484 +535 @@
     <label>scripts</label>
     <select id="scripts"><?=$scriptselectoroptions?></select>
+    <label>players</label>
+    <select id="players"></select>
     <label>player</label>
-    <select id="players"></select>
-                <label>skin</label>
-                <select id="skins"></select>
-                <label>plugins</label>
-                <select multiple="multiple" id="plugins"></select>
+    <input id="player" name="player" type="text" />
+        <label>skin</label>
+        <select id="skins"></select>
         </fieldset>
         <fieldset id="custom">