ScrollBar XML plugin with MakeDragable additional function

Sudarchikov Andrey · October 3, 2011 at 7:06 AM

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

Hope you like it

Andrey

VN2011 · October 3, 2011 at 3:44 PM

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

sachagriffin · October 3, 2011 at 3:49 PM

Yes, its a little tricky to setup. I hope theres good documentation now. But its really nice.

Sudarchikov Andrey · October 3, 2011 at 4:06 PM

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

Andrey

andrew22222 · October 3, 2011 at 5:33 PM

Finally a scrollbar for textfields

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

Passoja Design · October 14, 2011 at 8:25 AM

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,

Sudarchikov Andrey · October 16, 2011 at 6:56 AM

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

Passoja Design · October 16, 2011 at 3:48 PM

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,

iceman_fx · October 20, 2011 at 11:44 AM

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

Nupsi · October 20, 2011 at 1:22 PM

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

Sudarchikov Andrey · October 20, 2011 at 1:42 PM

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

Andrey

rebaj83 · November 18, 2011 at 11:55 AM

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!

Code

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

Display More

Sudarchikov Andrey · November 18, 2011 at 3:53 PM

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

rebaj83 · November 18, 2011 at 6:47 PM

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?

Sudarchikov Andrey · November 19, 2011 at 2:18 AM

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

rebaj83 · February 7, 2012 at 11:07 AM

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?

Sudarchikov Andrey · February 7, 2012 at 11:49 AM

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

rebaj83 · February 7, 2012 at 12:00 PM

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:

Code

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

Display More

rebaj83 · February 7, 2012 at 12:25 PM

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

Code

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

Display More

rebaj83 · February 7, 2012 at 12:32 PM

bug happens even if

Code

onchange=""

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

Participate now!