News Examples Documentation Download Buy Forum Contact

Fuzzy Search Plugin for Krpano & Panotour Pro
by light_line - vr.developer786@gmail.com
Version 1.10

Description

  • Fuzzy/Intelligent search plugin.
  • This plugin searches in a list and finds the best result even when the user spells words incorrectly.
  • Fully customizable.
  • Works only in HTML5 and krpano (version min. 1.19 pr16).
  • Panotour Pro plugin is included.

Features

  • The list of scenes can be generated automatically by this plugin (no programming required).
  • It shows list items in grouped view.
  • Fully customizable with 3 different styles.
  • Style customizable with CSS power.
  • Right to left languages are supported.

Buy / Order the plugin

NOTE - this is a commercial plugin - to use it - it must be purchased.

You can purchase this plugin through the link below.
Updates for this plugin are free!


The plugin download link will be provided within one day
(usually less than 6 hours)
39 € fixed price


More plugins by this developer

Syntax / XML Usage Example

<plugin name="fuzzysearch" 
        url="plugins/fuzzysearch.js" 
        keep="true"
        devices="html5"
        align.normal="topright"
        align.mobile="topcenter"
        x.normal="10"
        x.mobile="0"
        y.normal="10"
        y.mobile="20"
        width.normal="30%"
        width.mobile="90%"
        parent=""
        include_jquery="true" 
        auto_generate_scenes_list="true" 
        group_scenes="true" 
        theme="default" 
        font_size="13" 
        font_name="Roboto,sans-serif,tahoma"
        textcolor="0x000000"
        bgcolor="0xffffff"
        bgalpha="1"
        bordercolor="0xaaaaaa"
        borderalpha="1"
        selected_item_textcolor="0x000000"
        selected_item_bgcolor="0xf2f2f2"
        selected_item_bgalpha="1"
        button_bgcolor="0xed143d"
        button_bgalpha="1"
        button_textcolor="0xffffff"
        categorybgcolor="0xeeeeee"
        categorybgalpha="1"
        categorytextcolor="0xaaaaaa"
        maxheight="200px"
        text_direction="ltr" 
        placeholder="Select a scene"
        onInitialized=""
        />

Plugin Attributes

Attribute nameTypeDefault value
include_jqueryBoolean"true"
  • JQuery* library is a requirement for this plugin, but if it has already been included in your HTML page, you have to set this attribute to "False".
    If it is included, set this attribute to "False", otherwise set it to "true". If you are not sure about it, just use "true".
  • Does the plugin add JQuery to the HTML page?
    • true (default) - add JQuery library.
    • false - do not add JQuery library.

  • * JQuery is an open source and free javascript library which is released under the terms of the MIT license.
Attribute nameTypeDefault value
auto_generate_scenes_listBoolean"true"
  • Add all scenes to the searchbox automatically?
    • true (default) - generate a list of scenes automatically.
    • false - do not generate a list of scenes automatically. This way, you can add your custom items to the searchbox manually.
Attribute nameTypeDefault value
group_scenesBoolean"true"
  • The fuzzy search plugin can group similar scenes together.
    for this purpose, you have to add "combobox_group" attribute to each scene in the xml file.
    as a result, fuzzy search plugin will group all scenes with the same "combobox_group" attribute together.

    Show the list of scenes in grouped view or not?
    • true (default) - group the items
    • false - do not group the items.

Preview
Examples
<scene ... combobox_group="...">
    <view ... />
    ...
</scene>

<scene name="scene_01" title="Scene 01" onstart="" thumburl="panos/01.tiles/thumb.jpg" lat="" lng="" heading="" combobox_group="Group lable 1" >

	<view hlookat="0.0" vlookat="0.0" fovtype="MFOV" fov="120" maxpixelzoom="2.0" fovmin="70" fovmax="140" limitview="auto" />

	<preview url="panos/01.tiles/preview.jpg" />

	<image type="CUBE" multires="true" tilesize="512">
		<level tiledimagewidth="1024" tiledimageheight="1024">
			<cube url="panos/01.tiles/%s/l1/%v/l1_%s_%v_%h.jpg" />
		</level>
	</image>
</scene>

