You are not logged in.

Dear visitor, welcome to krpano.com Forum. If this is your first visit here, please read the Help. It explains in detail how this page works. To use all features of this page, you should consider registering. Please use the registration form, to register here or read more information about the registration process. If you are already registered, please login here.

1

Monday, January 28th 2013, 2:16am

html5 combobox

I have added the combobox.js file

Source code

1
    <plugin name="combobox" url="OCEANFRONTdata/graphics/combobox.swf" alturl="combobox.js" keep="true" align="left bottom" x="5" y="5"/>



However, nothing displays in it! I added the combobox.png file to same directory as combobox.swf. Is it required? The box seems to display when it isnt included...

Please help! And many thanks!

2

Monday, January 28th 2013, 8:57pm

Hi,

the combobox.png is not required, it is only a base-image for optionally creating custom combobox graphics.

About your code - is the path/url correct? e.g. any loading errors?

Best regards,
Klaus

3

Monday, January 28th 2013, 9:03pm

HI Klaus

Thanks for your response!

The url is correct, I get a small box appearing, probably 20x20px with a blue border, but nothing in it!
*confused*

4

Monday, January 28th 2013, 9:05pm

Is your combobox empty? (in your code there are no items defined...)

5

Tuesday, January 29th 2013, 4:32am

combobox.js ?

I dont know how, but I am getting the surround box displayed constantly, but nothing displays in it...

I guess I am completely missing something but i dont know what? I am testing in Safari by turning off plugins or simulating device through "develop"


Source code

1
2
3
4
5
6
7
<krpano version="1.0.8" logkey="false">    <!--************** KrPano plugins and datas ***************************************************-->    <plugin name="data" keep="true"/>    <!--************** Open the first pano ********************************************************-->    <include url="OCEANFRONT64.xml"/>	<!--************** little planet intro ********************************************************--><view stereographic="true"		  fisheye="1.0"		  fov="150"		  fovmax="150"		  hlookat="0"		  vlookat="90"		  />		  		  	<events onloadcomplete="delayedcall(1.0, normalview());" />
		  		  <action name="normalview">		tween(view.hlookat, 180, 1.5, easeInOutQuad );		tween(view.vlookat, 0,   1.5, easeInOutQuad );		tween(view.fov,     100, 1.5, easeInOutQuad );		tween(view.fisheye, 0.0, 1.5, easeInOutQuad, WAIT);			</action>		    <!--************** Fonts **********************************************************************-->    <textstyle name="DEFAULT" alpha="1" bold="false" font="Arial" fontsize="16" italic="false" textcolor="0xff000000"/>    <!--************** Menu ***********************************************************************-->    <display fps="60" details="14" tessmode="auto" movequality="LOW" stillquality="HIGHSHARP" movequality10="HIGH" stillquality10="HIGH" stilltime="0.25"/>		<contextmenu fullscreen="true"><item name="n0" enabled="true" visible="true" separator="false" caption="KRPANO" onclick=""/><item name="n2" enabled="true" visible="true" separator="false" caption="About The Photographer" onclick="openurl(http://www.jobsitevisions.com);"/><item name="n5" enabled="true" visible="true" separator="true" caption="normal view" onclick="action(view_normal);"/><item name="n6" enabled="true" visible="true" separator="false" caption="fisheye view" onclick="action(view_fisheye);"/><item name="n7" enabled="true" visible="true" separator="false" caption="architectural view" onclick="action(view_architectural);"/><item name="n8" enabled="true" visible="true" separator="false" caption="stereographic view" onclick="action(view_stereographic);"/><item name="n9" enabled="true" visible="true" separator="false" caption="pannini view" onclick="action(view_pannini);"/><item name="n10" enabled="true" visible="true" separator="false" caption="little planet view" onclick="action(view_littleplanet);"/></contextmenu>
