How do I reference a sub-page of a Visio-generated Web page?

Visio doesn't let you do what you want to directly, but by modifying one line of the javascript code it creates you can -- and it works quite nicely!

One important thing to know first: when you save as web page, Visio creates a file I'll call the "index file" -- it's the pointer to the rest of the web page pieces. It has the same name as your Visio drawing with a .htm file extension. Visio also creates a subfolder that contains the rest of the web pieces -- html files, images, javascript files and more.

If your drawing is fred.vsd, then the index file is fred.htm and the subfolder is fred_files. By default, both are saved in the same directory as your Visio drawing.

To do what you want to do, open the index file in Notepad or a web page editor and look for this line:
   var g_CurPageIndex = 0;
replace it with the code shown below and save the file.

Now you can open any page by using a URL of the form
   http://<index page URL>?<page number>
For example, to load page 3 of fred.htm, use this
   http://fred.htm?3

Note that you'll need a full URL to point to your index page, not just the file name. On a web server it might look like
   http://www.mysite.com/fred.htm?3

var args = location.search.substr(1).split("?");
// show first page if called with no argument or if value of argument 
// is greater than the number of pages
if ( args < 1  || args > g_FileList.length )
   var g_CurPageIndex = 0;
else
   var g_CurPageIndex = args - 1;      // subtract 1; page list is zero relative

Select all Open in new window