Mootools tips

Basics

http://www.catswhocode.com/blog/mootools-basics-5-useful-tips

Demos

http://demos.mootools.net/
http://demos111.mootools.net/



Validation
http://mootools.floor.ch/en/demos/formcheck/
datepicker 
Selecting  sub elements :http://mootools.net/docs/core/Utilities/Selectors
tabs
AJAX
Light box
Gallery
menu
Accordion
Drag and drop
Preloader
Uploader progress bar
slider
color picker

PHP encryption

 Encoding:Zend guard (needs zend opimizer toun encrypted php scripts)
Running:ioncube encoder: http://www.ioncube.com/encoder_eval_download.php need loader to run
http://www.ioncube.com/loaders.php

http://www.webhostgear.com/77_print.html
http://www.seocompany.ca/software/free-encryption-software.html

Cracking

info: http://foff.astalavista.ms/how2usecracks.html

http://www.serials.ws/
http://my.softarchive.net/

Google Maps

API Home:
http://code.google.com/apis/maps/
Google maps key signup: http://code.google.com/apis/maps/signup.html
API Reference:
http://code.google.com/apis/maps/documentation/reference.html

http://econym.org.uk/gmap/
JSAPI(good for client location from IP)
http://code.google.com/apis/ajax/documentation/

Geocoding with PHP/MYSQL


Documentation: http://code.google.com/apis/maps/documentation/

Official Google Maps API Blog

Google Maps API Tutorial  (IMPORTANT,contains examples)

 Directions Sample
Car Trip Using the Google directions for an animated drive.
Car Trip 2 Same trip with polyline that grows as the car moves.
Car Trip 3 Using <canvas> to rotate the icon (HTML5 capable browsers only)

My Maps functionality(draw rectangle,lines etc)


Flash API

Google Static Maps API - Google Code

sample with key

Static map image sample without key


http://mt.google.com/mapdata?cc=us&tstyp=5&Point=b&Point.latitude_e6=40755374&Point.longitude_e6=-73988113&Point.iconid=15&Point=e&w=150&h=100&zl=6

Google Maps with PHP

marker icons

Actionscript(AS3 and AS2) Tips

AS2 Best practices

OnRelease in Event in AS2 and AS3
hitTest Method of movieclip



Flash debug player installation
http://blog.hydrotik.com/2007/10/01/as3-useful-little-things/

Conventions: http://opensource.adobe.com/wiki/display/flexsdk/Coding+Conventions

usefull downloads: http://www.senocular.com/flash/source.php
Good Tutorials:http://www.gotoandlearn.com/
Vector,Metrics 3D classes in CS4?  used in  globe:

• 
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  

  Deep-linking with SWFAddress(video tutorial)

  http://www.asual.com/swfaddress/
  

  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
• Deep- linking using SWFAddress
• Exercise 6-4: Deep-linking with URLKit

preloader


disable right click with javascript and AS3
Code: http://www.uza.lt/blog/2007/08/solved-right-click-in-as3/






Adjust on resize

stage.addEventListener(Event.RESIZE, onResize, false, 0, true);

//assuming that eh main movieclip is having 3 childs
1.header
2.footer
3.view: main content area which holds all other children in the page


public function resize(e:Event = null):void {
  if (view.numChildren > 0) {
  Page(view.getChildAt(0)).resize();
  }
  header.resize();
  footer.resize();
  footer.y = stage.stageHeight - footer.defaultHeight + 1;
  }








loading and resizing display area with javascript and using asual classes


<script src="js/swfobject.js" type="text/javascript">

</script>

<script src="js/swfaddress.js" type="text/javascript">

</script>

<script type="text/javascript">

var size = getViewportSize();

function getViewportSize()

{

var size = [0, 0];

if (typeof window.innerWidth != "undefined") {

size = [window.innerWidth, window.innerHeight];

}

else if (typeof document.documentElement != "undefined" &amp;&amp; typeof document.documentElement.clientWidth != "undefined" &amp;&amp; document.documentElement.clientWidth != 0) {

size = [document.documentElement.clientWidth, document.documentElement.clientHeight];

}

else {

size = [document.getElementsByTagName("body")[0].clientWidth, document.getElementsByTagName("body")[0].clientHeight];

}

return size;

}

