xperiments.es » Tips http://xperiments.es/blog Desarrollo web freelance | Expertos en flash | Barcelona Perpignan Sat, 11 Feb 2012 18:31:03 +0000 http://wordpress.org/?v=2.9.1 en hourly 1 How to enable iTunes FileSharing on AIR for iOS Devices http://xperiments.es/blog/en/how-to-enable-itunes-filesharing-on-air-for-ios-devices/ http://xperiments.es/blog/en/how-to-enable-itunes-filesharing-on-air-for-ios-devices/#comments Sat, 07 May 2011 09:18:04 +0000 admin http://xperiments.es/blog/?p=471

I was searching the net to find a way to enable FileSharing with itunes on my AIR for IOS app.

After some research, this is the simple way it can be done:

  • Edit your application descriptor xml file
  • In the InfoAdditions section add the next two lines of code
  • Recompile you project and update the app via iTunes
  • After sync with iTunes, your app now can share files within the app Documents directory
1
2
<key>UIFileSharingEnabled</key>
<true/>

Enjoy!!

]]> http://xperiments.es/blog/en/how-to-enable-itunes-filesharing-on-air-for-ios-devices/feed/ 0 Injecting inline formated xml in javascript http://xperiments.es/blog/en/inyectando-xml-con-formato-dentro-de-javascript/ http://xperiments.es/blog/en/inyectando-xml-con-formato-dentro-de-javascript/#comments Wed, 26 Jan 2011 15:16:04 +0000 admin http://xperiments.es/blog/?p=425

Sometimes is good tho have some code like this:

1
2
3
4
var html =
<form>
    <input type="text">
</form>;

But for now is not posible to do until E4X is adopted by all the browsers…

A tricky way to do it is to use the javascript /*! comments */ inside a function definition, to store the real formated xml.

How to define a variable in comments:

1
2
3
4
5
6
7
    /*!
    {"embed":{ "id":"form" } }
    <form>
        <input type="text" name="user"/>
        <input type="text" name="password"/>
    </form>
    */

First line begins with a normal multiline comment /* and the ! simbol, ATTENTION, that way, starting width /*! we tell some javascripts mimimizers that this is a special comment and they must left the comments as is in the source code.
Second line tells the parser the variable asignation name of the content.
The declaration must end width the close comment tag */ in a new line.

Full example:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
var data = function()
{
    /*!
    {"embed":{ "id":"form" } }
    <form>
        <input type="text" name="user"/>
        <input type="text" name="password"/>
    </form>
    */

    /*!
    {"embed":{ "id":"button"} }
        <button value="Send">
    */                 
}
var parsedData = window.parseEmbeds(data);
alert( parsedData.form )
alert( parsedData.button );

The main parseEmbeds function:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
(function(window)
{
    window.parseEmbeds = function( fn, opt )
    {  
        var dataObj = {}
        var regex_comments = /\*(.|[\r\n])*?\*/gi;
        var code = fn.toString().match( regex_comments );
        var comment;
        var lines;
        var outputString;
        var trim11 =function(str){str = str.replace(/^\s+/, '');for (var i = str.length - 1; i >= 0; i--) {if (/\S/.test(str.charAt(i))) {str = str.substring(0, i + 1);break;}}return str;};
        for( var i=0; i<code.length; i++ )
        {  
            comment = code[ i ];
            if( comment.indexOf('{"embed":')!=-1 )
            {
                lines = comment.split('\n');
                outputString = "";
                for( var e=2; e
    <lines.length-1; e++ )
                {
                   outputString+=trim11(lines[e]);
                }
                dataObj[ JSON.parse( lines[ 1 ] ).embed.id ] = outputString;
            }
        }
        return dataObj;
    }
})(window);
]]> http://xperiments.es/blog/en/inyectando-xml-con-formato-dentro-de-javascript/feed/ 0 OSX 5005:Unknown error optimizing byte code http://xperiments.es/blog/en/osx-5005unknown-error-optimizing-byte-code/ http://xperiments.es/blog/en/osx-5005unknown-error-optimizing-byte-code/#comments Tue, 31 Aug 2010 12:29:55 +0000 admin http://xperiments.es/blog/?p=405

Working in a large AIR project, the flash compiler give me this strange error:

1
5005:Unknown error optimizing byte code

To avoid it , we must increase the memory of the compilator by creating a file in:

1
~/.MacOSX/environment.plist

and put this text in it:

1
2
3
4
5
6
7
8
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
<plist version="1.0">
<dict>
<key>JAVA_TOOL_OPTIONS</key>
<string>-Xmx512m</string>
</dict>
</plist>

If you use flash CS5 also edit this file:

1
~/Library/Application Support/Adobe/Flash CS5/en_US/Configuration/ActionScript3.0/jvm.ini

