Flash Full Text Search Component

Flash Full Text Search Component

This is a fully customizable Flash Full Text Search Component, built with support for multiple images and texts. Everything is customizable in the XML files, including the images, the texts, the colors, the sizes and much more.

This Flash Full Text Search Component contains a handful of features and settings.It is easy to use the search in your Flash projects or as an independent Flash Search Components on your html based website. If you want to use the search in Flash file, importing it , is as moving some actionscript files around, and dragging the movieclip containing the component in your Flash file.

Features

This search component contains a handful of features and settings.
- Customize search playlist through the XML file.
- Add unlimited images/texts.
- Customizable colors from the XML file.
- Size of images customizable from the XML file.
- Auto scrolling

It is easy to use the search in your Flash projects or as an independent Flash Search Component on your html based website. If you want to use the search in a Flash file, importing it , is as moving some actionscript files around, and dragging the movieclip containing the component in your Flash file.

Skinning

Skinning is very simple as well. To edit the file you don't need any Flash experience, as all the settings are loaded from an external XML file, which you can edit with any text editor. You can change the colors of the elements, the speed of the effects, the size of the images, the size of search component and much more.

As an example, you can set the itemHeight from the XML file and the search component will automatically resize depending on the no of image items.
The playlist is also loaded from an external XML file, so you can add unlimited images and texts. The user can quickly change the icon color, the list that contains the images.

Coding style

The code is very well commented, written following the best OOP practices, and the downloaded file comes with all the assets used to create the Flash Full Text Search Component such as the fonts, the PSD source files, and the Flash source files.

 

northener

on 8/7/10

 

Hi there,
I like the project very much.It works great partly.But when I load it into my flash project AS2, it is loaded in my flash project but cant load the xml files and no text and picture are shown.Just preloaders and main outline appear.
Is it as2-as3 problem?

Many thanks

 

Marius-Cristian Donea

on 11/7/10

Hello,
You can't use an AS3 component in an AS2 project,

 

northener

on 9/7/10

 

could you support me as2 version of the file please?

rgds

 

Marius-Cristian Donea

on 11/7/10

Sorry, we don't have the AS2 version.

 

curtis Marshall

on 10/7/10

 

I have a big problem. Why is it that my toolbar at the bottom of my website doesn't scroll over the rest of your flash components but does scroll over this search component just fine. I need to know the difference because i need to apply it to the rest of the components.
The following website is where the issue is.
www.hiphopconnect.net/music

 

Marius-Cristian Donea

on 12/7/10

Sorry, I can't see the component on your site. Can you please confirm that the link is correct? Thanks

 

paul wags

on 12/7/10

 

Hi Guys
Great app, well done.

When searching it does not work if the words are out of order. Words have to be together it seems.

Can this be modified ?

Cheers
Paul

 

Marius-Cristian Donea

on 13/7/10

Yes the search script can be modified, but currently the component doesn't look for mixed words.

 

curtis Marshall

on 12/7/10

 

thats google.

Here's the link though. http://www.hiphopconnect.net/music.htm...

 

Marius-Cristian Donea

on 13/7/10

I hope my email answered your question.

 

paul wags

on 13/7/10

 

Cheers for that. I went and had a look.
Its a very cool script indeed but for that one thing.
So it can be coded to handle mixed words.

I am going with a PHP-database one now that can handle words typed in any order.

 

northener

on 14/7/10

 

I can pay 10 usd for as2 version.

 

Marius-Cristian Donea

on 14/7/10

We are sorry but we have stopped developing AS2 components.

 

northener

on 28/7/10

 

Hi,

How can I avoid the links on the thumbnails?

rgds

Northener

 

Marius-Cristian Donea

on 29/7/10

Hi,
Open source\com\vuzum\search\List.as on comment lines 283 and 284.

                
mc.buttonMode = true;			
mc.addEventListener(MouseEvent.MOUSE_UP, imageRelease);
                

 

cascabelin

on 4/8/10

 

Hi, I am having troubles seeing the swf in the index.html? The swf works fine. But when I open the index.html it doesn´t show the data. Someone that can help me please?

 

Marius-Cristian Donea

on 4/8/10

Can you provide a link? Thank you

 

cascabelin

on 4/8/10

