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

#26 2010-12-21 07:15:42

Daffy22
Scratcher
Registered: 2008-12-15
Posts: 500+

Re: Welcome to your local block library! - Website development thread.

sparks wrote:

Hi guys, I thought I'd put a a few disgustingly bare html forms up - the peak of my HTML knowledge, so you can have a sort of idea as to how I picture the forms to work... if not look  tongue

Searching for a block
submitting a Panther block
submitting a scratch block
submitting a BYOB block

By no means are these set ideas, they're just an early representation and I think the contain all the necessary fields that the final ones will have! Feel free to make changes or disregard  smile

These forms are great! Maybe we could join them together in a javascript that will easily switch between the 3 upload forms without refreshing the page. Any JS experts?  smile


http://img201.imageshack.us/img201/1784/logosmalle.png
"Spectacular - 5 Star" -  CNET.com Editor.

Offline

 

#27 2010-12-21 08:02:08

sparks
Community Moderator
Registered: 2008-11-05
Posts: 1000+

Re: Welcome to your local block library! - Website development thread.

Daffy22 wrote:

These forms are great! Maybe we could join them together in a javascript that will easily switch between the 3 upload forms without refreshing the page. Any JS experts? :)

Thanks, Like I said, I know HTML and that's it :) Otherwise we can always go

upload a block >> choose which version of Scratch? >> Scratch form
.                                                                        >> Panther form
.                                                                        >> BYOB form

Last edited by sparks (2010-12-21 08:02:33)


http://img541.imageshack.us/img541/7563/scratchbetabanner.png

Offline

 

#28 2010-12-21 08:57:35

MathWizz
Scratcher
Registered: 2009-08-31
Posts: 1000+

Re: Welcome to your local block library! - Website development thread.

Daffy22 wrote:

sparks wrote:

Hi guys, I thought I'd put a a few disgustingly bare html forms up - the peak of my HTML knowledge, so you can have a sort of idea as to how I picture the forms to work... if not look  tongue

Searching for a block
submitting a Panther block
submitting a scratch block
submitting a BYOB block

By no means are these set ideas, they're just an early representation and I think the contain all the necessary fields that the final ones will have! Feel free to make changes or disregard  smile

These forms are great! Maybe we could join them together in a javascript that will easily switch between the 3 upload forms without refreshing the page. Any JS experts?  smile

Pick me! Pick me!  big_smile


http://block.site90.net/scratch.mit/text.php?size=30&text=%20A%20signature!&color=333333

Offline

 

#29 2010-12-21 09:56:35

sparks
Community Moderator
Registered: 2008-11-05
Posts: 1000+

Re: Welcome to your local block library! - Website development thread.

I pick you!


http://img541.imageshack.us/img541/7563/scratchbetabanner.png

Offline

 

#30 2010-12-21 09:59:42

MathWizz
Scratcher
Registered: 2009-08-31
Posts: 1000+

Re: Welcome to your local block library! - Website development thread.

Thanks! here


http://block.site90.net/scratch.mit/text.php?size=30&text=%20A%20signature!&color=333333

Offline

 

#31 2010-12-21 10:04:33

sparks
Community Moderator
Registered: 2008-11-05
Posts: 1000+

Re: Welcome to your local block library! - Website development thread.

brill! one problem - you have to go off scratch and back onto it to make it show up  hmm

maybe set it to blank as default or "choose one" and then do it like that?

Last edited by sparks (2010-12-21 10:05:04)


http://img541.imageshack.us/img541/7563/scratchbetabanner.png

Offline

 

#32 2010-12-21 10:08:21

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

Re: Welcome to your local block library! - Website development thread.

I can do that when i get on a proper computer. Im on wii now! xD

Offline

 

#33 2010-12-21 10:26:08

meowmeow55
Scratcher
Registered: 2008-12-24
Posts: 1000+

Re: Welcome to your local block library! - Website development thread.