Then change -Xmx128m to -Xmx512m

]]> http://xperiments.es/blog/en/osx-5005unknown-error-optimizing-byte-code/feed/ 0 OSX Messenger all my contacts was unadmitted http://xperiments.es/blog/en/osx-messenger-all-my-contacts-was-unadmitted/ http://xperiments.es/blog/en/osx-messenger-all-my-contacts-was-unadmitted/#comments Sun, 20 Jun 2010 16:25:00 +0000 admin http://xperiments.es/blog/?p=387

A strange thing happened to my messenger, it was opened it today and my surprise was that all the contacts I have are listed as ( not allowed ).

Searching the net I find the solution.

Close MSN and open a terminal window and move to this directory:

1
/ Users / <- OUR USER -> / Library / Preferences / Microsoft

There you find a file named:

Microsoft Messenger User Cache.plist

What we have to do is rename the extension to any other (eg. Bak) to restart MSN after re-create your configuration settings.

We do this process by:

1
mv Microsoft \ Messenger \ User \ Cache.plist Microsoft \ Messenger \ User \ Cache.bak

Reboot MSN to see that everything worked properly.

]]> http://xperiments.es/blog/en/osx-messenger-all-my-contacts-was-unadmitted/feed/ 0 jsPDF An javascript utility library for generate PDF’s http://xperiments.es/blog/en/jspdf-utilidad-javascript-para-generar-pdfs/ http://xperiments.es/blog/en/jspdf-utilidad-javascript-para-generar-pdfs/#comments Mon, 10 May 2010 15:36:04 +0000 admin http://xperiments.es/blog/?p=384

jsPDF is a javascript utility library for generate PDF’s
With only 5.8kb it let us to generate PDF’S dynamically.
Is compatible with Safari, Firefox 3.5 y iPhone Safari.

1
2
3
4
5
6
7
8
9
10
11
jsPDF.init();
jsPDF.addPage();
jsPDF.text(20, 20, 'Hello world!');
jsPDF.text(20, 30, 'This is client-side Javascript, pumping out a PDF.');
jsPDF.addPage();
jsPDF.text(20, 20, 'Do you like that?');

// Making Data URI
var out = jsPDF.output();
var url = 'data:application/pdf;base64,' + Base64.encode(out);
document.location.href = url;
]]> http://xperiments.es/blog/en/jspdf-utilidad-javascript-para-generar-pdfs/feed/ 0 iPhone & iPod Detection http://xperiments.es/blog/en/detectando-iphone-ipad-ipod/ http://xperiments.es/blog/en/detectando-iphone-ipad-ipod/#comments Thu, 06 May 2010 20:23:04 +0000 admin http://xperiments.es/blog/?p=378

For detecting iPhone / iPod / iPad users and redirecting them to their iPhone-compatible website you can use this simple code snippets:

PHP

1
2
3
4
5
6
7
8
9
if(
    strstr($_SERVER['HTTP_USER_AGENT'],'iPhone') ||
    strstr($_SERVER['HTTP_USER_AGENT'],'iPod') ||
    strstr($_SERVER['HTTP_USER_AGENT'],'iPad')
)
{
    header('Location: http://yoursite.com/iphone');
    exit();
}

Javascript

1
2
3
4
5
6
7
8
if(
    (navigator.userAgent.match(/iPhone/i)) ||
    (navigator.userAgent.match(/iPod/i)) ||
    (navigator.userAgent.match(/iPad/i))
)
{
    //Your redirection code here
}

.htaccess

1
2
3
4
5
6
7
8
RewriteCond %{HTTP_USER_AGENT} ^.*iPad.*$
RewriteRule ^(.*)$ http://ipad.yourdomain.com [R=301]
RewriteCond %{HTTP_USER_AGENT} ^.*iPhone.*$
RewriteRule ^(.*)$ http://mobile.yourdomain.com [R=301]
RewriteCond %{HTTP_USER_AGENT} ^.*BlackBerry.*$
RewriteRule ^(.*)$ http://mobile.yourdomain.com [R=301]
RewriteCond %{HTTP_USER_AGENT} ^.*Palm.*$
RewriteRule ^(.*)$ http://mobile.yourdomain.com [R=301]
]]> http://xperiments.es/blog/en/detectando-iphone-ipad-ipod/feed/ 0 AS3 Condicional Switch Stament http://xperiments.es/blog/en/as3-condicional-switch-stament/ http://xperiments.es/blog/en/as3-condicional-switch-stament/#comments Wed, 28 Apr 2010 15:55:37 +0000 admin http://xperiments.es/blog/?p=369

Imagine we can use switch staments with conditional operators other then strict equality.

