Drupal 6 JavaScript and jQuery - Ebook-Cours.com

[ 115 ]
Chapter 4
Let's start out by looking at our frobnitz.info file, which will point to a new CSS
file and a new JavaScript file:
; $Id$
name = Frobnitz
description = Table-based multi-column theme with JavaScript
enhancements.
version = 1.0
core = 6.x
base theme = bluemarine
stylesheets[all][] = frobnitz.css
stylesheets[all][] = simpleeditor.css
scripts[] = printer_tool.js
scripts[] = sticky_rotate.js
scripts[] = behaviors.js
scripts[] = simpleeditor.js
The two new files, highlighted in the previous code, will provide a stylesheet and a
JavaScript library for our tool.
The stylesheet is very simple. Here it is:
.editor-button {
border: 1px solid gray;
padding: 3px;
width: 1em;
text-align: center;
background-color: #eee;
float: left;
}
.editor-button:hover {
background-color: #ccc;
}
.button-bar {
clear: both;
}
It simply takes the elements that make up the buttons and button bar, and
makes them look and behave a little more like form buttons. Now, let's move
on to the JavaScript.
Here is the simpleeditor.js script in its entirety. After taking a quick look at the
entire file we will go through it more carefully:
// $Id$
/**
* Simple text editing controls for a textarea.
*/
This material is copyright and is licensed for the sole use by Richard Ostheimer on 18th June 2009
2205 hilda ave., , missoula, , 59801