In the BYOB submission form, could there be a box to enter in the path to an already-uploaded sprite file with the block and/or a box to upload one?

Also, could I be a mod/approval person on the site?  big_smile


Yawn.

Offline

 

#34 2010-12-21 10:50:35

sparks
Community Moderator
Registered: 2008-11-05
Posts: 1000+

Re: Welcome to your local block library! - Website development thread.

meowmeow55 wrote:

In the BYOB submission form, could there be a box to enter in the path to an already-uploaded sprite file with the block and/or a box to upload one?

Also, could I be a mod/approval person on the site?  big_smile

You're absoultely right, I knew there was something missing!

I think you've earned the right to be a block approver - speaking of, approving blocks will take a lot longer if we have to wait for you to host any sprite files, maybe you could add something to your site later that lets the block upload itself to there? Otherwise we can always move the sprite files to the new site and you can be in charge of them  smile


http://img541.imageshack.us/img541/7563/scratchbetabanner.png

Offline

 

#35 2010-12-21 11:14:19

Daffy22
Scratcher
Registered: 2008-12-15
Posts: 500+

Re: Welcome to your local block library! - Website development thread.

sparks wrote:

meowmeow55 wrote:

In the BYOB submission form, could there be a box to enter in the path to an already-uploaded sprite file with the block and/or a box to upload one?

Also, could I be a mod/approval person on the site?  big_smile

You're absoultely right, I knew there was something missing!

I think you've earned the right to be a block approver - speaking of, approving blocks will take a lot longer if we have to wait for you to host any sprite files, maybe you could add something to your site later that lets the block upload itself to there? Otherwise we can always move the sprite files to the new site and you can be in charge of them  smile

I am going to make a simple upload form were users can upload sprite files and graphic images and it will then give a url for the upload. It can then be used in the form.  smile


http://img201.imageshack.us/img201/1784/logosmalle.png
"Spectacular - 5 Star" -  CNET.com Editor.

Offline

 

#36 2010-12-21 11:15:22

Daffy22
Scratcher
Registered: 2008-12-15
Posts: 500+

Re: Welcome to your local block library! - Website development thread.

MathWizz wrote:

Thanks! here

nice, just what I wanted!  big_smile  I'll add that to the file now. Thanks Mathwiz. Maybe you could help Magnie now with the approval form/script  smile
You are a PHP expert aren't you  tongue

Last edited by Daffy22 (2010-12-21 11:15:39)


http://img201.imageshack.us/img201/1784/logosmalle.png
"Spectacular - 5 Star" -  CNET.com Editor.

Offline

 

#37 2010-12-21 11:23:44

Daffy22
Scratcher
Registered: 2008-12-15
Posts: 500+

Re: Welcome to your local block library! - Website development thread.

Wait Mathwiz, your code doesn't work  sad
http://www.block-library.freehostingcloud.com/submit/


http://img201.imageshack.us/img201/1784/logosmalle.png
"Spectacular - 5 Star" -  CNET.com Editor.

Offline

 

#38 2010-12-21 11:26:44

sparks
Community Moderator
Registered: 2008-11-05
Posts: 1000+

Re: Welcome to your local block library! - Website development thread.

MathWizz told me he went to school... He won' be back on for a few hours  hmm


http://img541.imageshack.us/img541/7563/scratchbetabanner.png

Offline

 

#39 2010-12-21 11:27:57

sparks
Community Moderator
Registered: 2008-11-05
Posts: 1000+

Re: Welcome to your local block library! - Website development thread.

The code works fine in the sense that it wasn't programmed to submit anything or do anything.... we need a phper to look at it and add that.

Daffy, you've got red boxes around your linked images on the site.

try replacing your

Code:

