How to See Image Notes Inside Other Image Notes

by smattman22

2.2K416

Intro: How to See Image Notes Inside Other Image Notes

I used to always be annoyed when people had image notes inside image notes and they were actual helpful to building the project. Well I found a way to see them.

*update, I've confirmed that you can use google chrome with same results.

STEP 1: Download Firefox

Go to the Firefox website and download click download now.
Next save the file and install it.

STEP 2: Get Firebug

Next download Firebug.
Click install firebug then save it.

STEP 3: Chose Image Note

Now you need to find an image note which I will provide for you in the next step if you can't find one.

STEP 4: Edit Image Note

Finally you can get to reading the note inside the other image note.
Start by right clicking the image note and hit "Inspect Element".
It should open up a window on the bottom of your Firefox screen and have something highlighted.
Now all you have to do is hit delete on your keyboard.

Try on the image notes below.

STEP 5: F.A.Q

Q. When I delete something will it stay that way?
A. Only until you leave or refresh the page.


Q. Can other people looking at the same page see anything i change?
A. No, viewing is limited to you and anyone looking at your computer screen.


Q. Could this mess up my computer in any way?
A. No, Mozilla is a large corporation that would never be allowed to put a virus on their web pages or downloads.

16 Comments

King Julien 13 years ago

If your using Internet Explorer all you have to do is paste in this code in the address bar and then you can delete the outside box.

javascript:document.body.contentEditable='true'; document.designMode='on'; void 0

Dream Dragon 13 years ago

I want to thank you for posting this particular instructable, not just that the note in side a note is annoying but that firebug add on has some other interesting and useful features too. Thank you

aricooperdavis 14 years ago

 This can also be done on safari just not quite so easily. Just right click the larger yellow box and click 'inspect element' then in the code below scroll up a little until the smaller box appears highlighted on the screen. Then click the little arrow below that line and read. If you don't understand then click the video below.




smattman22 14 years ago

or as soon as you open inspect element you could hit delete on your keyboard and the big box would go away

aricooperdavis 14 years ago

Deleting does not work with my safari for some reason. Can anyone confirm? I am using Safari version 4.0.4 in 64 bit mode. 

Data 14 years ago

 This can be done REALLY easily in google Chrome. All the functionality is built right in: Just follow step 4 and you're done, no add-on or work-arounds required.

Data 14 years ago

 Wow. Great tip. I've always been annoyed by that bug.

smattman22 14 years ago

Congrats man! You just made my 300th comment and are going on my info which is on all of my instructables! :D

wenpherd 14 years ago

I had this problem once really annoying.

Seleziona 14 years ago

I've never seen one of those notes!

smattman22 14 years ago

ill link one: here on the first step. the controller