function createFullBrowserFlash()

{

// swfobject.createCSS("window", "overflow:auto;");

swfobject.createCSS("html", "height:100%; margin:0; padding:0;");

swfobject.createCSS("body", "height:100%; margin:0; padding:0;");

swfobject.createCSS("#flash", "margin:0; width:100%; height:100%; min-width:1024px; min-height:786px; display:block;");

window.onresize = function() {

var el = document.getElementById("flash");

var size = getViewportSize();

el.style.width = size[0] < 986 ? "1024px" : "100%";

el.style.height = size[1] < 800 ? "786px" : "100%";

};

window.onresize();

}

function setHeight( h )

{

if ( h < size[1] ) h = "100%";

var el = document.getElementById("flash");

if ( h != "100%" ) el.style.height = h < 786 ? "786px" : h + "px";

else el.style.height = "100%";

}

//bgcolor: "#513e2c",


var params = {

quality: "high",

scale: "noscale",

wmode: "window",

allowscriptaccess: "always",

bgcolor: "#513e2c",

allowFullScreen: "true"

};

var flashvars = {

controllerPath:"swf/THLM-THLM.swf",

totalExternalBytes:"7278224"//"3911744"

};

var attributes = {id:"flash"};

swfobject.embedSWF("Preloader.swf", "flashcontent", "400", "400", "10.0.0", "expressInstall.swf", flashvars, params, attributes);

if (swfobject.hasFlashPlayerVersion("10.0.0")) {

swfobject.addDomLoadEvent( createFullBrowserFlash );

}

</script>








asual Deeplinking with.htaccess,setting page title,changing url in addressbar thereby enabling SEF pages in flash sites


changing url path in address bar
SWFAddress.onChange = goto;///this is setting event listener,inside go to function we must write code to load the xhtml file in the relative url set as follows

SWFAddress.setvalue('relative url');


if it is an absolute url(starting with http)write it as following in goto function



if(linkToGo.substr(0,5) == "/http")

{

GlobalVars.getURLFromMain(new URLRequest(SWFAddress.getValue()));

return;

}

Textfield cursor and string insetrtion
       first stage.focus = activeTextRef;    


       private function insertCharAtCursor(stringToInsert)
        {
            var activeTextRef = _base.txtEmail;
            var cusrsorPos = activeTextRef.caretIndex;
            //trace("cusrsorPos = "+ cusrsorPos);
            var mainString:String = activeTextRef.text;
            var fstring = mainString.slice(0,cusrsorPos);
            var lstring = mainString.slice(cusrsorPos,mainString.length);  
            if(stringToInsert == 'backSpace')
            {
                if(cusrsorPos >0)
                {
                    fstring = mainString.slice(0,cusrsorPos - 1);
                    if(cusrsorPos < mainString.length)
                    {
                        lstring = mainString.slice(cusrsorPos,mainString.length);  
                    }
                    else
                    {
                        lstring = '';
                    }
                }
                stringToInsert = '';
            }
            //activeTextRef.text += stringToInsert;
            activeTextRef.text = fstring + stringToInsert + lstring
            /*if(!_base.mouseClickedOnTextbox)
            {  
              
                activeTextRef.setSelection(activeTextRef.text.length,activeTextRef.text.length);
            }
            else*/
            {
                var midstring:String = fstring + stringToInsert
                var newCaretPos = midstring.length;
                activeTextRef.setSelection(newCaretPos,newCaretPos);
            }
        }


Masking Options

gradient maskwith alpha channel? <a href="http://www.senocular.com/flash/source.php?id=0.180">http://www.senocular.com/flash/source.php?id=0.180</a>









Options Presentation

Menu

Accordion

Slider(easing scrollbar)

Context menu




Skinning

Skinning Controls

Text format

Applying CSS in textfields






Transitions

"Masking Options

(gradient,solid)"

Slideshow

flip sample1 ,

carousal: gotoandlearn

Gallery

accordion

