You are not logged in.

ScrollBar XML plugin with MakeDragable additional function

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
  • 2

mindlessboss

Professional

  • "mindlessboss" started this thread

Posts: 1,082

Location: Russia, Kaliningrad

  • Send private message

1

Monday, October 3rd 2011, 7:06am

ScrollBar XML plugin with MakeDragable additional function

Hi!
I want to represent you new XML plugin - scrollbar with makeDragable function.
Made for easy creating scrollbars and making objects dragable.
Scroll averything you want: view.hllokat, view.fow, position, transparency, any variables....
Scrollbar skin fully customizable, spin button yes/no, vertical/horisontal.

DEMO BUY

Plugin has additional function "makeDragable" for making objects dragable.
This is the upgraded Klaus "dragable style" - with inertia draging, like on iPad.
just run action makeDragable(plugin,plugin_name); for plugin and makeDragable(hotspot,hotspot_name); for hotspot

makeDragable( object, name ); - make some object dragable, where object (plugin/hotspot) with name
dropDragable( object, name ); - reset object drag possibilities

Special thanks for Klaus dragable style *thumbup*

Hope you like it

Andrey *thumbup*
VRAP - desktop VR content player based on krpano.
Common tasks in one place in one click! Discussion thread
DOWNLOAD for MAC
DOWNLOAD for WIN

This post has been edited 1 times, last edit by "mindlessboss" (Oct 3rd 2011, 8:19am)

VN2011

Professional

Posts: 1,336

Location: Duluth MN

  • Send private message

2

Monday, October 3rd 2011, 3:44pm

is the textfield scrollable in html5 also? the current scrollable textfield only works in flash.

sachagriffin

Master

Posts: 1,857

Occupation: Virtual Tours - Photography - Krpano developer

  • Send private message

3

Monday, October 3rd 2011, 3:49pm

Yes, its a little tricky to setup. I hope theres good documentation now. But its really nice.
KRPano Developer: Portfolio ::Gigapixel Tagging Solutions - Porfolio 2 :: Facebook :: Twitter :: reddit.com/r/VirtualTour

mindlessboss

Professional

  • "mindlessboss" started this thread

Posts: 1,082

Location: Russia, Kaliningrad

  • Send private message

4

Monday, October 3rd 2011, 4:06pm

Hi VN2011
Yes of course, it's works for html5 textfield :) (but, i tested it on safari with iPad user agent)

My birthday at 10 october, and my wife wants to make a birthday gift (iPad) if so, then i can test all my plugins on iPad :)
*thumbsup*

Andrey
VRAP - desktop VR content player based on krpano.
Common tasks in one place in one click! Discussion thread
DOWNLOAD for MAC
DOWNLOAD for WIN

andrew22222

Intermediate

Posts: 397

Location: Australia

  • Send private message

5

Monday, October 3rd 2011, 5:33pm

Finally a scrollbar for textfields *thumbsup*

I've tried all sorts over the past few years but this looks really nice, plus the addition of being able to move it it around the stage. Perfect for education tours that are full of info windows.

Hope you have a fun birthday next week.

Andrew

Nelike imagery

Intermediate

Posts: 161

  • Send private message

6

Friday, October 14th 2011, 8:25am

Hi,

is this scrollbar plugin only for textfield or can it be used for other things too? Like i have vertical list of places ( plugins on same parent, making it like a menu) and mask over them to show just some of them. Can i use this plugin to scroll the parent and show more of the list?
Not sure im able to explain it correctly.

Regards,
Jesse Passoja
Passoja design
www.passojadesign.com

mindlessboss

Professional

  • "mindlessboss" started this thread

Posts: 1,082

Location: Russia, Kaliningrad

  • Send private message

7

Sunday, October 16th 2011, 6:56am

Hello!
You can scroll everything (mean - any variable and attribute)
just use onchange avent current value stored in scrollbar value
for example:
onchange="set(plugin[SOME_PLUGIN].alpha,get(plugin[scrollbar].value);"

BTW - in DEMO you can see how to use scrollbar for change position.

Regards
Andrey
VRAP - desktop VR content player based on krpano.
Common tasks in one place in one click! Discussion thread
DOWNLOAD for MAC
DOWNLOAD for WIN

Nelike imagery

Intermediate

Posts: 161

  • Send private message

8

Sunday, October 16th 2011, 3:48pm

Hi!

Ok, awesome! I might buy it and see if i can make it work with my purpose :) Seems like a lot better than the scrollable textfield what i use at the moment.

