Home

Welcome Guest ( Log In | Register )



Custom Search

 
Reply to this topicStart new topic
 Edit HTML in Firefox (bookmarklet)
rico_sc
post Feb 26 2006, 11:16 PM
Post #1


Senior Weaver
******

Group: Members
Posts: 577
Joined: 14-June 04
From: Paranaque
Member No.: 367





Made a new bookmarklet today. Still in beta and only tested in Firefox. Look at the image to see what it can do ;)

This thing lets you edit any webpage in Firefox, in place. Visit any webpage (local or online), use this bookmarklet: a new window will popup with the page's source. As you type in that window to edit the HTML, the changes will be reflected on the page in realtime. Very useful for trial-and-error editing of pages. (Think "split code view" in Dreamweaver, but in Firefox!)

Works great when used with the CSS editor bookmarklet (or extension) -- go Google for them!

--> Edit HTML bookmarklet


--------------------
Go to the top of the page
 
+Quote Post

Mnemosyne
post Feb 27 2006, 01:29 AM
Post #2


Probationary
***

Group: Members
Posts: 66
Joined: 23-October 03
From: Manila
Member No.: 253



So no need to d/l the page and re-upload via ftp. Nice.  :thumbsup:

I'm starting to feel bad about hating Firefox. <3


--------------------
Go to the top of the page
 
+Quote Post
rico_sc
post Feb 27 2006, 02:18 AM
Post #3


Senior Weaver
******

Group: Members
Posts: 577
Joined: 14-June 04
From: Paranaque
Member No.: 367



Yep! That's kind of what I use it for... I got tired of downloading -> edit -> reupload -> download again -> edit -> reupload etc, so I just had to hack up a quick solution.

Another tip: go to about:blank and use it there to create an HTML page from scratch.


--------------------
Go to the top of the page
 
+Quote Post
jayanuaria
post Feb 27 2006, 08:55 AM
Post #4


Senior Weaver
******

Group: Members
Posts: 601
Joined: 1-October 05
From: Caloocan
Member No.: 834



Wow.. laking tulong nyan.. d nko tatamarin mag update ng personal site hehe..


--------------------
Go to the top of the page
 
+Quote Post
Brownspank
post Feb 27 2006, 01:26 PM
Post #5


Senior Weaver
******

Group: Moderators
Posts: 1,282
Joined: 29-August 03
From: Baguio City
Member No.: 224



QUOTE
So no need to d/l the page and re-upload via ftp. Nice.  :thumbsup:

I'm starting to feel bad about hating Firefox. <3


Hating Firefox is like hating money! LOL

Anyway, very nice and useful bookmarklet, especially for tweak-testing purposes. :)

Some feature suggestions:
- When the user closes the editing window ([tt]onbeforeunload[/tt]), ask him/her ([tt]confirm()[/tt]) whether he/she likes to keep the revisions or not.
- Take the message outside of the [tt]textarea[/tt], preferrably into a paragraph above it. That way, CTRL+A doesn't have to include the comment, and it can be styled to look more prominent as a note.

Ever considered porting this into a full-blown FF extension? ;)

Stickied! :thumbsup: :thumbsup: :thumbsup:


--------------------
Jose Olarte III - Brown Battery Studios
Portfolio / Blog / LinkedIn / Facebook
Go to the top of the page
 
+Quote Post
patatas
post Feb 27 2006, 04:34 PM
Post #6


f@#$tard
*********

Group: Kapusa
Posts: 1,539
Joined: 2-November 05
From: bacolod
Member No.: 854



yep. useful nga ito. nice one.


--------------------
less talk. less mistake.
Go to the top of the page
 
+Quote Post
biomekanika
post Mar 3 2006, 01:29 AM
Post #7


Applicant
**

Group: Members
Posts: 36
Joined: 20-August 03
From: Baguio City
Member No.: 206



Nifty little tool!  :thumbsup: Sarap i-expand 'to.  ;)


--------------------
Erwin M. Simpauco - Designer/Developer
w: www.brownbatterystudios.com
e: erwin@brownbatterystudios.com
m: +63 917 764 8329
Go to the top of the page
 
+Quote Post
-boom-
post Mar 3 2006, 08:41 PM
Post #8


Probationary
***

Group: Members
Posts: 86
Joined: 5-January 06
From: Antipolo City
Member No.: 939



Panalo!


--------------------
Go to the top of the page
 
+Quote Post
webmask
post Mar 4 2006, 10:08 AM
Post #9


Junior Weaver
*****

Group: Members
Posts: 186
Joined: 14-January 06
From: Bacolod City, Philippines
Member No.: 967



cool... ayos.


--------------------
Go to the top of the page
 
+Quote Post
ionicwings
post Mar 26 2006, 04:21 PM
Post #10


Junior Weaver
*****

Group: Members
Posts: 242
Joined: 31-December 04
From: Baguio
Member No.: 601



lol pwedeng pwede ito sa online flash games *grins*


--------------------
Go to the top of the page
 
+Quote Post
Jonathan
post Jun 28 2006, 11:18 PM
Post #11


Probationary
***

Group: Members
Posts: 78
Joined: 27-June 06
From: Manila
Member No.: 1,276



Ok to chong! Pwede na mapalitan ranking sa Google!  :|


--------------------
Go to the top of the page
 
+Quote Post
monkeynote
post Jul 11 2006, 05:36 PM
Post #12


Probationary
***

Group: Members
Posts: 60
Joined: 5-July 06
From: dagupan city, philippines
Member No.: 1,294



one more tip... you can also combine bookmarklet with IE tab in Firefox https://addons.mozilla.org/firefox/1419/" target="_blank">https://addons.mozilla.org/firefox/1419/ so that you can view your page in IE! Great for CSS Positioning stuffs! i hope that there's a Opera Tab for Firefox!  :thumbsup:


--------------------
Great innovations would not be done without FUN =)
Go to the top of the page
 
+Quote Post
Guest_Samhain13_*
post Jun 30 2007, 04:05 AM
Post #13





Guests






Ang cool! I was beginning to wonder what I had to use it for but I saw the replies and found the thing really interesting. And given that IE tab support, it's going to be a quick "live preview" also. Galing-galing!  :thumbsup:
Go to the top of the page
 
+Quote Post
rico_sc
post Jun 30 2007, 07:36 AM
Post #14


Senior Weaver
******

Group: Members
Posts: 577
Joined: 14-June 04
From: Paranaque
Member No.: 367



Btw fellas, Firebug (getfirebug.com) is a Firefox extension that recently implemented this functionality too (that's why I stopped working on this)


--------------------
Go to the top of the page
 
+Quote Post

Reply to this topicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

 



Lo-Fi Version

PW Theme Created by: Jeff Mendoza, Jose Olarte III, and Diwa Fernandez | icons by pinvoke and Fam Fam Fam  Runescape game and Mechscape MMORPG