This is a read-only archive of the old Scratch 1.x Forums.
Try searching the current Scratch discussion forums.

#26 2012-05-30 10:55:38

muppetds
Scratcher
Registered: 2011-02-11
Posts: 1000+

Re: Scratch List style in webpage

seems to be alright now


SCRATCH'S PARTLY INSANE RESIDENT 
http://internetometer.com/imagesmall/31691.pnghttp://bluetetrarpg.x10.mx/usercard/?name=muppetds

Offline

 

#27 2012-05-30 10:58:59

WindowsExplorer
Scratcher
Registered: 2011-02-25
Posts: 1000+

Re: Scratch List style in webpage

Wow! I was expecting it to just be an image, and barely even bothered to click "+" but its great!  smile


http://i.imgur.com/H6LLdnK.pnghttp://i.imgur.com/VYuD7BY.png

Offline

 

#28 2012-05-30 11:25:23

scimonster
Community Moderator
Registered: 2010-06-13
Posts: 1000+

Re: Scratch List style in webpage

veggieman001 wrote:

voggs still thinks default width should be more

And the offset with 2 digit+ numbers is weird

Just checked; it should be 21px wider.
Ah, i haven't played around with those much.  tongue  I'll see about it.

SciTecCf wrote:

I agree with Veggie. Other than that, I like it!
It needs a scrollbar, though.

I was already working on the scrollbar in my head. I'll see what i can do!

WindowsExplorer wrote:

Wow! I was expecting it to just be an image, and barely even bothered to click "+" but its great!  smile

Lol, thanks!

Offline

 

#29 2012-05-30 11:46:16

ProgrammingFreak
Scratcher
Registered: 2010-09-04
Posts: 1000+

Re: Scratch List style in webpage

Pretty good, Sci.  big_smile
I'm messing around with it. Adding the 'x' that clears the input in each textarea.  smile
I'll post the code if I ever finish.  tongue

Last edited by ProgrammingFreak (2012-05-30 11:46:32)

Offline

 

#30 2012-05-30 12:04:38

scimonster
Community Moderator
Registered: 2010-06-13
Posts: 1000+

Re: Scratch List style in webpage

ProgrammingFreak wrote:

Pretty good, Sci.  big_smile
I'm messing around with it. Adding the 'x' that clears the input in each textarea.  smile
I'll post the code if I ever finish.  tongue

I could have done that myself, but i've been unsure of it. The positioning is really not so good.
Ah! Maybe i'll have an alert confirming you want to delete item # ("text"). That should solve it.  smile

Offline

 

#31 2012-05-30 12:21:25

ProgrammingFreak
Scratcher
Registered: 2010-09-04
Posts: 1000+

Re: Scratch List style in webpage

scimonster wrote:

ProgrammingFreak wrote:

Pretty good, Sci.  big_smile
I'm messing around with it. Adding the 'x' that clears the input in each textarea.  smile
I'll post the code if I ever finish.  tongue

I could have done that myself, but i've been unsure of it. The positioning is really not so good.
Ah! Maybe i'll have an alert confirming you want to delete item # ("text"). That should solve it.  smile

Good idea. I got the 'add' button to follow the resizing. I was going to do the same with length, but it messes up the centering.

Offline

 

#32 2012-05-30 12:46:31

ProgrammingFreak
Scratcher
Registered: 2010-09-04
Posts: 1000+

Re: Scratch List style in webpage

Ugh, its going all crazy on me and I can't figure out why. I guess I'll have to start over. >.>

Offline

 

#33 2012-05-30 13:55:59

scimonster
Community Moderator
Registered: 2010-06-13
Posts: 1000+

Re: Scratch List style in webpage

Yeah, i was having that problem too. I'm brainstorming for solutions.

Offline

 

#34 2012-05-30 15:23:24

scimonster
Community Moderator
Registered: 2010-06-13
Posts: 1000+

Re: Scratch List style in webpage

I got the stuff on the bottom to adjust properly.

Offline

 

#35 2012-05-30 15:41:04

scratchisthebest
Scratcher
Registered: 2009-02-08
Posts: 500+

Re: Scratch List style in webpage

Looks great!  big_smile

Edit: I found a blug!  yikes
1. Embiggen list
2. Click +
3. List will enshrinken

Last edited by scratchisthebest (2012-05-30 15:41:53)


bye 1.4, we all loved you. but we all outgrew the site. 2.0 is a welcome change.
http://scratch.mit.edu/img/Pico3-med.pnghttp://scratch.mit.edu/img/Pico3-med.pnghttp://scratch.mit.edu/img/Pico3-med.pnghttp://scratch.mit.edu/img/Pico3-med.pnghttp://scratch.mit.edu/img/Pico3-med.png

Offline

 

#36 2012-05-31 09:33:23

scimonster
Community Moderator
Registered: 2010-06-13
Posts: 1000+

Re: Scratch List style in webpage

scratchisthebest wrote:

Looks great!  big_smile

Edit: I found a blug!  yikes
1. Embiggen list
2. Click +
3. List will enshrinken