Audio Player  :Sound Object  , Sound channel ,load,close,play,stop

Video Player




Movement

Circlular(with sin and cos)

3d movement(Cube,papervision)

Sine wave type

Zigzag

Drawing:


Actionscript movieclip.transform.matrix

http://www.kirupa.com/developer/actionscript/3dindex.htm
Simple 3D Drawing in Flash CS3
3dpicturebox.fla





Frontend (inbrowser)Communication

Js communication

Flash to flash communication in same browser page




Flash to Backend Communication

"XML handling"

loadvars

JSON

AMFPHP




FMS

basic functions

call function in serer from client

call function in client from serer

checking bandwidth

shared object

User interaction(chat)

whiteboard

Online teaching




Extending Flash

Creating And Deploying Component

Creating And Deploying flash Extensions

---

changin color of movieclips
AS2
var c:Color = new Color(box_mc);
c.setRGB(Math.random() * 0xFFFFFF);

AS3
var c:ColorTransform = new ColorTransform();
c.color = (Math.random() * 0xFFFFFF);
box_mc.transform.colorTransform = c;

RETS

PHP Class

http://rets.org/cms/documentation

QUERY SAMPLE (lastupdate field? )

DMQL reference

demoAPI url
http://www.crt.realtors.org/projects/rets/variman/demo/

librets documentation
http://www.crt.realtors.org/projects/rets/librets/documentation/devguide/

getting photos with phrets
http://troda.com/projects/phrets/index.php?title=GetObject

Menu Structure

Website Development

1. Type of websites
2. Building a new website
3. Hosting.
   
   
   
   
   
   1. free hosting,
   2. paid hosting
   
   
   
   
   
   
4. Free tools for website development
   
5. Website Programming  
   
6. Frontend:-Graphics,HTML,CSS
   
7. LAMP - Linux,Apache,Mysql,PHP
8. Managing Website development 

PHP

1. PHP Programming.
2. Different versions of php 
3. Srength and weakness of PHP
4.  PHP CMSs
   
   
   
   
   
   1. Joomla
   2. Different versions of joomla
   3. Benefits of joomla
   4. Joomla Website Development
   5. Empowering Joomla with Flash
      
   6. Magento
   
   
   
   
   
   
5. PHP Frameworks
   
   
   
   
   
   
   1. PEAR
   2. CAKE PHP
   3. Code Ignitor
   4. Zend Framework
   
   
   
   
   
   
   

6. Common PHP Tools
   
   
   
   
   
   
   1. FPDF
   2. NUSOAP
   3. SMARTY
   4. SNOOPY
   
   
   
   
   
   

MYSQL

1. MYSQL Database,
2. different versions, contraints
3. Srength and weakness of MYSQL

JAVASCRIPT

1. Srength and weakness of Javascript
2. Common javascript usages 
3. AJAX
4. Javascript fameworks
5. Jquery
6. Mootools
7. Prototype Framework
8. Script.aculo.us 

Flash and Flex

16. Flash and Flex
17. Actionscript Programming

1. Different versions of Acionscript
2. Flash and PHP
3. Action Message Format and PHP (AMF PHP) 
4. Flash and Javascript
5. Simple applications
6. Flash  and Media
7. Adobe Flex builder
8. Flash and Flex
9. 3D scripting
10. interactive applications

Web Services

1. Using PHP,javascript and Flash
2. Payment
3. Shipping
4. Aweber 
5. RETS
6. EBay
7. Google:maps.
8. Geocoding
9. Analytics
10. Adsense 
11. OpenID 

Website promotion

1. SEO(Search Engine optimization)

Outsourcing

1. What is outsourcing?
2. Benefits of outsourcing
3. Drawbacks of outsourcing
4. Type of Outsourcing  
5. Outsouring and Oursource Online 
6. Outsourcing web development 
7. Outsourcing Joomla Development
8. Outsourcing Flash Delevopment
9. Outsourcing SEO(Search Engine Optimization)
10. BPO
    
    
    

• Online and Offline
  
  
  
  1. Online support
  2. Online Data Entry
  3. Online Marketing