Sie sind nicht angemeldet.

Lieber Besucher, herzlich willkommen bei: krpano.com Forum. Falls dies Ihr erster Besuch auf dieser Seite ist, lesen Sie sich bitte die Hilfe durch. Dort wird Ihnen die Bedienung dieser Seite näher erläutert. Darüber hinaus sollten Sie sich registrieren, um alle Funktionen dieser Seite nutzen zu können. Benutzen Sie das Registrierungsformular, um sich zu registrieren oder informieren Sie sich ausführlich über den Registrierungsvorgang. Falls Sie sich bereits zu einem früheren Zeitpunkt registriert haben, können Sie sich hier anmelden.

1

Montag, 28. Januar 2013, 02:16

html5 combobox

I have added the combobox.js file

Quellcode

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

Montag, 28. Januar 2013, 20:57

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

Montag, 28. Januar 2013, 21:03

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

Montag, 28. Januar 2013, 21:05

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

5

Dienstag, 29. Januar 2013, 04:32

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"


Quellcode

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

Dienstag, 29. Januar 2013, 04:44

additionally...

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

7

Dienstag, 5. Februar 2013, 12:24

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