<img src="http://www.block-library.freehostingcloud.com/images/home.png" onmouseover="this.src='http://www.block-library.freehostingcloud.com/images/homeOver.png';" onmouseout="this.src='http://www.block-library.freehostingcloud.com/images/home.png';" />
</a>&nbsp;&nbsp;&nbsp;&nbsp;
<a href="http://www.block-library.freehostingcloud.com/submit">
<img src="http://www.block-library.freehostingcloud.com/images/submit.png" onmouseover="this.src='http://www.block-library.freehostingcloud.com/images/submitOver.png';" onmouseout="this.src='http://www.block-library.freehostingcloud.com/images/submit.png';" />
</a>&nbsp;&nbsp;&nbsp;&nbsp;
<a href="http://www.block-library.freehostingcloud.com/browse">
<img src="http://www.block-library.freehostingcloud.com/images/browse.png" onmouseover="this.src='http://www.block-library.freehostingcloud.com/images/browseOver.png';" onmouseout="this.src='http://www.block-library.freehostingcloud.com/images/browse.png';" />
</a>&nbsp;&nbsp;&nbsp;&nbsp;
<a href="http://scratch.mit.edu/forums/viewtopic.php?id=40508&p=1">
<img src="http://www.block-library.freehostingcloud.com/images/discustion.png" onmouseover="this.src='http://www.block-library.freehostingcloud.com/images/discustionOver.png';" onmouseout="this.src='http://www.block-library.freehostingcloud.com/images/discustion.png';" />

</a>&nbsp;&nbsp;&nbsp;&nbsp;
<a href="http://www.block-library.freehostingcloud.com/contact">
<img src="http://www.block-library.freehostingcloud.com/images/contact.png" onmouseover="this.src='http://www.block-library.freehostingcloud.com/images/contactOver.png';" onmouseout="this.src='http://www.block-library.freehostingcloud.com/images/contact.png';" />

with

Code:

<img border="0" src="http://www.block-library.freehostingcloud.com/images/home.png" onmouseover="this.src='http://www.block-library.freehostingcloud.com/images/homeOver.png';" onmouseout="this.src='http://www.block-library.freehostingcloud.com/images/home.png';" />
</a>&nbsp;&nbsp;&nbsp;&nbsp;
<a href="http://www.block-library.freehostingcloud.com/submit">
<img border="0" src="http://www.block-library.freehostingcloud.com/images/submit.png" onmouseover="this.src='http://www.block-library.freehostingcloud.com/images/submitOver.png';" onmouseout="this.src='http://www.block-library.freehostingcloud.com/images/submit.png';" />
</a>&nbsp;&nbsp;&nbsp;&nbsp;
<a href="http://www.block-library.freehostingcloud.com/browse">
<img border="0" src="http://www.block-library.freehostingcloud.com/images/browse.png" onmouseover="this.src='http://www.block-library.freehostingcloud.com/images/browseOver.png';" onmouseout="this.src='http://www.block-library.freehostingcloud.com/images/browse.png';" />
</a>&nbsp;&nbsp;&nbsp;&nbsp;
<a href="http://scratch.mit.edu/forums/viewtopic.php?id=40508&p=1">
<img border="0" src="http://www.block-library.freehostingcloud.com/images/discustion.png" onmouseover="this.src='http://www.block-library.freehostingcloud.com/images/discustionOver.png';" onmouseout="this.src='http://www.block-library.freehostingcloud.com/images/discustion.png';" />

</a>&nbsp;&nbsp;&nbsp;&nbsp;
<a href="http://www.block-library.freehostingcloud.com/contact">
<img border="0" src="http://www.block-library.freehostingcloud.com/images/contact.png" onmouseover="this.src='http://www.block-library.freehostingcloud.com/images/contactOver.png';" onmouseout="this.src='http://www.block-library.freehostingcloud.com/images/contact.png';" />

smile

Is there any reason why w3schools is written here and there in that html code?

Last edited by sparks (2010-12-21 11:35:10)


http://img541.imageshack.us/img541/7563/scratchbetabanner.png

Offline

 

#40 2010-12-21 11:39:45

meowmeow55
Scratcher
Registered: 2008-12-24
Posts: 1000+

Re: Welcome to your local block library! - Website development thread.

