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

Wednesday, April 10th 2013, 9:49am

Scroll Area

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

2

Thursday, April 11th 2013, 5:42pm

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

3

Thursday, April 11th 2013, 6:15pm

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.

Source code

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.

Source code

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


Best regards,
Klaus

4

Thursday, April 11th 2013, 6:33pm

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.

gongdeming

Beginner

Posts: 21

Location: WuHan HuBei China

  • Send private message

5

Monday, July 22nd 2013, 8:43am

touch devices solutions

Hi,
touch devices solutions


Source code

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<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>

This post has been edited 2 times, last edit by "gongdeming" (Jul 22nd 2013, 9:03am)


PanLUX

Beginner

Posts: 21

Location: Zagreb, Croatia

  • Send private message

6

Sunday, October 26th 2014, 10:08am

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:

Source code

32
33
34
35
36
37
38
39
40
41
42
43
44
...
<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!

martyhr

Intermediate

Posts: 328

Location: CZ

  • Send private message

7

Sunday, October 26th 2014, 11:53pm

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

PanLUX

Beginner

Posts: 21

Location: Zagreb, Croatia

  • Send private message

8

Monday, October 27th 2014, 3:54pm

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.

9

Wednesday, October 29th 2014, 7:32pm

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.

Source code

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


Best regards,
Klaus

PanLUX

Beginner

Posts: 21

Location: Zagreb, Croatia

  • Send private message

10

Wednesday, October 29th 2014, 9:16pm

I've tried it, but it does not work.

I think they are onup and ondown mouse events overwritten in the plugin.

Thanks!

11

Thursday, October 30th 2014, 10:14am

I've tried it, but it does not work.

It can't work now, but it will work in version 1.18.1.

Similar threads