A question about marquee

76 views
Skip to first unread message

KH

unread,
Dec 20, 2011, 4:43:31 PM12/20/11
to UIZE JavaScript Framework Group
Hi,
I am a big fan of Uize framework and would like to thank all who
support this amazing piece of software.
I've been trying to develop a small tool where people can input text
and manipulate it, by changing size, color, alignment etc. I looked at
some of the Marquee widget examples and they seem to be geared towards
images. If I use fonts (text), instead of images I need to capture the
font size rather than the height and width of the font. Are there any
examples for this? I would really appreciate if you could give some
pointers.

Thanks,
KH

Ben Ilegbodu

unread,
Dec 21, 2011, 2:16:08 PM12/21/11
to ui...@googlegroups.com
Not sure what you mean by "capture the font size rather than the width and height of the font".  Are you trying to use a marquee to scale the font-size of the font?  As you've found, there isn't anything specifically doing what you're trying to do, but hopefully they'll be something we can use as a building block.

Ben Ilegbodu
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Visit WardTog - Hometown Pride T-Shirts, Mugs, and more!
http://www.wardtog.com/
http://twitter.com/wardtog

God bless you!



KH

--
UIZE JavaScript Framework...

...OFFICIAL WEB SITE: http://www.uize.com
...COOL UIZE SWAG: http://www.zazzle.com/uize_merch?rf=238804607086393908

UIZE JavaScript Framework Google Group...

...WEB SITE: http://groups.google.com/group/uize?hl=en
...TO POST: email to ui...@googlegroups.com
...TO UNSUBSCRIBE: email to uize-uns...@googlegroups.com

Kamal Hussain

unread,
Dec 21, 2011, 2:35:10 PM12/21/11
to ui...@googlegroups.com
Yes. I am trying to scale the font-size. Which widget would you
recommend as the building block? Once the user does the scaling, how
will we accurately capture the size of the font?

Thanks

Ben Ilegbodu

unread,
Dec 21, 2011, 2:48:44 PM12/21/11
to ui...@googlegroups.com
I haven't done anything w/ the marquee before, but it seems like you should be able to leverage Uize.Widget.Resizer.Marquee.  Here's an example page of it in use: http://www.uize.com/examples/marquee.html.

In your case you'd want a fixed aspect ratio so that all you can do is scale and not stretch.  Then you can watch on the change of the width/height set-get properties.  Based on the percentage change from the previous to the current, you can scale the font-size to the same amount.  This is assuming that the text is w/in a DIV (or some other block-level element).  You would also change the dimensions of the DIV based on the dimensions of the marquee.


Ben Ilegbodu
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Visit WardTog - Hometown Pride T-Shirts, Mugs, and more!
http://www.wardtog.com/
http://twitter.com/wardtog

God bless you!



Kamal Hussain

unread,
Dec 21, 2011, 3:45:39 PM12/21/11
to ui...@googlegroups.com
Thanks for the pointers. It looks like there is no straight forward
way to scale fonts but I will try the examples you pointed out.

Lovisha

unread,
Dec 26, 2012, 7:09:44 AM12/26/12
to ui...@googlegroups.com


Sir,

i am working on

Uize.Widget.Resizer.Marquee

i want touse  my localhost image  in marguee for resizing my image with drag and drop for ex

 <img id="page_imagePort-image" src="lars.jpg" style="position:absolute; width:500px; height:357px;" alt=""/>

but its not working but if i am  using this link

<img id="page_imagePort-image" src="http://rlv.zcache.com/isapi/designall.dll?action=realview&rvtype=pre&view=front&pid=228483162492178759&max_dim=500" style="position:absolute; width:500px; height:357px;" alt=""/>

then image work fine with re size

please help me to short out this problem


Thanks & Regards


Lovisha

Aryan Duntley

unread,
Dec 26, 2012, 4:12:30 PM12/26/12
to ui...@googlegroups.com
try using the full url to the image instead of a local reference.



Lovisha

--
UIZE JavaScript Framework...
 
...OFFICIAL WEB SITE: http://www.uize.com
...COOL UIZE SWAG: http://www.zazzle.com/uize_merch?rf=238804607086393908
 
UIZE JavaScript Framework Google Group...
 
...WEB SITE: http://groups.google.com/group/uize?hl=en
...TO POST: email to ui...@googlegroups.com
...TO UNSUBSCRIBE: email to uize-uns...@googlegroups.com



--
Sincerely,
Aryan Duntley

Sunita Mishra

unread,
Dec 26, 2012, 11:40:36 PM12/26/12
to ui...@googlegroups.com
can you please gife a example of full url of image

Sunita Mishra

unread,
Dec 27, 2012, 12:32:04 AM12/27/12
to ui...@googlegroups.com
i think this is a full url of image but still image is not working 

<img id="page_imagePort-image" src="D:/wamp/www/iframe_open/lars.jpg"style="position:absolute; width:500px; height:357px;" alt=""/>
please help me out

Thanks & Regards

Sunita Mishra


On Wed, Dec 26, 2012 at 11:12 PM, Aryan Duntley <aryand...@gmail.com> wrote:

Aryan Duntley

unread,
Dec 27, 2012, 12:51:00 AM12/27/12
to ui...@googlegroups.com

 <img id="page_imagePort-image" src="http://mysite.com/myimages/lars_1.jpg" style="position:absolute; width:500px; height:357px;" alt=""/>

Sunita Mishra

unread,
Dec 27, 2012, 2:19:33 AM12/27/12
to ui...@googlegroups.com
hello Aryan
Thanks for the help . now my image is working fine .now just tell me
from our page


Thanks & Regards
lovisha

Aryan Duntley

unread,
Dec 27, 2012, 2:24:59 AM12/27/12
to ui...@googlegroups.com
I haven't worked with Uize in a while and I don't have the code handy, but just look in the code (html code not javascript code, likely) for that div containing the social sharing links and remove it.
Reply all
Reply to author
Forward
0 new messages