Scratch

rookwood101 · 2011-12-29 19:41:59

Basically, this is a special script (called a userscript) that applies javascript code to certain browser pages. It changes all of the broken img tags into images and adds the ability to embed youtube videos and scratch projects (using the new youtube tag (just add square brackets and remember to add the /youtube tag with [] as well.). for scratch projects you need to use a tag with [scratch=flash ] (without the space at the end) and a closing tag of [/scratch ].

If you did this previously then there may have been an update to the script, requiring you to follow these instructions: http://scratch.mit.edu/forums/viewtopic … 7#p1068007

Beware! Pages with many images (such as the block library) will take longer than usual to load, and may even freeze your browser up! Do not worry about this as it will unfreeze shortly, if your browsers says the script may have become unresponsive, do not stop it.

If the scratch team do not like what I have done I will happily take this down. Remember kids; use this at your own risk - if you see inappropriate images, it's not my fault!

Thanks to Cocolover, LS97, FlashGoCrazy and Roijac

Firefox works
Google chrome works
Opera probably works
Safari works if you install some stuff (follow this guide)
Internet explorer works if you install some stuff (follow this guide) - advanced users only

All you have to do is:

1. (firefox only) go to the addons page and search for greasemonkey, install it.

2. (all supported browsers) click this link to Download the script or this one

3. click allow/install on the message that pops up

4. Visit any scratch forum topic with images and be amazed!
(beware that it doesn't work on some threads - probably ones that use the img tag without putting an image in/when refering to it)

THERE WILL BE BUGS

5. ???

6. PROFIT!

Refresh the page after completing all the steps to check if you can see the image below:

This now shows youtube videos and scratch projects!

[youtube]1G4isv_Fylg[/youtube]
[scratch=flash]rookwood101/1951425[/scratch]

Last edited by rookwood101 (2012-01-02 08:24:53)

sparks · 2011-12-29 19:53:55

link is broken, but pretty cool!

rookwood101 · 2011-12-29 19:54:44

sparks wrote:
link is broken, but pretty cool!

How so?

cheddargirl · 2011-12-29 19:56:41

Hey rookwood, I saw your report for a title change to "Adding the images back in to your scratch forum experience - Use at own risk", but it's way too long to fit. You'll need to shorten it. ^^;

sparks · 2011-12-29 20:02:46

rookwood101 wrote:
sparks wrote:
link is broken, but pretty cool!
How so?

The page wont load.

rookwood101 · 2011-12-29 20:07:40

Yeh sorry my vps has gone on the fritz again, which Is exactly why I'm switching to a dedicated that I have very good recommendations for smile

Edit: Should work again now!

I uploaded it to dropbox just in case:

http://dl.dropbox.com/u/896810/enable_i … ch.user.js

Last edited by rookwood101 (2011-12-29 20:21:10)

nightmarescratcher · 2011-12-29 20:44:02

yay, freedom!

Last edited by nightmarescratcher (2011-12-29 20:44:19)

bobbybee · 2011-12-29 20:48:54

Shouldn't you give me credit for debugging coco's code?

rookwood101 · 2011-12-29 20:52:31

bobbybee wrote:
Shouldn't you give me credit for debugging coco's code?

Actually I did it myself, but I was still compiling my post when you put yours, sorry sad

bobbybee · 2011-12-29 20:55:03

lol.

16Skittles · 2011-12-29 21:25:16

Nice, but stupid mobile safari.

gbear605 · 2011-12-29 21:39:12

big_smile
awesomeness

flashgocrazy · 2011-12-29 21:52:32

[youtube=JTuXPUP06H0] test

roijac · 2011-12-30 04:21:54

yay!

WindowsExplorer · 2011-12-30 05:03:25

cheddargirl wrote:
Hey rookwood, I saw your report for a title change to "Adding the images back in to your scratch forum experience - Use at own risk", but it's way too long to fit. You'll need to shorten it. ^^;

I don't think the "use at your own risk" part is required, because when images were here, there were no warnings required.

WindowsExplorer · 2011-12-30 05:07:21

I tested it on the block library. Images are workng, but images inside the URL tag aren't working. Which is a big fail for the block library.

rookwood101 · 2011-12-30 05:27:19

WindowsExplorer wrote:
I tested it on the block library. Images are workng, but images inside the URL tag aren't working. Which is a big fail for the block library.

Yeh I'm not sure why. But hopefully another member of the community with more proficient JavaScript skills can help!

rookwood101 · 2011-12-30 05:46:26

I think I've worked it out, just me not thinking straight smile

TRocket · 2011-12-30 05:52:19

rookwood101 wrote:
I think I've worked it out, just me not thinking straight

it looks like it only does the first image:

that's the second image on this thread and it doesn't work hmm
it messes up the edit page: when i edit this post it looks like this:
it looks like it only does the first image:

Code:

<img src='http://ictatnhs.files.wordpress.com/2010/04/scratch.jpg[/img]

Last edited by TRocket (2011-12-30 13:57:44)

rookwood101 · 2011-12-30 05:55:28

TRocket wrote:
rookwood101 wrote:
I think I've worked it out, just me not thinking straight
it looks like it only does the first image:

http://ictatnhs.files.wordpress.com/2010/04/scratch.jpg
that's the second image on this thread and it doesn't work

Yes that's what I was thinking.

TRocket · 2011-12-30 05:56:30

rookwood101 wrote:
TRocket wrote:
rookwood101 wrote:
I think I've worked it out, just me not thinking straight
it looks like it only does the first image:

http://ictatnhs.files.wordpress.com/2010/04/scratch.jpg
that's the second image on this thread and it doesn't work
Yes that's what I was thinking.

it also messess up the post and edit page:
it says: "'> tag: off"

rookwood101 · 2011-12-30 06:02:15

TRocket wrote:
rookwood101 wrote:
TRocket wrote:
it looks like it only does the first image:

http://ictatnhs.files.wordpress.com/2010/04/scratch.jpg
that's the second image on this thread and it doesn't work
Yes that's what I was thinking.
it also messess up the post and edit page:
it says: "'> tag: off"

Yeh, that's because it's attempting to replace the bit that normally says img tag off (including square brackets,but that will confuse it even more.) I hope to include some way of it checking if it is a valid img tag in the future.

testing:

Last edited by rookwood101 (2011-12-30 06:28:30)

rookwood101 · 2011-12-30 06:38:56

Fixed! it will now display all the images on the page, and it will only affect the topic and post pages!

To update the script:

on firefox you can go into tools>greasemonkey>manage user scripts>then click remove on the one labeled 'enable images on scratch forums'.

In chrome go to the spanner icon, then click options, go to extensions and uninstall 'enable images on scratch forums'

You'll have to work out yourself how to do it in other browsers.

Finally just click the link in the first post to redownload the script!

rookwood101 · 2011-12-30 06:46:44

Update for chome: it wasn't working with the update above, but I fixed it. repeat steps above to update.

roijac · 2011-12-30 07:38:46

you may want to do something like <img src=image.jpg width=whatever> because it doesn't resize anymore smile

Scratch

archived forums

#1 2011-12-29 19:41:59

Adding the images back in to your scratch forum experience

#2 2011-12-29 19:53:55

Re: Adding the images back in to your scratch forum experience

#3 2011-12-29 19:54:44

Re: Adding the images back in to your scratch forum experience

sparks wrote:

#4 2011-12-29 19:56:41

Re: Adding the images back in to your scratch forum experience

#5 2011-12-29 20:02:46

Re: Adding the images back in to your scratch forum experience

rookwood101 wrote:

sparks wrote:

#6 2011-12-29 20:07:40

Re: Adding the images back in to your scratch forum experience

#7 2011-12-29 20:44:02

Re: Adding the images back in to your scratch forum experience

#8 2011-12-29 20:48:54

Re: Adding the images back in to your scratch forum experience

#9 2011-12-29 20:52:31

Re: Adding the images back in to your scratch forum experience

bobbybee wrote:

#10 2011-12-29 20:55:03

Re: Adding the images back in to your scratch forum experience

#11 2011-12-29 21:25:16

Re: Adding the images back in to your scratch forum experience

#12 2011-12-29 21:39:12

Re: Adding the images back in to your scratch forum experience

#13 2011-12-29 21:52:32

Re: Adding the images back in to your scratch forum experience

#14 2011-12-30 04:21:54

Re: Adding the images back in to your scratch forum experience

#15 2011-12-30 05:03:25

Re: Adding the images back in to your scratch forum experience

cheddargirl wrote:

#16 2011-12-30 05:07:21

Re: Adding the images back in to your scratch forum experience

#17 2011-12-30 05:27:19

Re: Adding the images back in to your scratch forum experience

WindowsExplorer wrote:

#18 2011-12-30 05:46:26

Re: Adding the images back in to your scratch forum experience

#19 2011-12-30 05:52:19

Re: Adding the images back in to your scratch forum experience

rookwood101 wrote:

Code:

#20 2011-12-30 05:55:28

Re: Adding the images back in to your scratch forum experience

TRocket wrote:

rookwood101 wrote:

#21 2011-12-30 05:56:30

Re: Adding the images back in to your scratch forum experience

rookwood101 wrote:

TRocket wrote:

rookwood101 wrote:

#22 2011-12-30 06:02:15

Re: Adding the images back in to your scratch forum experience

TRocket wrote:

rookwood101 wrote:

TRocket wrote:

#23 2011-12-30 06:38:56

Re: Adding the images back in to your scratch forum experience

#24 2011-12-30 06:46:44

Re: Adding the images back in to your scratch forum experience

#25 2011-12-30 07:38:46

Re: Adding the images back in to your scratch forum experience

Board footer