Web Technologies: Fast Flex Array Search

Web Technologies: Fast Flex Array Search: "private function findInCollection ( c : ArrayCollection , findFunction : Function ): Array { var matches : Array = c . source . f..."

Fast Flex Array Search

private function findInCollection(c:ArrayCollection, findFunction:Function):Array
{
 var matches : Array = c.source.filter( findFunction );
 return matches;
}
private function findFunction(propertyName:String,propertyValue:*):Function
{
   return function( element : *, index : int, array : Array ) : Boolean
   {
    return element[propertyName] == propertyValue;
   }
}


Call the function: var searchedElements:Array=findInCollection(ac,findFunction('recordId',2));

Web Technologies: I found very nice website components

Web Technologies: I found very nice website components: "http://www.bestwebpartners.com/ForSale.php Nice Image Viewers and definitely not expensive."

I found very nice website components

http://www.bestwebpartners.com/ForSale.php

Nice Image Viewers and definitely not expensive.

Web Technologies: Flex Fast ArrayCollection Search

Web Technologies: Flex Fast ArrayCollection Search: "I was working on Flex today and had to write fast Array Collection Search. here is code sample below: public function searchArrayC..."

Flex Fast ArrayCollection Search

I was working on Flex today and had to write fast Array Collection Search. here is code sample below:

        public function searchArrayCollection(usersCollection:ArrayCollection, sortField:String, searchObj:Object=null):Object
        {
            var foundObject:Object;
            var tempObject:Object;
            var mySort:Sort=new Sort();

            mySort.fields=[new SortField(sortField)];
            usersCollection.sort=mySort;
            usersCollection.refresh();

            var cursor:IViewCursor=usersCollection.createCursor();

            if (searchObj is String)
            { // this is just for string lookups
                tempObject=new Object();
                tempObject[sortField]=searchObj;

                searchObj=tempObject;
            }

            if (cursor.findAny(searchObj))
                foundObject=cursor.current;

            return foundObject;
        }

Web Technologies: Light Box Example

Web Technologies: Light Box Example: "I just implemented this code to one of the customers and want to share my expirience View The example: file: here Download Code here Ple..."

Light Box Example

I just implemented this code to one of the customers and want to share my expirience


View The example: file: here

Download Code here

Please feel free to contact me with any questions or customizations for your website.

Web Technologies: Flex 4 - Rootlegs - Fluorine - C# Solution

Web Technologies: Flex 4 - Rootlegs - Fluorine - C# Solution: "I’m writing this Blog Post to illustrate the simplicity and flexibility of the Robotlegs framework. I think doing the example Robotlegs an..."

Flex 4 - Rootlegs - Fluorine - C# Solution

I’m writing this Blog Post to illustrate the simplicity and flexibility of the Robotlegs framework.
I think doing the example Robotlegs and Flex 4, but to demonstrate the solution I also added C-sharp - Fluorine backend.

To view Flex 4- Robot legs application the UI will not work there because I dont have ASP.NET webserver but you can download both solutions and install it to work together.

Here is link to C-sharp project

Please email me if you have any questions. I will post another blog entry latter on to explain bits and pieces.

David Faynzilberg.

Web Technologies: Passwords Keeper

Web Technologies: Passwords Keeper: "In this day and age when we have tons of different passwords I decided to create a little program to keep all my password in one secure plac..."

Passwords Keeper

In this day and age when we have tons of different passwords I decided to create a little program to keep all my password in one secure place.

Your e-mail accounts, your website's FTP password, online passwords (like member account), etc. etc. etc. The list is endless and you should use different passwords for each account. Because if you use only one password everywhere and someone get this password you have a huge problem and a lot of issues.
The thief - hacker would have access to all your staff, your e-mail accounts, websites, etc.
Unimaginable!!!!!!!!!!!!!!!!!!!!!!!!!!!!

