ScrollBar XML plugin with MakeDragable additional function

mindlessboss

Profi

Beiträge: 1 082

Wohnort: Russia, Kaliningrad

1

Montag, 3. Oktober 2011, 07:06

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

Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von »mindlessboss« (3. Oktober 2011, 08:19)

Zum Seitenanfang

VN2011

Profi

Beiträge: 1 336

Wohnort: Duluth MN

2

Montag, 3. Oktober 2011, 15:44

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

Zum Seitenanfang

sachagriffin

Meister

Beiträge: 1 857

Beruf: Virtual Tours - Photography - Krpano developer

3

Montag, 3. Oktober 2011, 15:49

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

Zum Seitenanfang

mindlessboss

Profi

Beiträge: 1 082

Wohnort: Russia, Kaliningrad

4

Montag, 3. Oktober 2011, 16:06

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

Zum Seitenanfang

andrew22222

Fortgeschrittener

Beiträge: 397

Wohnort: Australia

5

Montag, 3. Oktober 2011, 17:33

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

Zum Seitenanfang

Nelike imagery

Fortgeschrittener

Beiträge: 161

6

Freitag, 14. Oktober 2011, 08:25

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

Zum Seitenanfang

mindlessboss

Profi

Beiträge: 1 082

Wohnort: Russia, Kaliningrad

7

Sonntag, 16. Oktober 2011, 06:56

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

Zum Seitenanfang

Nelike imagery

Fortgeschrittener

Beiträge: 161

8

Sonntag, 16. Oktober 2011, 15:48

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

Zum Seitenanfang

iceman_fx

Profi

Beiträge: 602

Wohnort: Sachsen

Beruf: Webdesigner- und entwickler sowie Fotodesigner

9

Donnerstag, 20. Oktober 2011, 11:44

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

Zum Seitenanfang

Nupsi

Profi

Beiträge: 697

10

Donnerstag, 20. Oktober 2011, 13:22

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

Zum Seitenanfang

mindlessboss

Profi

Beiträge: 1 082

Wohnort: Russia, Kaliningrad

11

Donnerstag, 20. Oktober 2011, 13:42

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

Zum Seitenanfang

rebaj83

Fortgeschrittener

Beiträge: 254

12

Freitag, 18. November 2011, 11:55

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!

Quellcode

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

Zum Seitenanfang

mindlessboss

Profi

Beiträge: 1 082

Wohnort: Russia, Kaliningrad

13

Freitag, 18. November 2011, 15:53

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

Zum Seitenanfang

rebaj83

Fortgeschrittener

Beiträge: 254

14

Freitag, 18. November 2011, 18:47

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?

Zum Seitenanfang

mindlessboss

Profi

Beiträge: 1 082

Wohnort: Russia, Kaliningrad

15

Samstag, 19. November 2011, 02:18

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

Zum Seitenanfang

rebaj83

Fortgeschrittener

Beiträge: 254

16

Dienstag, 7. Februar 2012, 11:07

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?

Zum Seitenanfang

mindlessboss

Profi

Beiträge: 1 082

Wohnort: Russia, Kaliningrad

17

Dienstag, 7. Februar 2012, 11:49

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

Zum Seitenanfang

rebaj83

Fortgeschrittener

Beiträge: 254

18

Dienstag, 7. Februar 2012, 12:00

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:

Quellcode

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

Zum Seitenanfang

rebaj83

Fortgeschrittener

Beiträge: 254

19

Dienstag, 7. Februar 2012, 12:25

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

Quellcode

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

Zum Seitenanfang

rebaj83

Fortgeschrittener

Beiträge: 254

20

Dienstag, 7. Februar 2012, 12:32

bug happens even if

	Quellcode
1	onchange=""

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

Zum Seitenanfang