Angel’s Blog

Someone right now is looking pretty tired, staring at a laptop trying to get inspired…

extContent in action (part1)


Basic templates management. In the following video you will see how to split and organize the template of your future site

Content adding and editing:

Menus (templates, structure, usage)

Content Indexing and php tags options

Here you can find the final result :  http://dev.ajaxinside.de/projects/extcontent/


extContent concept


Application Environment (XFCE like TaskBar and Custom WindowManager)

Content Management

Menu’s Structures

Indexing of Content Tables

This is just a technology preview developed with extJS 3.0

You can find more detailed videos here

I am not planning a release in the near future.


SDB pre-release


Get the Flash Player to see the wordTube Media Player.

Used Technologie:
the ExtJS framework,
custom php to handle the server-side stuff,
a lot of patience and sleepless nights


Eclipse for web development


After some sleepless nights I succeed to pack up an Eclipse distribution that almost match all my needs.
It’s made for php, extjs (javascript) development with all the extra tools you will need like Zend Debugger, FTP / SSH client, SVN and etc.

Here a small list of everything extra added :

JRE is included but you can replace it with another one to match your arhitechture (jre folder). Currently there is a version for Windows. If i have some time i will added and one for Linux and OSX. Basically you can use the configuration and features folders and copy them over another eclipse build, but i never tried it.

I am not the author of anything ! I just combined some free plugins and features. If you care about licenses and etc., please take a look on the vendor’s sites. It’s all free software, but you never know …

This software comes with absolute no guarantee, so please use on your own risk.

Installation:

Unpack and start.

Download here


OC – new charts preview




Get the Flash Player to see the wordTube Media Player.

Used technologies:
ExtJS framework
ux.Media ChartPack 2 (extjs extension)
Fusion Flash Charts
… A lot of custom work :)


OC – beta 1 (preview)


Get the Flash Player to see the wordTube Media Player.

OC – Operatives Controlling Application

Developed with extjs 2.2 framework + custom php framework

Current status – Development + bugfixing


A little lesson in JS objects


  1. myobject = function(){
  2.     // defining a method_1
  3.     function method_1() {
  4.    
  5.         function sub_method_1() {
  6.             // defining some var (sum_method_1_var) that gonna be used only in the sub_method_1
  7.             var sub_method_1_var = 7;
  8.            
  9.             // accessing the (z) var thats defined in the method_1
  10.             // this is only possible because sub_method_1 is a sub method of method_1, where the z var is defined
  11.             return sub_method_1_var+z;
  12.         }
  13.        
  14.         // defining a var (z) that will be used in method_1 but accessible
  15.         // from each sub method in  method_1
  16.         var z = 1;
  17.        
  18.         // getting the sum of z + sum_method_1_var ( 1+7)
  19.         // output: 8
  20.         var something = sub_method_1();
  21.         return something;
  22.     }
  23.    
  24.     //defing a value with the result from the method_1
  25.     result = method_1();
  26.    
  27.     // all the method defined in return {} will be public and accessible for the "outside world"
  28.     return {
  29.         // defining a public method
  30.         public_method : function() {
  31.             return result;
  32.         }
  33.     };
  34. }
  35. // defining x as myobject
  36. x = new myobject();
  37. // accessing the public_method of myobject (x)
  38. final_result = x.public_method();
  39. // alert the result
  40. alert(final_result);

A very handy tool for testing pieces of JS source is the Execute JS Add-on for Firefox
It’s the fastest and painless way to execute JS and debug if needed :

I hope this example may help someone :)


Microsoft Script Debugger – Why the fuck IE have to suck so bad ?!


Some time before – maybe 10 years ago I was the biggest Internet Explorer fan ever… Now we have version 7 :) Let me share some of my thoughts about it :

  1. Totally fucked up interface… I need at least a minute to find where the History is (for example)
  2. Don’t have any idea what the dudes used for a render Engine, but it sucks
  3. Slow, slow and sometimes too slow
  4. Some kind of shitty debuger for JS / AJAX… don’t really tell you something useful about the error in the script..

And here my small tip to all web developers – If you want to debug something under IE, install the official Microsoft Script Debugger. It’s free, but it’s nothing compared to Firebug. At least you will get some error messages.


Generating Items in ExtJS with JSON (php/mysql)


After some time having a really hardcore sex whit the ExtJS framework (i was on the passive side) i found the solutions of the question about the life, the universe and everything else and it isn’t 42!

Here is the source :

  1.  
  2. Ext.Ajax.request({
  3. url : 'http://localhost/oc/api.php',
  4. params : {
  5. a : 'tabs'
  6. },
  7.  
  8. method : 'GET',
  9. // This is the output of api.php
  10. // {"data":[{"title":"tab 1","id":"0"},{"title":"tab 2","id":"1"}]}
  11.  
  12. success : function(result, request) {
  13. jsonData = Ext.util.JSON.decode(result.responseText);
  14.  
  15. // here we are generating an array with JSON objects
  16.  
  17. var personalPanel = new Ext.form.FormPanel({
  18.  
  19. title : 'Personal',
  20.  
  21. defaultType : 'tabpanel',
  22. defaults : {
  23.  
  24. msgTarget : 'side'
  25. },
  26. layoutConfig : {
  27.  
  28. },
  29. items : [{
  30. xtype : "tabpanel",
  31. items : jsonData.data
  32. // Here we are using the jsonData.data (.data because my json formated output has a root key "data:…"

No need to write the the end of the script, this was the most important part of it.