Regards,
Jesse Passoja
Passoja design
www.passojadesign.com

iceman_fx

Professional

Posts: 602

Location: Sachsen

Occupation: Webdesigner- und entwickler sowie Fotodesigner

  • Send private message

9

Thursday, October 20th 2011, 11:44am

Hi Andrey,
do you have an iPhone/iPad example of your plugin (scrollable textfield) ?
VG von Falko

www.fotodesign360.de / www.falkomueller.com / Google Street View zertifizierter Fotograf

Nupsi

Professional

Posts: 697

  • Send private message

10

Thursday, October 20th 2011, 1:22pm

I´d love to see an example of the scrollable textfield for the iphone/ipad too, mindlessboss! With the new possibility to protect the iphone-xml, it should be no problem. And if it works just as flawless on the iphone/ipad as id does in flash, I´m your next customer ;-)

Best regards
Nupsi

mindlessboss

Professional

  • "mindlessboss" started this thread

Posts: 1,082

Location: Russia, Kaliningrad

  • Send private message

11

Thursday, October 20th 2011, 1:42pm

Hi!I have no js license yet
But soon i'll purchase it, and the i'll make some iPad examples. *thumbup*

Andrey
VRAP - desktop VR content player based on krpano.
Common tasks in one place in one click! Discussion thread
DOWNLOAD for MAC
DOWNLOAD for WIN

rebaj83

Intermediate

Posts: 254

  • Send private message

12

Friday, November 18th 2011, 11:55am

Hi Andrey,

On each pano i change my html data, so the scrollbar has to be updated.

here what i tried but this is not accurate.

Could yoiu help me please?

i'm not sure about what valueto and value_area have to be set

thanks!

Source code

 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26

<action name="updatefiche">
		
		
		set(plugin[htmltext].html,get(%1));
        
        set(plugin[scrollbar1].value,0); // restore to top position
        
        if(plugin[htmltext].height LT 330, // 330 is the visible area
        
        	set(plugin[scrollbar1].visible,0);
            
            ,
            
            set(plugin[scrollbar1].visible,1);  
            sub(delta,get(plugin[htmltext].height),330);
            sub(scrollarea,330,get(delta));

            set(plugin[scrollbar1].value_area,get(scrollarea));
            set(plugin[scrollbar1].valueto,get(delta));
            
        );
        
        scrollbar_build(scrollbar1);
	
	
	</action>

mindlessboss

Professional

  • "mindlessboss" started this thread

Posts: 1,082

Location: Russia, Kaliningrad

  • Send private message

13

Friday, November 18th 2011, 3:53pm

Hello! take a look at this



so, the scrollbar can change some value from start value to end value
that why is value_from and value_to attributes
and you can set for example (from 0 to 100) or (from 0 to -100)
case
first value_from="0" value_to="100"
second value_from="0" value_to="-100"


just try to play set some values and set onchange="trace(get(plugin[scrollbar].value));"
and drag scrollbar with opened log window, you will see how value chaning.

Hope it help
Andrey *thumbup*
VRAP - desktop VR content player based on krpano.
Common tasks in one place in one click! Discussion thread
DOWNLOAD for MAC
DOWNLOAD for WIN

rebaj83

Intermediate

Posts: 254

  • Send private message

14

Friday, November 18th 2011, 6:47pm

so whaterver is the valuearea, it can be the same valuearea for two html datas that are different in height, we just have to set valuefrom and valueto?

mindlessboss

Professional

  • "mindlessboss" started this thread

Posts: 1,082

Location: Russia, Kaliningrad

  • Send private message

15

Saturday, November 19th 2011, 2:18am

HI!
Ok, i'll try to explain
imagine, textfiled with height 2000px, but you want to put it to small window with height 300px
we can call 300px as visible area of textfiled, right?
now we need scrollbar for scrolling textfiled.
what we get
textfiled y = 0
visible area = 300
max y = ( textfiled height - visible area ) 2000 - 300 = 1700 ( but with minus )
minus need to move textfield to top (if align and edge lefttop for example)
so, scrollbar will have
value_from=0
value_to= -1700
value_area=300
type=vertical
barstyle=page (this need for calculate % of bar from scrollbar size)

Hope it's clear

and yes, if you using one window with height 300 for two or more texfileds, you can set value_area=300 of scrollbar for all

Andrey *thumbup*
VRAP - desktop VR content player based on krpano.
Common tasks in one place in one click! Discussion thread
DOWNLOAD for MAC
DOWNLOAD for WIN

rebaj83

Intermediate