Passwords Keeper is a free password manager, which helps you to manage your passwords in a secure way. I wrote my own encryption and you can put all your passwords in one database, which is locked with one key. So you only have to remember one single master password or select the key file to unlock the whole database. The databases are encrypted using my own encryption that is why the hacker will never will be able to figure out what I did in my code to find my secure encryption algorithms.

I also included backup and restore functionality in case if you want to move the passwords keeper database from one computer to another.

Pleas download and use it. It is completely FREE.

Link to Download: http://www.bestwebpartners.com/passwordsKeeper/PasswordsKeeper.air
You may also need to install Adobe Air Form Adobe Web Site http://get.adobe.com/air/


Enjoy !!!!!!!!!!!!!!!!!!!!!!!

Web Technologies: Horizontal Menu with Subnav w/ CSS & jQuery

Web Technologies: Horizontal Menu with Subnav w/ CSS & jQuery: "Great Menu with sub-menu using jQuery <!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN' 'http://www.w3.org/TR/xhtml1/DTD/xh..."

Web Technologies: Play MOV file in your HTML

Web Technologies: Play MOV file in your HTML: " Someone asked me today how we can play MOV file. Below is the code. Enjoy! <!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transi..."

Play MOV file in your HTML

 Someone asked me today how we can play MOV file. Below is the code.

Enjoy!



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>

<body>

<object classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" codebase="http://www.apple.com/qtactivex/qtplugin.cab" height="256" width="320">

<param name="src" value="http://ia600407.us.archive.org/10/items/gspmovvideotestIMG0021mov/IMG_0021.mov">
<param name="autoplay" value="true">
<param name="type" value="video/quicktime" height="256" width="320">

<embed src="http://ia600407.us.archive.org/10/items/gspmovvideotestIMG0021mov/IMG_0021.mov" height="256" width="320" autoplay="true" type="video/quicktime" pluginspage="http://www.apple.com/quicktime/download/">

</object>
</body>
</html>

Download the code from here:

http://bestwebpartners.com/BlogData/video.html

Web Technologies: Horizontal Menu with Subnav w/ CSS & jQuery

Web Technologies: Horizontal Menu with Subnav w/ CSS & jQuery: "Great Menu with sub-menu using jQuery <!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN' 'http://www.w3.org/TR/xhtml1/DTD/xh..."

Horizontal Menu with Subnav w/ CSS & jQuery

Great Menu with sub-menu using jQuery

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Menu 3</title>
<style type="text/css">
body {
    font: 10px normal Verdana, Arial, Helvetica, sans-serif;
    margin: 0;
    padding: 0;
}
h1 {
    font: 4.7em normal Georgia, 'Times New Roman', Times, serif;
    color: #333;
    margin: 0;
    padding: 5px 0;
}
h1 small {
    font: 0.2em normal Verdana, Arial, Helvetica, sans-serif;
    text-transform:uppercase;
    letter-spacing: 1.5em;
    display: block;
    color: #fff;
}
.container {
    width: 970px;
    margin: 0 auto;
}
ul#topnav {
    margin: 0;
    padding: 0;
    float: left;
    width: 970px;
    list-style: none;
    position: relative;
    font-size: 1.2em;
    background: url(topnav_stretch.gif) repeat-x;
}
ul#topnav li {
    float: left;
    margin: 0;
    padding: 0;
    border-right: 1px solid #555;
}
ul#topnav li a {
    padding: 10px 15px;
    display: block;
    color: #FFFFFF;
    text-decoration: none;
}
ul#topnav li:hover {
    background: #1376c9 url(topnav_active.gif) repeat-x;
    text-decoration:blink;

}
ul#topnav li span {
    float: left;
    padding: 15px 0;
    position: absolute;
    left: 0;
    top:35px;
    display: none;
    width: 970px;
    background: #DDCCCC;
    color: #000000;
    -moz-border-radius-bottomright: 5px;
    -khtml-border-radius-bottomright: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    -khtml-border-radius-bottomleft: 5px;
    -webkit-border-bottom-left-radius: 5px;
}
ul#topnav li:hover span {
    display: block;
    font-weight:bold;
    color: #000000;
}
ul#topnav li span a {
    display: inline;
}
ul#topnav li span a:hover {
    color: #000000;
}
</style>
<script type="text/javascript"
src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
   