Thanks. I'll try to fix it soon.

Offline

 

#37 2012-05-31 09:46:33

ProgrammingFreak
Scratcher
Registered: 2010-09-04
Posts: 1000+

Re: Scratch List style in webpage

scimonster wrote:

I got the stuff on the bottom to adjust properly.

Okay cool. :3

Offline

 

#38 2012-05-31 09:48:10

ProgrammingFreak
Scratcher
Registered: 2010-09-04
Posts: 1000+

Re: Scratch List style in webpage

Oh good, you fixed the number spaces. So like if you have a 10th entry the textarea will still look even with the others. :3

Offline

 

#39 2012-05-31 09:52:16

scimonster
Community Moderator
Registered: 2010-06-13
Posts: 1000+

Re: Scratch List style in webpage

ProgrammingFreak wrote:

Oh good, you fixed the number spaces. So like if you have a 10th entry the textarea will still look even with the others. :3

Yep. It meant rearranging the DOM a bit though.
Anyone want to test out with 100s of items?

Offline

 

#40 2012-05-31 10:21:33

ProgrammingFreak
Scratcher
Registered: 2010-09-04
Posts: 1000+

Re: Scratch List style in webpage

scimonster wrote:

ProgrammingFreak wrote:

Oh good, you fixed the number spaces. So like if you have a 10th entry the textarea will still look even with the others. :3

Yep. It meant rearranging the DOM a bit though.
Anyone want to test out with 100s of items?

I can.  tongue

Offline

 

#41 2012-05-31 10:31:09

ProgrammingFreak
Scratcher
Registered: 2010-09-04
Posts: 1000+

Re: Scratch List style in webpage

Alright, whew. I used the console in Chrome to call the addItem() function lots of times.  tongue
The maxheight is restricted, of course, so there were a lot of textareas out of the box. 20th and up.
Then, the 100's cause some problems. It makes two lines for each input because of the limited space for the numbers.

Offline

 

#42 2012-05-31 14:34:21

scimonster
Community Moderator
Registered: 2010-06-13
Posts: 1000+

Re: Scratch List style in webpage

ProgrammingFreak wrote:

Alright, whew. I used the console in Chrome to call the addItem() function lots of times.  tongue
The maxheight is restricted, of course, so there were a lot of textareas out of the box. 20th and up.
Then, the 100's cause some problems. It makes two lines for each input because of the limited space for the numbers.

Well, to test, you could have removed the maxheight.  tongue

I thought i had added code that expands it when it has more numbers, but it seems it didn't work.
Maybe in Firefox? Chrome doesn't support CSS calc().

EDIT: Hopefully fixed now... But i don't have the patience to add hundreds of items to test it.

Last edited by scimonster (2012-05-31 15:34:18)

Offline

 

#43 2012-05-31 15:33:53

scimonster
Community Moderator
Registered: 2010-06-13
Posts: 1000+

Re: Scratch List style in webpage

scimonster wrote:

scratchisthebest wrote:

Looks great!  big_smile

Edit: I found a blug!  yikes
1. Embiggen list
2. Click +
3. List will enshrinken

Thanks. I'll try to fix it soon.

Fixed.

Offline

 

#44 2012-05-31 15:37:06

Bklecka
Scratcher
Registered: 2011-08-27
Posts: 1000+

Re: Scratch List style in webpage

So Cool!
Can Not Wait Until...
I Dunno


http://i48.tinypic.com/106ijc9.jpg

Offline

 

#45 2012-06-03 05:12:35

trinary
Scratcher
Registered: 2012-01-29
Posts: 1000+

Re: Scratch List style in webpage

Amazing.  yikes

Last edited by trinary (2012-06-03 05:19:27)


http://trinary.tk/images/signature_.php

Offline

 

#46 2012-06-04 12:17:38

scimonster
Community Moderator
Registered: 2010-06-13
Posts: 1000+

Re: Scratch List style in webpage

I'm working on scrollbars now. Styling is coming along well, scrolling is coming along well, but there are several major bugs, so don't expect it for another couple days.

Offline

 

#47 2012-06-04 12:22:51

Crystlemoon24
New Scratcher
Registered: 2012-05-24
Posts: 54

Re: Scratch List style in webpage

O thanks for everything scimonster
IDC if it doesnt come i am excited   lol

Offline

 

#48 2012-06-04 12:24:52

XenoK
Scratcher
Registered: 2011-09-08
Posts: 1000+

Re: Scratch List style in webpage

when you click on the +, shouldnt it resize instead of the box being overflowed by the new input box?


Eternity Tasks has launched into Alpha One! http://tasks.eternityincurakai.com/EI%20projects.png

Offline

 

#49 2012-06-05 08:51:38

scimonster
Community Moderator
Registered: 2010-06-13
Posts: 1000+

Re: Scratch List style in webpage

XenoK wrote:

when you click on the +, shouldnt it resize instead of the box being overflowed by the new input box?

Temporary glitch. When the scrollbar is done, that won't happen.

Offline

 

Board footer