<action name="view_normal">tween(view.fovmax, 150.0, distance(179, 1.00), easeoutquad); tween(view.architectural, 0.0, distance(1.0, 0.45), easeoutquad); tween(view.fisheye, 0.0, distance(1.0, 0.45), easeoutquad, set(view.stereographic,false); set(view.pannini,false); set(display.flash10,on); );</action><action name="view_fisheye">set(display.flash10,off); tween(view.architectural, 0.0, distance(1.0, 0.30), easeoutquad); tween(view.fisheye, 0.0 ,distance(1.0, 0.30), easeoutquad, set(view.stereographic,false); set(view.pannini,false); set(view.fovmax,179); tween(view.fisheye, 0.35, distance(1.0,1.25)); );</action><action name="view_architectural">tween(view.fovmax, 150.0, distance(179, 1.00), easeoutquad); tween(view.architectural, 1.0, distance(1.0, 0.45), easeoutquad); tween(view.fisheye, 0.0, distance(1.0, 0.45), easeoutquad, set(view.stereographic,false);set(view.pannini,false);set(display.flash10,on); );</action><action name="view_stereographic">set(display.flash10,off); tween(view.architectural, 0.0, 0.25); set(backtonormalfirst,false); if(view.pannini == true, set(backtonormalfirst,true) ); if(view.stereographic == false, set(backtonormalfirst,true) ); if(backtonormalfirst, tween(view.fisheye, 0.0 ,distance(1.0, 0.25), easeoutquad, WAIT); ); set(view.pannini, false); set(view.stereographic, true); set(view.fovmax, 150); tween(view.fisheye, 1.0, distance(1.0, 0.75), easeoutquad);</action><action name="view_pannini">set(display.flash10,off); tween(view.architectural, 0.0, 0.25); set(backtonormalfirst,false); if(view.pannini == false, set(backtonormalfirst,true) ); if(view.stereographic == false, set(backtonormalfirst,true) ); if(backtonormalfirst, tween(view.fisheye, 0.0 ,distance(1.0, 0.25), easeoutquad, WAIT); ); set(view.pannini, true); set(view.stereographic, true); set(view.fovmax, 150); tween(view.fisheye, 1.0, distance(1.0, 0.75), easeoutquad);</action><action name="view_littleplanet">set(display.flash10,off); tween(view.architectural, 0.0, 0.25); tween(view.vlookat, 90, distance(179, 1.50), easeoutquad); set(backtonormalfirst,false); if(view.pannini == true, set(backtonormalfirst,true) ); if(view.stereographic == false, set(backtonormalfirst,true) ); if(backtonormalfirst, tween(view.fisheye, 0.0 ,distance(1.0, 0.25), easeoutquad, WAIT); ); set(view.pannini, false); set(view.stereographic, true); set(view.fovmax, 150); tween(view.fisheye, 1.0, distance(1.0, 0.75), easeoutquad); tween(view.fov, 150, distance(179, 0.75), easeoutquad);</action>

