-
Book Overview & Buying
-
Table Of Contents
PHP jQuery Cookbook
By :
In a typical scenario of editing a page, you open the page in an editor, make changes in it, and then reload the web page to see the changes. If there is something wrong, or anything is not as desired, you go back to the editor and repeat the cycle.
Well, there's no need for this anymore when you have the power of Firebug. This recipe will explain how you can edit the HTML and CSS of a page or specific elements in real time using Firebug. Once all the changes are made you can implement those into your source code at once.
Take any recipe from this book. For example Creating an accordion style menu from Chapter 7 and open it in the browser.

Now using the Inspect button locate the h1 element on the page, which has jQuery written inside it. Click on the Edit button beneath the Inspect button and you will be able to edit the HTML of the h1 element. Change the text inside it to About jQuery.
Now click on the DIV with class container. On the right panel you will...
Change the font size
Change margin width
Change background colour