Tutorial: Javascript Filter Search

Special forum to share and discuss skins for Pano2VR and Object2VR
Post Reply
User avatar
Posts: 788
Joined: Mon Feb 15, 2010 6:54 am
Location: Adelaide, South Australia

Tutorial: Javascript Filter Search

Post by Tony » Tue Mar 26, 2019 1:33 pm


In response to this post, viewtopic.php?f=6&t=13585, by Dizzz asking if he could create a search field, to find specific nodes in a large (300 node) project I've created this "Little Bits" tutorial.

The tutorial show you how to add JavaScript Filter Search to a virtual tour. You would use the search in a situation where you may have a large number of nodes and a scrolling list would be impractical and time consuming to search through.

Here's the finished project https://s3-ap-southeast-2.amazonaws.com ... index.html

In this tutorial we modify a basic p2vr project tour by;
  • Adding Custom Node ID’s to each node
  • Enabling Direct Node Access
and modifying the skin by:
  • Adding a global variable
  • Creating the Filter Search skin elements
  • Modifying a JavaScript Search Filter to work within a Pano2VR project
You can check it out here https://tonyredhead.com/pano2vr-little- ... ter-search

Once again feedback and comments welcomed.


Tony Redhead | Panoramic Photographer | mobile: +61438501002 | website: http://tonyredhead.com - http://redsquare.com | roundme: http://round.me/@tonyredhead | instagram: https://www.instagram.com/tonyredhead/

Post Reply

Who is online

Users browsing this forum: No registered users and 4 guests