Posts: 254

  • Send private message

16

Tuesday, February 7th 2012, 11:07am

Hi

I think there's a bug with the scrollbar plugin when setting new html content in the controlled textfield.

Sometimes (1/10, i can't produce an exact way to make it happen), after changin html content of textfield (html content with images), when i move the scrollbar the browser get stucked and crashes (tested on ie, firefox, safari...).

Any idea on what's going wrong here?

mindlessboss

Professional

  • "mindlessboss" started this thread

Posts: 1,082

Location: Russia, Kaliningrad

  • Send private message

17

Tuesday, February 7th 2012, 11:49am

Hi!
Hm... strange...
This is only xml and not depend from system.
Anyway, try to not change content of textfield plugin dynamicaly.
Better way is prepare plugin before show it with scrollbar.
Other words - one content one plugin.

Hope it help
Andrey *thumbup*
VRAP - desktop VR content player based on krpano.
Common tasks in one place in one click! Discussion thread
DOWNLOAD for MAC
DOWNLOAD for WIN

rebaj83

Intermediate

Posts: 254

  • Send private message

18

Tuesday, February 7th 2012, 12:00pm

ouch, scrollbar is part of an app, where everything is dynamic :/

i know it's strange, but i happens when i start draging scrollbar. it doesn't move on screen, and get browser stucked, tested on 3 machines, windows/mac.

i think it has something to do with calculation with new scrollbar values, htmltext height etc...

here's the xml i'm using:

Source code

 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22

<action name="updateScrollbar">
		
					
		if(plugin[descriptionhtmltext].height LT 285, 
		
			set(plugin[scrollbar1].visible,0);
			dropDragable(plugin,descriptionhtmltext);
			
			,    
	                set(plugin[scrollbar1].value,0);
			set(plugin[scrollbar1].visible,1);
			sub(valueto,0,get(plugin[descriptionhtmltext].height));
			add(valueto,get(plugin[textblock].height));
			set(plugin[descriptionhtmltext].dragYmin,get(valueto));
			set(plugin[scrollbar1].value_to,get(valueto));
			makeDragable(plugin,descriptionhtmltext);
			
		);
		
		  scrollbar_build(scrollbar1);

	</action>

rebaj83

Intermediate

Posts: 254

  • Send private message

19

Tuesday, February 7th 2012, 12:25pm

i just made a new test with removing scrollbar plugin and buildin a new one each time necessary : bug still here

Source code

 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42

<action name="updateScrollbar">
		

		removeplugin(scrollbar);
		dropDragable(plugin,descriptionhtmltext);


		if(plugin[descriptionhtmltext].height GT 285, 
			
			addplugin(scrollbar);
			set(plugin[scrollbar].parent,textwindow);
			set(plugin[scrollbar].keep,true);
			set(plugin[scrollbar].edge,topright); 
			set(plugin[scrollbar].align,topright);
			set(plugin[scrollbar].x,4);
			set(plugin[scrollbar].y,89);
			set(plugin[scrollbar].size,270);
			set(plugin[scrollbar].type,vertical);
			set(plugin[scrollbar].spinbuttons,yes);
			set(plugin[scrollbar].skinurl,%SWFPATH%/interface/scrollbar/);
			set(plugin[scrollbar].skin,grey_vert.png);
			set(plugin[scrollbar].statecrop,12);
			set(plugin[scrollbar].spincrop,13);
			set(plugin[scrollbar].bgcrop,6);
			set(plugin[scrollbar].barendcrop,7);
			set(plugin[scrollbar].barcrop,6);           
			set(plugin[scrollbar].value_from,0);
			set(plugin[scrollbar].value,0);
			set(plugin[scrollbar].value_area,285);
			set(plugin[scrollbar].barstyle,page);
			set(plugin[scrollbar].speed,2);
			set(plugin[scrollbar].onchange,scrollbarchange(scrollbar));
			sub(valueto,0,get(plugin[descriptionhtmltext].height));
			add(valueto,get(plugin[textblock].height));
			set(plugin[descriptionhtmltext].dragYmin,get(valueto));
			set(plugin[scrollbar].value_to,get(valueto));
			makeDragable(plugin,descriptionhtmltext);
			scrollbar_build(scrollbar);
		
		);

	</action>

rebaj83

Intermediate

Posts: 254

  • Send private message

20

Tuesday, February 7th 2012, 12:32pm

bug happens even if

Source code

 
1

onchange=""


it surely has something to do with the drag thing and values
  • 1
  • 2

Similar threads