This way we can do a code like this:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
var value:int = 2;
switch(value){
    case < 1:
        trace("Value is less than 1");
        break;
    case 2:
        trace("Value definitely equals 2");
        break;
    case >= 3:
        trace("Value is greater than or equal to 3");
        break;
    case > 1 && < 3:
        trace("Value is greater than 3 and less than 5");
        break;
    case !== 5:
        trace("Value definitely doesn't equal 5");
        break;
}

Navigating the web I have find one solution:

1
2
3
4
5
6
7
8
9
10
11
12
var value:int = 2;
switch (true) {
    case value < 1:
        trace("Value is less than 1");
    break;
    case value == 1:
        trace("Value equals 1");
    break;
    case value > 1:
        trace("Value is greater than 1");
    break;
}
]]> http://xperiments.es/blog/en/as3-condicional-switch-stament/feed/ 0 Dynamically create instance of Vector class http://xperiments.es/blog/en/como-crear-dinamicamente-instancias-de-la-clase-vector/ http://xperiments.es/blog/en/como-crear-dinamicamente-instancias-de-la-clase-vector/#comments Thu, 08 Apr 2010 14:39:12 +0000 admin http://xperiments.es/blog/?p=364

AS3 don’t let us dynamically create an instance of class Vector with elements of various types, the solution is use getDefinitionByName.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
package
{
    import flash.system.ApplicationDomain;
    import flash.utils.getQualifiedClassName;  

    public class ClassUtils
    {
        static private const  VECTOR_CLASS_NAME : String = getQualifiedClassName( Vector );

        static public function getVectorDefinition(itemDefinition : Class, applicationDomain : ApplicationDomain = null) : Class
        {
            if(!applicationDomain) applicationDomain = ApplicationDomain.currentDomain;
            return applicationDomain.getDefinition( VECTOR_CLASS_NAME + '.<' + getQualifiedClassName( itemDefinition ) + '>' ) as Class;
        }      
        static public function createCustomVector(itemDefinition : Class, length : uint = 0, fixed : Boolean = false, applicationDomain : ApplicationDomain = null) : Vector.<*>
        {
            var definition : Class = getVectorDefinition( itemDefinition, applicationDomain );
            return new definition( length, fixed );
        }      
    }
}

To get definition of Vector class with specified item type:

1
2
3
4
var itemType:Class = Sprite;
var definition:Class = ClassUtils.getVectorDefinition(itemType);
trace(definition); // [class Vector.<flash.display::Sprite>]
trace(getQualifiedClassName(definition)); // __AS3__.vec::Vector.<flash.display::Sprite>

To create Vector class instance with specified item type:

1
2
3
var itemType:Class = Sprite;
var vector:Vector.<*> = ClassUtils.createCustomVector(itemType);
trace(getQualifiedClassName(vector)); // __AS3__.vec::Vector.<flash.display::Sprite>
]]> http://xperiments.es/blog/en/como-crear-dinamicamente-instancias-de-la-clase-vector/feed/ 0 Bookmarklet to save selected photos from a page. http://xperiments.es/blog/en/bookmarklet-para-guardar-las-imagenes-que-seleccionemos-de-una-pagina-web/ http://xperiments.es/blog/en/bookmarklet-para-guardar-las-imagenes-que-seleccionemos-de-una-pagina-web/#comments Sun, 07 Mar 2010 21:03:49 +0000 admin http://xperiments.es/blog/?p=306

Imagine you need to copy a lot of images from a page, but not all.

Bookmarklet to the rescue!!

Drag to the toolbar
GetPageImages
SavePageImages

Usage
First of all whe need a page with some images…
In this page, press the GetPageImages link in your toolbar to get a listing of all the images in the page.
Select the desired images by clicking in it.
Press the SavePageImages link in your toolbar

Save your page with “save as” command and you will get the images in a folder…

]]> http://xperiments.es/blog/en/bookmarklet-para-guardar-las-imagenes-que-seleccionemos-de-una-pagina-web/feed/ 0 innerHTML removes attribute quotes in Internet Explorer http://xperiments.es/blog/en/innerhtml-borra-las-comillas-de-los-atributos-en-internet-explorer/ http://xperiments.es/blog/en/innerhtml-borra-las-comillas-de-los-atributos-en-internet-explorer/#comments Sat, 20 Feb 2010 01:38:57 +0000 admin http://xperiments.es/blog/?p=269

After losing 2 hours for an unknown XML parsing error, I have discovered that the results of innerHTML in Internet Explorer are wrong.

1
2
3
4
5
6
7
8
// Original Source code of document
<div id="container">container</div>
// Result of innerHTML in document.getElementById('content')

//Firefox
<div id="container">container</div>
//Internet Explorer
<DIV id=container>container</DIV>

The solution: innerXHTML

1
2
var container = document.getElementById('container');
var code = innerXHTML(container);

Download innerxhtml

]]> http://xperiments.es/blog/en/innerhtml-borra-las-comillas-de-los-atributos-en-internet-explorer/feed/ 0