If you hover the mouse over the "Discussion thread" block-link on the site, it changes back to the old image that has a typo!  lol

Last edited by meowmeow55 (2010-12-21 11:53:24)


Yawn.

Offline

 

#41 2010-12-21 11:41:20

Daffy22
Scratcher
Registered: 2008-12-15
Posts: 500+

Re: Welcome to your local block library! - Website development thread.

sparks wrote:

The code works fine in the sense that it wasn't programmed to submit anything or do anything.... we need a phper to look at it and add that.

Daffy, you've got red boxes around your linked images on the site.

try replacing your

Code:

<img src="http://www.block-library.freehostingcloud.com/images/home.png" onmouseover="this.src='http://www.block-library.freehostingcloud.com/images/homeOver.png';" onmouseout="this.src='http://www.block-library.freehostingcloud.com/images/home.png';" />
</a>&nbsp;&nbsp;&nbsp;&nbsp;
<a href="http://www.block-library.freehostingcloud.com/submit">
<img src="http://www.block-library.freehostingcloud.com/images/submit.png" onmouseover="this.src='http://www.block-library.freehostingcloud.com/images/submitOver.png';" onmouseout="this.src='http://www.block-library.freehostingcloud.com/images/submit.png';" />
</a>&nbsp;&nbsp;&nbsp;&nbsp;
<a href="http://www.block-library.freehostingcloud.com/browse">
<img src="http://www.block-library.freehostingcloud.com/images/browse.png" onmouseover="this.src='http://www.block-library.freehostingcloud.com/images/browseOver.png';" onmouseout="this.src='http://www.block-library.freehostingcloud.com/images/browse.png';" />
</a>&nbsp;&nbsp;&nbsp;&nbsp;
<a href="http://scratch.mit.edu/forums/viewtopic.php?id=40508&p=1">
<img src="http://www.block-library.freehostingcloud.com/images/discustion.png" onmouseover="this.src='http://www.block-library.freehostingcloud.com/images/discustionOver.png';" onmouseout="this.src='http://www.block-library.freehostingcloud.com/images/discustion.png';" />

</a>&nbsp;&nbsp;&nbsp;&nbsp;
<a href="http://www.block-library.freehostingcloud.com/contact">
<img src="http://www.block-library.freehostingcloud.com/images/contact.png" onmouseover="this.src='http://www.block-library.freehostingcloud.com/images/contactOver.png';" onmouseout="this.src='http://www.block-library.freehostingcloud.com/images/contact.png';" />

with

Code:

<img border="0" src="http://www.block-library.freehostingcloud.com/images/home.png" onmouseover="this.src='http://www.block-library.freehostingcloud.com/images/homeOver.png';" onmouseout="this.src='http://www.block-library.freehostingcloud.com/images/home.png';" />
</a>&nbsp;&nbsp;&nbsp;&nbsp;
<a href="http://www.block-library.freehostingcloud.com/submit">
<img border="0" src="http://www.block-library.freehostingcloud.com/images/submit.png" onmouseover="this.src='http://www.block-library.freehostingcloud.com/images/submitOver.png';" onmouseout="this.src='http://www.block-library.freehostingcloud.com/images/submit.png';" />
</a>&nbsp;&nbsp;&nbsp;&nbsp;
<a href="http://www.block-library.freehostingcloud.com/browse">
<img border="0" src="http://www.block-library.freehostingcloud.com/images/browse.png" onmouseover="this.src='http://www.block-library.freehostingcloud.com/images/browseOver.png';" onmouseout="this.src='http://www.block-library.freehostingcloud.com/images/browse.png';" />
</a>&nbsp;&nbsp;&nbsp;&nbsp;
<a href="http://scratch.mit.edu/forums/viewtopic.php?id=40508&p=1">
<img border="0" src="http://www.block-library.freehostingcloud.com/images/discustion.png" onmouseover="this.src='http://www.block-library.freehostingcloud.com/images/discustionOver.png';" onmouseout="this.src='http://www.block-library.freehostingcloud.com/images/discustion.png';" />