i didn`t upload it to a webspace. I am just working local. I downloaded the zip file from here. Open the swf (it works) and then tried to open the index.html....

 

Marius-Cristian Donea

on 5/8/10

Hi,
I just downloaded the component and, opened index.html and it worked. Try to download it again.

 

cascabelin

on 5/8/10

thanks, i did it and it works fine. Thanks:)

 

info2senthil

on 13/8/10

 

Hi, Thanks for great plug-in - It saves time and easy to implement

issue:
trying to get anchor tag link - Pointing to a specific title in my result page
For eg. link="search-result-pg5.htm#JR211" target = "_self"

Can u guide me on this.

 

Andrei Potorac

on 18/8/10

Not sure what you mean. Please provide more details.

2221201918...1

Post a comment

Please login to join the discussions. Don't have an account? Register (it takes 30 seconds)

There are currently no frequent asked questions. As soon as we receive your feedback, we'll update this section permanently.

There are no video tutorials for this flash component yet.

There is currently no current change log for this flash component.

Flash Full Text Search Component - tips and tricks

This is a fully customizable Flash Full Text Search Component, built with support for multiple images and texts. Everything is customizable in the XML files, including the images, the texts, the colors, the sizes and much more.

This Flash Full Text Search Component contains a handful of features and settings.It is easy to use the search in your Flash projects or as an independent Flash Search Components on your html based website. If you want to use the search in Flash file, importing it , is as moving some actionscript files around, and dragging the movieclip containing the component in your Flash file.

Please check our general video tutorial to se how this is done. Please make sure you check the details page, the video tutorials tab, in this product details page – select the product in the archive, on Flabell.

Skinning is very simple as well. To edit the file you don't need any Flash experience, as all the settings are loaded from an external XML file, which you can edit with any text editor. You can change the colors of the elements, the speed of the effects, the size of the images, the size of search component and much more.

As an example, you can set the itemHeight from the XML file and the search component will automatically resize depending on the no of image items.

The playlist is also loaded from an external XML file, so you can add unlimited images and texts.

The user can quickly change the icon color, the list that contains the images.

The code is very well commented, written following the best OOP practices, and the downloaded file comes with all the assets used to create the Flash Full Text Search Component such as the fonts, the PSD source files, and the Flash source files.

Features:

Customize search playlist through the XML file.
Add unlimited images/texts.
Customizable colors from the XML file.
Size of images customizable from the XML file.
Auto scrolling.

Folder structure:

Please navigate to the deploy folder, inside project folder. This folder contains all the files you need to upload to your server to have the Full Text Search Component  work.
search/xml/settings.xml - This is where you make all changes to the look and feel of your search component.
search/xml/content.xml - This is where you make all changes to the playlist images and  texts, as well as add new images/texts.

js/swfobject.js Deconcept SWFObject is a small JavaScript file used for embedding Adobe Flash content. The script can detect the Flash plug-in in all major web browsers (on Mac and PC) and is designed to make embedding Flash movies as easy as possible.
js/expressInstall.swf SWFObject has full support for the Adobe Flash Player Express Install feature. Using expressinstall, your users never have to leave your site to upgrade their Flash Player.
content/images Put your images into this folder. You can choose another folder name in your XML settings file.
preview.swf This is the Flash Full Search Text Component file which is embedded in your website.
index.html HTML document used to embed the swf file. Please check the source code to see how the variables are passed to the swf file.

settings.xml structure:

Below you can see what each of the attributes in the XML file means.

1.    <background color="0xEEEFEF" contentMargin="15"/>
Sets the main background color of the search component and the width of the margin.

2.    <search backgroundHeight="50" backgroundColor="0x000000"
            textBackgroundHeight="30" textBackgroundColor="0xffffff"
            titleColor="0xffffff" titleFontSize="20"
            textColor="0x333333" textFontSize="14"
            iconBackgroundColor="0xAC2332" iconColor="0xffffff" deleteBackgroundColor="0xB0B2B5"><![CDATA[SEARCH:]]></search>
Sets the search background height, the background color, the text background height, text background color, the title color, the title font size, the search text color, the text font size, the icon background color, the icon color and the last, the title text inside the node value.

3.    <list     itemHeight="80"
            distanceBetweenItems="10"
            visibleTextCharacters="100"
            itemStrokeColor="0xE1E2E3" itemFillColor="0xffffff"
            itemTitleColor="0x000000" itemTitleFontSize="18"
            itemTextColor="0x666666" itemTextFontSize="12"
            itemButtonBackgroundColor="0xAC2332" itemButtonBackgroundOverColor = "0xdddddd" itemButtonTextColor="0xffffff" itemButtonOverTextColor="0x000000" itemButtonTextFontSize="12"
            itemImageWidth="90" itemImageHeight="60"/>
Sets the item height, the distance between list items, maximum number of characters in the item info, item stroke color, item fill color, item title color, item title font size, item text color, item text font size, item button background color, item button background over color, item button text color, item button text over color, item button text font size, item image width, item image height.

4.  <scroll backgroundWidth="16"
            backgroundColor="0x000000"
            offset="5"
            scrollerColor="0xffffff"/>
Sets the scrollbar background width, the background color, the scrub offset(margin around scrub) and the scrub color.

content.xml structure:

This xml contains the search data. It has a number of item nodes like the next one:

<item image="content/images/1.jpg" title="Title one" buttonText="more" link="http://www.flabell.com">
<info>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</info>
</item>

Every item node has three attributes: image path, title, buttonText and link.

<item image="content/images/1.jpg" title="Title one" buttonText="more" link="http://www.flabell.com">

Also, every album node contains another sub node, which represent the text of the search.

<info>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</info>

Flashvars:

In the html file you can set some variables for the component like: dimensions (width and height), the path to the files if you choose to put them in another location rather than the same folder, the images dimensions (width and height), the xml settings file path and of course, the component xml file path.                        
 

flashvars.stageW = stageW;
flashvars.stageH = stageH;
          
flashvars.pathToFiles = "search/";

flashvars.xmlSettingsPath = "xml/settings.xml";
flashvars.xmlContentPath = "xml/content.xml";