$("ul#topnav li").hover(function() { //Hover over event on list item
    $(this).css({ 'background' : '#DDCCCC url(topnav_active.gif) repeat-x'}); //Add background color + image on hovered list item
    $(this).find("span").show(); //Show the subnav
} , function() { //on hover out...
    $(this).css({ 'background' : 'none'}); //Ditch the background
    $(this).find("span").hide(); //Hide the subnav
});

$("ul#topnav li a").hover(function() { //Hover over event on list item
    $(this).css({ 'color' : '#000000' });
} , function() { //on hover out...
    $(this).css({ 'color' : '#f0f0f0' });
});
   
});
</script>
</head>

<body>
<div class="container">
  <h1>Horizontal Menu with Subnav w/ CSS &amp; jQuery</h1>
  <ul id="topnav">
    <li> <a href="#">Home</a></li>
    <li> <a href="#">About</a> <span> <a href="#">The Company</a> | <a href="#">The Team</a> | <a href="#">Careers</a> </span> </li>
    <li> <a href="#">Services</a> <span> <a href="#">What We Do</a> | <a href="#">Our Process</a> | <a href="#">Testimonials</a> </span> </li>
    <li> <a href="#">Portfolio</a> <span> <a href="#">Web Design</a> | <a href="#">Development</a> | <a href="#">Identity</a> | <a href="#">SEO &amp; Internet Marketing</a> | <a href="#">Print Design</a> </span> </li>
    <li><a href="#">Contact</a></li>
  </ul>
</div>
</body>
</html>

Web Technologies: CSS Div, style and Div layout

Web Technologies: CSS Div, style and Div layout: "If you learning HTML and building table is very easy but tables are not as good for search engines as Div Tags are. Div - is a block of HTM..."

CSS Div, style and Div layout

If you learning HTML and building table is very easy but tables are not as good for search engines as Div Tags are.

Div - is a block of HTML and data to be displayed.
Table is created to display mainly TEXT and in fewer cases images also.

DIV is floating type, however Table is Fixed type.

I am really recommending to use Div Tag only!

Below is a little example on creating Main Header div and 3 divs inside:



HTML Code:
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Questions And Answers</title>
<link href="css/aANDq.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div class="TopDiv" id="TopDiv">
  <div class="leftDiv" id="leftDiv">Content for  class "leftDiv" id "leftDiv" Goes Here</div>
  <div class="centerDiv" id="centerDiv">Content for  class "centerDiv" id "centerDiv" Goes Here</div>
  <div class="rightDiv" id="rightDiv">Content for  class "rightDiv" id "rightDiv" Goes Here</div>
</div>
</body>
</html>

And style.aANDq.css - style sheets file


@charset "utf-8";
#TopDiv {
    position:relative;
    border: 1px solid red;
    width:100%;
    height:150px;
    margin:0px auto;
    max-width:1024;
}
#leftDiv, #rightDiv, #centerDiv {
    position: absolute;
    border: 1px solid red;
}
#leftDiv {
    top:10px;
    left: 10px;
    bottom: 10px;
    width:200px;
}
#centerDiv {
    text-align:center;
    left:220px;
    right:220px;
    top:10px;
    bottom: 10px;
}
#rightDiv {
    top:10px;
    right: 10px;
    bottom: 10px;
    width:200px;
}

Web Technologies: Flex 4 usfull plugins

Web Technologies: Flex 4 usfull plugins: "I found and using following plugins into mu Flash Builder 4 1. Ant Build - to be able to write ANT scripts for medium and large projects. T..."

