Scroll Area

Schüler

Mittwoch, 10. April 2013, 09:49

Hello I am using the latest krpano 1.6.1 and I have a scroll area with a floor plan.
It is working fine except when I try to spin the radars on the floor plan, the plan image move. I understand it moves because it's in a scroll area but is there a way to avoid the move when I am moving the radars?

Thank you

Zum Seitenanfang

thevtman

Schüler

Beiträge: 75

2

Donnerstag, 11. April 2013, 17:42

I am thinking that my question was not clear enough or it seems silly and I should know what to do if I knew krpano well enough.
I do not know krpano well enough so I really need some help on this one.
Here is the link
http://windsorvirtualtours.com/ciociaro_demo/

Click the "Floor Plan" tab to the middle left.
Try to move the radar. When I move the radar the floor plan moves.
I want to still keep the floor plan scrollable but I do not want it to move when I move the radar.

Even if someone can Private Message me with a cost to get it done.

Thank you

Zum Seitenanfang

klaus.krpano

Administrator

Beiträge: 13 499

3

Donnerstag, 11. April 2013, 18:15

Hi,

the question wasn't silly, but I think this requires some plugin internal changes to get fixed...

A workaround might disabling the scrollarea dragging when the mouse comes over the radar,
e.g.

	Quellcode
1 2 3 4 5	<layer name="radar" ... onover="set(layer[scrollarea].draggable,false);" onout="set(layer[scrollarea].draggable,true);" />

and for touch devices maybe additionally disable the radar dragging completely,
e.g.

	Quellcode
1	<layer name="radar" enabled="false" devices="touchdevice" />

Best regards,
Klaus

Zum Seitenanfang

thevtman

Schüler

Beiträge: 75

4

Donnerstag, 11. April 2013, 18:33

Klaus , that was perfect (Issue Solved)

THANK YOU, THANK YOU, THANK YOU

I appreciate your help very much.

As time progresses, I will learn this script well enough to give back to this forum just as others have given me help.

Thanks again.

Zum Seitenanfang

gongdeming

Anfänger

Beiträge: 21

Wohnort: WuHan HuBei China

Beruf: Krpano developer

5

Montag, 22. Juli 2013, 08:43

touch devices solutions

Hi,
touch devices solutions

Quellcode

<layer name="map_container" type="container" >
	<layer name="map_scrollarea" alturl="plugins/scrollarea.js" onscroll="map_onscroll">
		<layer name="map_image" url="map.jpg" >
	</layer>
	
	<layer name="spot_radar_container" type="container" bgcapture="false" bgalpha="0" >
		<layer name="radar" ...>
		<layer name="spot1" ...>
		<layer name="spot2" ...>
		<layer name="spot3" ...>
	</layer>

</layer>

<action name="map_onscroll">
	set(layer[spot_radar_container].x,get(layer[map_scrollarea].x) );
	set(layer[spot_radar_container].y,get(layer[map_scrollarea].y) );
</action>

Dieser Beitrag wurde bereits 2 mal editiert, zuletzt von »gongdeming« (22. Juli 2013, 09:03)

Zum Seitenanfang

PanLUX

Anfänger

Beiträge: 26

Wohnort: Zagreb, Croatia

6

Sonntag, 26. Oktober 2014, 10:08

scrollarea.draggable not work in HTML5

Hi everyone!

This is my first post here and sorry for my bad English.

Can someone explain to me why this does not work in HTML5 (line 40 in source code) but works fine in a flash.

Here is the source code:

Quellcode

...
<layer name="mapconteiner" type="container" align="left" width="30%" height="100%" x="0" y="0" keep="true"
     active="true" zorder="80" bgcolor="0x000000" bgalpha="0.0" >
     <layer name="scrollarea" url="%SWFPATH%/plugins/scrollarea.swf" alturl="%SWFPATH%/plugins/scrollarea.js" align="center"
          width="2192" height="1928" direction="all" zorder="85" onloaded="setcenter(800, 600);" overscroll="0.0" >
          <layer name="map" url="%SWFPATH%/plugins/map.jpg" align="lefttop" zorder="81" >
                     <plugin name="radar" url="%SWFPATH%/plugins/radar.swf" alturl="%SWFPATH%/plugins/radar.js"
                           parent="map" style="radar-style"	 x="800" y="600"	
                           onover="set(layer[scrollarea].draggable, false);" onout="set(layer[scrollarea].draggable, true);" />
          </layer>
     </layer>
</layer>
...

and here is an example: www.zg360.com/scrollmap/

If selected HTML5 viewer sometimes you can not scroll the map, and sometimes you can not rotate the radar. With Flash viewer everything works well.

Thanks!

--
Foto klub PanLUX
Facebook

Zum Seitenanfang

martyhr

Fortgeschrittener

Beiträge: 387

Wohnort: CZ

7

Sonntag, 26. Oktober 2014, 23:53

For me it is working fine - in Flash and in HTML5 as well.
Tested in Seamonkey 2.30 .

Zum Seitenanfang

PanLUX

Anfänger

Beiträge: 26

Wohnort: Zagreb, Croatia

8

Montag, 27. Oktober 2014, 15:54

Sorry Martyhr, but I don't understand your "for me it is working fine".

I've tested this with Chrome, Firefox, Opera and IE on Win7; with Chrome and IE on Win8.1; and with Firefox on Linux Mint.
Always with the same result.

Problem is on HTML5 viewer. Sometimes it can't spin the radar with click on it, or (if can rotate the radar) can't scroll map with mouse.

Please select the HTML5 version, click on the radar and tell me what happens. If you move the map, it is not good. If you can spin the radar, that's OK; but click on the map and scroll it. It does not work.

--
Foto klub PanLUX
Facebook

Zum Seitenanfang

klaus.krpano

Administrator

Beiträge: 13 499

9

Mittwoch, 29. Oktober 2014, 19:32

Hi,

this will be fixed in the next krpano release 1.18.1 - then the mouse and touch events on the radar plugin will work as expected.

And to make the scrollarea not draggable in this case, use the ondown and onup events to change the draggable setting - e.g.