</a>&nbsp;&nbsp;&nbsp;&nbsp;
<a href="http://www.block-library.freehostingcloud.com/contact">
<img border="0" src="http://www.block-library.freehostingcloud.com/images/contact.png" onmouseover="this.src='http://www.block-library.freehostingcloud.com/images/contactOver.png';" onmouseout="this.src='http://www.block-library.freehostingcloud.com/images/contact.png';" />

smile

Is there any reason why w3schools is written here and there in that html code?

oh, I did that in the CSS. What browser do you have?
and I don't see w3schools anywere in my code  hmm


http://img201.imageshack.us/img201/1784/logosmalle.png
"Spectacular - 5 Star" -  CNET.com Editor.

Offline

 

#42 2010-12-21 11:42:39

Daffy22
Scratcher
Registered: 2008-12-15
Posts: 500+

Re: Welcome to your local block library! - Website development thread.

meowmeow55 wrote:

If you hover the mouse over the "Discussion thread" block-link on the site, it changes back to the old image that has a typo!  lol

no it doesn't  roll


http://img201.imageshack.us/img201/1784/logosmalle.png
"Spectacular - 5 Star" -  CNET.com Editor.

Offline

 

#43 2010-12-21 11:50:38

meowmeow55
Scratcher
Registered: 2008-12-24
Posts: 1000+

Re: Welcome to your local block library! - Website development thread.

Daffy22 wrote:

meowmeow55 wrote:

If you hover the mouse over the "Discussion thread" block-link on the site, it changes back to the old image that has a typo!  lol

no it doesn't  roll

O RLY?
http://www.block-library.freehostingcloud.com/images/discustionOver.png
^that shows up when you put your mouse cursor over the "discussion thread" link

Another suggestion for the site: perhaps there could be a button that spawns more code boxes so that the user doesn't have to make dividers in 1 code box if the code goes in more than one place, and a separate title box for each one?
Quick mockup:

Code:

Where does this code go? (enter the path of where it is in Scratch's Squeak browser)
-------------------------------<box>------------------------------------------------
Code:
[
[
[---------------------------<large box>--------------------------------------------
[
[

[(button) Add another code location]
^this would spawn another form just like the one above

Last edited by meowmeow55 (2010-12-21 11:53:52)


Yawn.

Offline

 

#44 2010-12-21 11:54:30

Daffy22
Scratcher
Registered: 2008-12-15
Posts: 500+

Re: Welcome to your local block library! - Website development thread.

meowmeow55 wrote:

Daffy22 wrote:

meowmeow55 wrote:

If you hover the mouse over the "Discussion thread" block-link on the site, it changes back to the old image that has a typo!  lol

no it doesn't  roll

O RLY?
http://www.block-library.freehostingclo … onOver.png
^that shows up when you put your mouse cursor over the "discussion thread" link

Another suggestion for the site: perhaps there could be a button that spawns more code boxes so that the user doesn't have to make dividers in 1 code box if the code goes in more than one place, and a separate title box for each one?
Quick mockup:

Code:

Where does this code go? (enter the path of where it is in Scratch's Squeak browser)
-------------------------------<box>------------------------------------------------
Code:
[
[
[---------------------------<large box>--------------------------------------------
[
[

[(button) Add another code location]
^this would spawn another form just like the one above

nope, doesn't on mine or anyone elses.  hmm


http://img201.imageshack.us/img201/1784/logosmalle.png
"Spectacular - 5 Star" -  CNET.com Editor.

Offline

 

#45 2010-12-21 12:01:50

meowmeow55
Scratcher
Registered: 2008-12-24
Posts: 1000+

Re: Welcome to your local block library! - Website development thread.

Daffy22 wrote:

meowmeow55 wrote:

Daffy22 wrote:

no it doesn't  roll

O RLY?
http://www.block-library.freehostingclo … onOver.png
^that shows up when you put your mouse cursor over the "discussion thread" link

nope, doesn't on mine or anyone elses.  hmm

Oh, I see now. Firefox refuses to update its cache unless the page in question is reloaded  tongue  (Or did you just now sneak an updated version in?  tongue )

Last edited by meowmeow55 (2010-12-21 12:04:47)


Yawn.

Offline

 

#46 2010-12-21 12:10:50

MathWizz
Scratcher
Registered: 2009-08-31
Posts: 1000+

Re: Welcome to your local block library! - Website development thread.

Daffy22 wrote:

Wait Mathwiz, your code doesn't work  sad
http://www.block-library.freehostingcloud.com/submit/

Now try it.

@sparks, I'm home schooled and it's lunch break right now.  tongue


http://block.site90.net/scratch.mit/text.php?size=30&amp;text=%20A%20signature!&amp;color=333333

Offline

 

#47 2010-12-21 12:11:08

Daffy22
Scratcher
Registered: 2008-12-15
Posts: 500+

Re: Welcome to your local block library! - Website development thread.

meowmeow55 wrote:

Daffy22 wrote:

meowmeow55 wrote:


O RLY?
http://www.block-library.freehostingclo … onOver.png
^that shows up when you put your mouse cursor over the "discussion thread" link

nope, doesn't on mine or anyone elses.  hmm

Oh, I see now. Firefox refuses to update its cache unless the page in question is reloaded  tongue  (Or did you just now sneak an updated version in?  tongue )

oh, I see  big_smile
I've got firefox as well as IE so I'll make sure I keep checking it's alright in firefox.  smile


http://img201.imageshack.us/img201/1784/logosmalle.png
"Spectacular - 5 Star" -  CNET.com Editor.

Offline

 

#48 2010-12-21 12:14:35

MathWizz
Scratcher
Registered: 2009-08-31
Posts: 1000+

Re: Welcome to your local block library! - Website development thread.

Daffy22 wrote:

meowmeow55 wrote:

Daffy22 wrote:


nope, doesn't on mine or anyone elses.  hmm

Oh, I see now. Firefox refuses to update its cache unless the page in question is reloaded  tongue  (Or did you just now sneak an updated version in?  tongue )

oh, I see  big_smile
I've got firefox as well as IE so I'll make sure I keep checking it's alright in firefox.  smile

XD I just tried my JavaScript thing in IE and it EPIC FAILED!


http://block.site90.net/scratch.mit/text.php?size=30&amp;text=%20A%20signature!&amp;color=333333

Offline

 

#49 2010-12-21 12:24:47

Daffy22
Scratcher
Registered: 2008-12-15
Posts: 500+

Re: Welcome to your local block library! - Website development thread.

MathWizz wrote:

Daffy22 wrote:

meowmeow55 wrote:


Oh, I see now. Firefox refuses to update its cache unless the page in question is reloaded  tongue  (Or did you just now sneak an updated version in?  tongue )

oh, I see  big_smile
I've got firefox as well as IE so I'll make sure I keep checking it's alright in firefox.  smile

XD I just tried my JavaScript thing in IE and it EPIC FAILED!

np, I've made a tempory PHP script until you've finished your code. the 3 forms are in div tags called f1, f2, f3  smile


http://img201.imageshack.us/img201/1784/logosmalle.png
"Spectacular - 5 Star" -  CNET.com Editor.

Offline

 

#50 2010-12-21 12:25:28

sparks
Community Moderator
Registered: 2008-11-05
Posts: 1000+

Re: Welcome to your local block library! - Website development thread.

I have firefox and there are red borders around all the linked images  hmm

I'm off for dinner with some friends now, so I'll probably not be on till tomorrow. If anyone wants to take part in the christmas competition in my sig, you have till 16:00 Scratch time today to send it in!

I'll be on again tomorrow  wink


http://img541.imageshack.us/img541/7563/scratchbetabanner.png

Offline

 

Board footer