<scene name="scene_02" title="Scene 02" onstart="" thumburl="panos/02.tiles/thumb.jpg" lat="" lng="" heading="" combobox_group="Group lable 2">

	<view hlookat="0.0" vlookat="0.0" fovtype="MFOV" fov="120" maxpixelzoom="2.0" fovmin="70" fovmax="140" limitview="auto" />

	<preview url="panos/02.tiles/preview.jpg" />

	<image type="CUBE" multires="true" tilesize="512">
		<level tiledimagewidth="1024" tiledimageheight="1024">
			<cube url="panos/02.tiles/%s/l1/%v/l1_%s_%v_%h.jpg" />
		</level>
	</image>

</scene>

<scene name="scene_03" title="Scene 03" onstart="" thumburl="panos/03.tiles/thumb.jpg" lat="" lng="" heading="" combobox_group="Group lable 1">

	<view hlookat="0.0" vlookat="0.0" fovtype="MFOV" fov="120" maxpixelzoom="2.0" fovmin="70" fovmax="140" limitview="auto" />

	<preview url="panos/03.tiles/preview.jpg" />

	<image type="CUBE" multires="true" tilesize="512">
		<level tiledimagewidth="1024" tiledimageheight="1024">
			<cube url="panos/03.tiles/%s/l1/%v/l1_%s_%v_%h.jpg" />
		</level>
	</image>

</scene>

<scene name="scene_04" title="Scene 04" onstart="" thumburl="panos/04.tiles/thumb.jpg" lat="" lng="" heading=""  combobox_group="">

	<view hlookat="0.0" vlookat="0.0" fovtype="MFOV" fov="120" maxpixelzoom="2.0" fovmin="70" fovmax="140" limitview="auto" />

	<preview url="panos/04.tiles/preview.jpg" />

	<image type="CUBE" multires="true" tilesize="512">
		<level tiledimagewidth="1024" tiledimageheight="1024">
			<cube url="panos/04.tiles/%s/l1/%v/l1_%s_%v_%h.jpg" />
		</level>
	</image>

</scene>
Attribute nameTypeDefault value
themeString"default"
Attribute nameTypeDefault value
font_sizeinteger"13"
  • font size of searchbox plugin
Attribute nameTypeDefault value
font_nameString"Roboto,sans-serif"
  • font name of searchbox plugin.
Attribute nameTypeDefault value
maxheightString"200px"
  • maximum height of the plugin when it is open.
    • maxheight="400px"
    • maxheight="80%"
Attribute nameTypeDefault value
text_directionString"ltr"
  • ltr (default) - for left to right languages.
  • rtl - for right to left languages.
Attribute nameTypeDefault value
placeholderString
  • when no item is selected this text is displayed
Attribute nameTypeDefault value
onInitializedAction Event
  • This event will be called when plugin is initialized.
  • Could be used to add items manually.

Plugin Actions

Action name
addItem(name, onclick, group_lable*)
  • Add a new item with the given title, onclick, and group lable(optional) to the searchbox.
Examples
plugin[fuzzysearch].addItem('test 1',trace(item 1 is clicked););
plugin[fuzzysearch].addItem('test 2',trace(item 2 is clicked);,group1);
plugin[fuzzysearch].addItem('test 3',trace(item 3 is clicked);,group2);
Action name
removeItemByCaption(name)
  • Remove an item by its caption.
Examples
plugin[fuzzysearch].removeItemByCaption(ItemCaption);
Action name
removeAll()
  • Remove all items from the searchbox.
Examples
plugin[fuzzysearch].removeAll();
Action name
focus()
  • Focus on the searchbox.
Examples
plugin[fuzzysearch].focus();
Action name
close()
  • Close the searchbox.
Examples
plugin[fuzzysearch].close();

Example with classic style

CLICK TO VIEW EXAMPLE

Example with first style

CLICK TO VIEW EXAMPLE

Example with second style

CLICK TO VIEW EXAMPLE

License

This plugin is offered as a commercial plugin. It is provided "As Is" without warranty of any kind, either express or implied, including any warranty of quality, merchantability, or fitness for a particular purpose. In no event will the author of the plugin be liable for loss of data, costs of procurement of substitute goods or services or any special, consequential or incidental damages, under any cause of action and regardless of whether or not the plugin author have been advised of the possibility of such damage. This limitation will apply notwithstanding any failure of essential purpose of any limited remedy provided herein. In any event the plugin author will have no liability arising out of this agreement.