Web Technologies: Flex 4, PHP, MySQL

Web Technologies: Flex 4, PHP, MySQL: "In this blog posting I will show you how to connect Flex to PHP an load MySQL data without writing single line of code. Couple things we ne..."

Web Technologies: Flex Write To File

Web Technologies: Flex Write To File: "Can Flex Write To File? What do You Think? The answer is - YES Below is the Code snippet <?xml version='1.0' encoding='utf-8'?> <s..."

Flex Write To File

Can Flex Write To File?

What do You Think?

The answer is - YES

Below is the Code snippet

<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
               xmlns:s="library://ns.adobe.com/flex/spark"
               xmlns:mx="library://ns.adobe.com/flex/mx"
               minWidth="400"
               minHeight="300">

    <fx:Script>
        <![CDATA[
            protected function button1_clickHandler(event:MouseEvent):void
            {
                var fr:FileReference=new FileReference();
                var xml:String='<level>I am writting XML File out</level>';
                var ba:ByteArray=new ByteArray();
                ba.writeMultiByte(xml, 'utf-8');
                fr.save(ba, "myXML.xml");
            }
        ]]>
    </fx:Script>

    <fx:Declarations>
        <!-- Place non-visual elements (e.g., services, value objects) here -->
    </fx:Declarations>
    <s:Button label="Write Out"
              horizontalCenter="0"
              verticalCenter="0"
              height="30"
              width="100"
              click="button1_clickHandler(event)"/>
</s:Application>

You can Download the code: http://www.bestwebpartners.com/BlogData/WriteToClientDisk.mxml

Flex 4 usfull plugins

I found and using following plugins into mu Flash Builder 4

1. Ant Build - to be able to write ANT scripts for medium and large projects. To compile and release projects.
http://download.eclipse.org/releases/galileo/

2. SVN - to keep track of the version and code
http://subclipse.tigris.org/update_1.6.x

3. Code Flex Formatter to make sure your code always looks the same and it is easy to read by someone else
http://flexformatter.googlecode.com/svn/trunk/FlexFormatter/FlexPrettyPrintCommandUpdateSite/

Flex 4, PHP, MySQL

In this blog posting I will show you how to connect Flex to PHP an load MySQL data without writing single line of code.

Couple things we need to install before we start.

1. Flash Builder - https://www.adobe.com/cfusion/tdrc/index.cfm?product=flash_builder
2. MySQL Database - http://dev.mysql.com/downloads/mysql/5.1.html
3. SQL Youg - MySQL Admin - http://www.webyog.com/en/downloads.php or you can use MySQL Administrator - http://dev.mysql.com/doc/administrator/en/

Lets Start!

Step 1:

Create new database:

• Connect to your database server via SQLyog
• Right click on root@local and create new database
• Name it - test
  
  
  
  
  
  Step 2:
  
  Create table:
• Right Click on test->Tables
• Add Columns to table: id  - int, name, email, clientIP as varchar(40), make id - primary key
  
  or just run the following query in Query Window
  
  CREATE TABLE `subscribers` (
    `id` int(11) NOT NULL AUTO_INCREMENT,
    `name` varchar(50) DEFAULT NULL,
    `email` varchar(50) DEFAULT NULL,
    `clientIP` varchar(30) DEFAULT NULL,
    PRIMARY KEY (`id`)
  )
  
  Step 3:
  
  Add some test data on the table, my data looks like this:
  
  
  
  
  Step 4:
  
  
  
  • Open Flash Builder 4 IDE
  • Create new Flex project
  • Select Application server type - PHP
  • I named my project - Flex_PHP_MySQL
    
  • Switch from Source to Design mode
    
    
    
    
  
  Step 5:
  
  Add label to the application by draging the label from Components panel.
  Add text to label - "Total Count:"
  Add new label next to it - this is our table records counter
  
  Step 6:
  
  Right click on second label and and click on Bind to Data...
  
  Question will popup