<plugin name="gyro" devices="html5"        url="gyro.js"         keep="true"        enabled="true"        camroll="true"        friction="0.5"        velastic="0.2"        vrelative="false"        onavailable=""        />
    		<!--************** Menu ***********************************************************************-->    <plugin name="blackbarbottom" align="bottomleft" handcursor="false" keep="true"  url="OCEANFRONTdata/graphics/menu/blackbar.png" x="0" y="0"/>	<plugin name="blackbartop" align="topleft" handcursor="false" keep="true"  url="OCEANFRONTdata/graphics/menu/blackbar.png" x="0" y="-2"/>	<plugin name="logo1" align="bottomright" handcursor="false" keep="true" onclick="openurl(http://www.jobsitevisions.com,_blank)" onout="set(blendmode,normal);" onover="set(blendmode,add);" url="OCEANFRONTdata/graphics/menu/jobsitelogo.png" x="0" y="1"/>	<plugin name="dejagerlogo" align="topleft" handcursor="false" keep="true" onclick="openurl(http://www.dejagerdesigninc.com,_blank)" onout="set(blendmode,normal);" onover="set(blendmode,add);" url="OCEANFRONTdata/graphics/menu/dejagerlogo.png" x="1" y="1"/>    <plugin name="in" align="bottomleftleft" keep="true" ondown="set(movevectorz,-1);" onout="set(blendmode,normal);" onover="set(blendmode,add);" onup="set(movevectorz,0);" url="OCEANFRONTdata/graphics/menu/magplus.png" x="110" y="5"/>    <plugin name="out" align="bottomleftleft" keep="true" ondown="set(movevectorz,+1);" onout="set(blendmode,normal);" onover="set(blendmode,add);" onup="set(movevectorz,0);" url="OCEANFRONTdata/graphics/menu/magminus.png" x="60" y="5"/>    <plugin name="openfs" align="bottomleft" keep="true" onclick="set(fullscreen,true);" onout="set(blendmode,normal);" onover="set(blendmode,add);" url="OCEANFRONTdata/graphics/menu/fullscreen.png" x="15" y="5"/>    <plugin name="closefs" align="bottomleft" keep="true" onclick="set(fullscreen,false);" onout="set(blendmode,normal);" onover="set(blendmode,add);" url="OCEANFRONTdata/graphics/menu/fullscreen.png" visible="false" x="15" y="5"/>    <events onenterfullscreen="set(plugin[openfs].visible,false); set(plugin[closefs].visible,true);" onexitfullscreen="set(plugin[openfs].visible,true); set(plugin[closefs].visible,false);"/>	<plugin name="introimage" align="topleft" onclick="hideintroimage();" url="OCEANFRONTdata/graphics/menu/menu5.png" x="0" y="200"/>    <action name="hideintroimage">if(plugin[introimage].enabled,	set(plugin[introimage].enabled,false);tween(plugin[introimage].alpha, 0.0, 0.5, default, removeplugin(introimage));	  );</action>			   
    <!--************** Pano list ******************************************************************-->    <plugin name="combobox" url="OCEANFRONTdata/graphics/combobox.swf" alturl="combobox.js" width="300" keep="true" align="leftbottom" x="160" y="5"/>    <action name="combobox:BASEMENT ACCESS WELL">loadpano(OCEANFRONT10.xml,NULL,NULL,BLEND(1));</action>    <action name="combobox:BASEMENT ACCESS WELL SHOWER">loadpano(OCEANFRONT11.xml,NULL,NULL,BLEND(1));</action>    <action name="combobox:BASEMENT BED 3">loadpano(OCEANFRONT2.xml,NULL,NULL,BLEND(1));</action>    <action name="combobox:BASEMENT BED 3 BATH">loadpano(OCEANFRONT1.xml,NULL,NULL,BLEND(1));</action>    <action name="combobox:BASEMENT BED 3 WC-1">loadpano(OCEANFRONT0.xml,NULL,NULL,BLEND(1));</action>    <action name="combobox:BASEMENT BED 3B">loadpano(OCEANFRONT3.xml,NULL,NULL,BLEND(1));</action>    <action name="combobox:BASEMENT BED 3C">loadpano(OCEANFRONT4.xml,NULL,NULL,BLEND(1));</action>    <action name="combobox:BASEMENT BONUS ROOM AV">loadpano(OCEANFRONT17.xml,NULL,NULL,BLEND(1));

6

Tuesday, January 29th 2013, 4:44am

additionally...

when the combobox is clicked, a small blue square with the box is displayed above the main combo box which is empty...

7

Tuesday, February 5th 2013, 12:24pm

Hi,

your combobox is empty!

The old combobox usage, where the items will be filled automatically with actions that are named 'combobox:' was officially not supported and documented anymore for a long time! (That old way had problems with the case of the item texts, because names were internally always stored in lower-case).

And therefore in the HTML5 version of the combobox plugin, this old and outdated methods was not supported.
Try to use the methods (e.g. addIdItem) from the plugin documentation:
http://krpano.com/plugins/combobox/#top

Best regards,
Klaus