StyleSheet Question

Hello, there, I am trying to display some HTML in a JTextArea with HTMLEditorKit, and I have come across a problem. I am using my own stylesheet, and there are several styles that seem to be completely ignored when whatever is displaying the HTML gets to them. The ones I have noticed so far are the ones for displaying blockquotes and the one for displaying thumbnail images.
Code Follows:
Part where I initialize the stylesheet
//Initialize the Frame
JFrame frame = new JFrame("Meme");
JPanel panel;
JPanel innerPanel;
JPanel outerPanel;
JLabel label;
frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
Container content = frame.getContentPane();
//Set up the main editor pane and define the css rules needed to display the pages
final JEditorPane editorPane = new JEditorPane();
editorPane.setEditable(false);
HTMLEditorKit editorKit = new HTMLEditorKit();
StyleSheet sheet = new StyleSheet();
sheet.addRule("html, body {     background:#FFFFEE;     color:#800000; margin: 0; padding: 8px; margin-bottom: auto;}");
sheet.addRule("a {color:#0000EE;}");
sheet.addRule(".filetitle {background:inherit; font-size:1.2em; color:#CC1105; font-weight:800;}");
sheet.addRule(".heading{ text-align: center; font-size: 2em}");
sheet.addRule(".postername {color:#117743; font-weight:bold;}");
//Doesn't work, not sure why...
sheet.addRule(".thumb { border: none; float: left; margin: 2px 20px }");
sheet.addRule("blockquote { margin-left: 0em }");
/*//Doesn't work, not supported by HTMLEditorKit:
sheet.addRule("a:hover {color:#DD0000;}");*/
sheet.addRule(".postblock {background:#EEAA88; color:#800000; font-weight:800;}");
sheet.addRule(".postertrip {color:#228854;}");
sheet.addRule(".reply {background:#F0E0D6; color:#800000;}");
sheet.addRule(".replytitle {font-size: 1.2em; color:#CC1105; font-weight:800;}");
sheet.addRule(".commentpostername {color:#117743; font-weight:800;}");
sheet.addRule(".highlight {background:#F0E0D6; color:#800000; border: 2px dashed #EEAA88;}");
sheet.addRule(".reply blockquote, blockquote :last-child { margin-bottom: 0em }");
sheet.addRule(".postarea { text-align: center }");
sheet.addRule(".postarea table { margin: 0px auto; text-align: left }");
editorKit.setStyleSheet(sheet);
editorPane.setEditorKit(editorKit);
JScrollPane scrollPane = new JScrollPane(editorPane);
content.add(scrollPane, BorderLayout.CENTER);
Part where I use the stylesheet:
//Prepare the query
IndexSearcher Searcher = new IndexSearcher(rootDir + "Index/");
QueryParser parser = new QueryParser("Text", new StandardAnalyzer());
TopDocs results = Searcher.search(parser.parse(SearchParameters.getText()), null, 10);
int threadsPerPage = Integer.parseInt(ThreadsPerPage.getText());
String Page = "<html><head><title>Meme Search Results Page</title></head><body><p class=\"heading\">Search Results:</p>";
//Read all the result threads into memory
for (int i = 0; (i < results.scoreDocs.length) && (i < threadsPerPage); i++) {
String Thread = RebuildThread(Searcher.doc(results.scoreDocs.doc).getFields("Path")[0].stringValue(), true);
Page += Thread.substring(0 , Thread.indexOf("&nbsp") + 5) + "<a href=" + i + ".html>[View]</a>" + Thread.substring(Thread.indexOf("<blockquote>")) + "<br clear=\"left\"><hr>";
Page += "</body></html>";
//Read the results into an HTML document and put them on the pane
HTMLDocument doc = (HTMLDocument)editorPane.getEditorKit().createDefaultDocument();
doc.setBase(new File(rootDir).toURL());
Main.PrintLineToMainOutput(doc.getBase().toString());
ParserDelegator HTMLParser = new ParserDelegator();
HTMLParser.parse(new StringReader(Page), doc.getReader(0), true);
editorPane.setDocument(doc);
//Output some data about whether there were results or not
if (results.scoreDocs.length == 0) {
Main.PrintLineToMainOutput("No Results");
} else {
Main.PrintLineToMainOutput("Results Written to Frame");
So yeah, any help you guys could give would be great.

Hi.
Have you tried to use the standard CSS and search in the source of the page for the key figure heading that you want? If you find it than will find the its standard class.
Take a look at the how-to guides for Web Printing with Excel. They have some very useful tips. U can download them from SDN.
Pedro

Similar Messages

  • Beginner CSS multiple stylesheet Question...

    Hi,
    I am a complete beginner. I've followed through the Dreamweaver beginner 'Check Magazine' tutorial to create a site and it's straghtforward. My site is small, a tourist guide, basically a three column/main image homepage like the tuotorial and then around 25 pages featuring different places with identical main column and a thinner right column layout. (I've created a template for the 25)
    My question is regarding CSS stylesheets. Now obviously I have used the CSS stylesheet to set the size and background colour etc of my Div Columns in the homepage as in the tutorial. But my 25 pages have different column widths and background colours to the homepage. Do I need to create a seperate stylesheet for each page?
    Or does each div column get a different name on each page? (div#right_column 1,2,3 etc) Or I need to learn another step?
    I've looked in the beginner guides and they all explain one stylesheet, but don't elaborate for when you start adding new pages and want to edit them.
    I know I have a lot to learn! But I don't want to go further learning a bad habit or misunderstanding and wasting a lot of time when a simple answer would really help me at this stage. It's fine if someone knows a good guide or tutorial that covers this that they can link to as well.
    Thanks in advance!

    If I understand this correctly, your home page is the only one that has unique styles.  The other 25 site pages share the same styles.
    Create one external stylesheet for the 25 pages.
    Use embedded CSS on the home page for styles that are specific to that page.
    Embedded CSS goes in the HTML document between the <head> and </head> tags like so.
    <style type="text/css">
    unique page styles go here....
    </style>
    Nancy O.
    Alt-Web Design & Publishing
    Web | Graphics | Print | Media  Specialists 
    http://alt-web.com/
    http://twitter.com/altweb

  • Question to import stylesheets

    I have a question to function: Import Stylesheet using on the webserver.
    I have installed the xmlpserver.ear as a oc4j-instance on the oas webserver version 10.1.3.1.
    Now a developer like use the function: Import Stylesheet.
    XSL Syntax: <xsl:import href="url">
    BI Publisher Tag: <?import:url?>
    What is the correct syntax for the declaration of the URL?
    How have the stylesheet upload to the server and to which location on the webserver?
    It is necessary to set configuration parameter ?
    Regards Petra

    Hi all,
    I have a problem.
    Before release CS6 I worked with CS5. Then I decided to try CS6, installed tryout. I liked it.
    I was working on one project, so decided to give a try to a new Premiere CS6. Was almost at the end, when suddenly my trial licence expired...so I had no choice but to return to Premiere CS5.
    Of course I couldn't open CS6 project in CS5, so I had to import sequences. Everything seemed to be ok, except this message "Video Filter Missing: AE.ADBE.SubspaceStabilizer." Yes I used Warp stabilizer on CS6 to stabilize shaky footage. How to remove it from my project? Any ideas?
    I tried to make new sequence and paste into, but when closing and the reopening project I still get this message....
    PS. Sorry for my English

  • Some questions about how to change scenes

    i have something like the following:
    fxml (view/main/MainMenu.fxml):
    <Scene fx:controller="view.main.CtrlMainMenu" xmlns:fx="http://javafx.com/fxml" stylesheets="view/main/main.css">
        <GridPane xmlns:fx="http://javafx.com/fxml" alignment="center" id="backgorund" hgap="10" vgap="10">
            <!--other panes -->
            <VBox spacing="8" GridPane.columnIndex="0" GridPane.rowIndex="1">
                <Button text="Start" onAction="#Start"/>
                <Button text="Options" onAction="#Options"/>
                <Button text="Exit" onAction="#Exit"/>
            </VBox>
        </GridPane>
    </Scene>main loop (cotroller/main.java):
    public class main extends Application{
        public static void main(String[] args){
            launch(main.class, args);
        public void start(Stage stage) throws Exception{
            stage.setTitle(CtrlLanguage.get(CtrlLanguage.TITLE));
            CtrlMainMenu main = new CtrlMainMenu();
            Scene scene = main.main();          //don't know how to make Scene scene = (Scene)FXMLLoader.load(getClass().getResource("MainMenu.fxml")); work on here since MainMenu.fxml is in view/main while the main class is in controller and ended up putting CtrlMainMenu in the view although is not very correct
            stage.setScene(scene);
            stage.setWidth(1080);
            stage.setHeight(720);
            stage.show();
    }view controller (view/main/CtrlMainMenu.java):
    public class CtrlMainMenu{
        //other buttons actions
        public Scene main() throws Exception{
            return (Scene)FXMLLoader.load(getClass().getResource("MainMenu.fxml"));
        @FXML protected void Start(ActionEvent event){
        @FXML protected void Options(ActionEvent event){
        @FXML protected void Exit(ActionEvent event){
            System.exit(0);          //is there any other way to finish the program than using a system.exit?
    }got few questions currently:
    1. i'd like to be able to keep using CtrlMainMenu for other buttons while the ones that appear there go to the main (since will be reusing those classes from other scenes)
    tried adding fx:controller on panes instead of the scene, but it doesnt work at all (it crashes) else directly in CtrlMainMenu change the scenes of the stage, but then, i have to send the stage to every controller i use? (or how do i know the stage of the scene?)
    and in the case of options, i'd like after done, go back to the previous scene, is that possible? if so, how?
    2.if i want to implement languages, how do i do to change the text? tried with setText() but depending on where do i put it, it crashes, so dont know where do i have to put it
    3.im doing a game that may have different number of players, so, is there some way to erase/hide/add data from a gridpane with fxml?

    1. ok, found the way to change scenes, with this way:
    @FXML protected void Start(ActionEvent event) throws Exception{
         Node node = (Node)event.getSource();
         Stage stage = (Stage)node.getScene().getWindow();
         Scene scene = (Scene)FXMLLoader.load(getClass().getResource("../view/main/MainMenu.fxml"));     //this is just an example, will change to go to another scene
         stage.setScene(scene);
         stage.show();
    }but now i have another problem, when i click on the button the stage scene is changed, but the scene is transformed to a very small one at the top left (the size seems the same as when i dont put the set width/height on the stage when creating it), the stage size remains the same, and when i resize the window, it gets "repaired"
    the options, i thought on using a pane over the current pane so this way instead of going back would be just removing that new pane, would that work well?
    2. found about languages that is by using <Label text="%myText"/> and java.util.ResourceBundle but don't know how to use it, can someone provide me an example, please?
    3. still haven't looked on it...

  • Questions about using Styles Window for formatting a book in Apple Works.

    Help says "You can create your own styles in any document type." Not clear on how to do that.
    I wish to have one Style or group of Styles associated with one document of say 500 pages for a book. Each chapter Heading. as a single column layout, is separated by Section Breaks from previous and following text in 2 column layout.
    Question 1. How do I make Styles window settings (Edit/Done) specific for this entire document? Can I edit settings in Styles window and have them remain specific and locked to this particular document? Or are the Styles window settings constant across all documents?
    Question 2. (If Styles window settings are not specific and locked to this document) Do I need to make a NEW Style for each purpose within the document, as in Book Heading, Book Subheading, Book Body, Book special paragraph style, and etc.
    Question 3. When importing multiple sections of the work (by copy and paste) from other AW documents how can I have the imported text follow the book’s Style settings (and vice versa how to keep tab settings that are specific in some areas). Sometimes the imported work refuses to conform to the Book document’s style say line spacing for instance.
    Thank you
    Hilary Fish
    iBook G4 Mac OS X (10.4.8) AppleWorks 6.2.9

    Hi Hilary,
    I haven't used styles enough to give definitive answers to your questions, but I'm sure others will join in and correct any errors in what follows.
    A "Style" is essentially a set of paragraph level format settings that can be collectively applied to a paragraph or contiguous set of paragraphs as a set, rather than having to apply each attribute individually. Once a style is applied to various parts of a document, changes made to the style specification will apply to every part of the document to which that style has been applied.
    AppleWorks also includes two other types of Styles—Outline styles (Diamond, Harvard and Legal), used to identify hierarchical levels of paragraphs, and Table styles, used to format tables.
    Question 1: From the Help article "Using Styles":
    You can copy the collection of all the styles available in a document and make them available in another document. This is called exporting and importing a stylesheet.
    I read this as saying that styles you create are specific to the document in which they are created, but may be exported to other documents. "Other documents" would includes documents saved as templates, which could be used to create the various sections of a book.
    Question 2:
    As the set of styles is specific to the document it is created in (or into which it is imported), you can probably leave "Book " off the names of the styles (but may decide that leaving it on makes it easier to know what the styles are for). You will need to use an existing style or create a new one for each purpose within the document.
    Question 3:
    Copy copies the text AND formatting of the selected material.
    Paste pastes the text AND formatting of the selected material.
    Paste also inserts the pasted material into the target document at the insertion point. All of the pasted material goes into the same Section. If the pasted material includes a section break, then a new section will be created in the target document.
    If you export the set of styles from the master document and apply them to the parts of the source document before transferring the material to the master document, I suspect the formatting will be carried over.
    Another possibility is to leave the source document with no formatting at all beyond paragraph breaks, and to apply the formatting (styles) after transferring the text.
    Regards,
    Barry

  • Question about Spry Collapsible Panel

    Hey guys my question is that I have a PSD sliced and imported into Dreamweaver and I was wondering if it was possible to have a Spry Collapsible Panel drop down from a button I designed in Photoshop and brought into dreamweaver? Basically I want a content area to drop down when that button is clicked and I figured a Spry Collapsible Panel might be able to accomplish that. I hope I'm explaining this clearly enough, I'm not very experienced with Dreamweaver. Thanks!

    Definitely possible.
    You should first import the image into DW.
    Insert > Spry > Spry Collapsible Panel
    It'll insert a demo panel.
    You'll then have to move your image <img src..> into the default first div under spry collapsible as follows:
    <div id="CollapsiblePanel1" class="CollapsiblePanel">
      <div class="CollapsiblePanelTab" tabindex="0"><img src="location-to-your-image.jpg" width="100" height="50" /></div>
      <div class="CollapsiblePanelContent">Content</div>
    </div>
    You'll basically be removing 'TAB' from here to replace it with your img src tag.
    Your HTML should look like this:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>Collapsible Test</title>
    <script src="SpryAssets/SpryCollapsiblePanel.js" type="text/javascript"></script>
    <link href="SpryAssets/SpryCollapsiblePanel.css" rel="stylesheet" type="text/css" />
    </head>
    <body>
    <div id="CollapsiblePanel1" class="CollapsiblePanel">
      <div class="CollapsiblePanelTab" tabindex="0"><img src="location-to-your-image.jpg" width="100" height="50" /></div>
      <div class="CollapsiblePanelContent">Content</div>
    </div>
    <script type="text/javascript">
    <!--
    var CollapsiblePanel1 = new Spry.Widget.CollapsiblePanel("CollapsiblePanel1");
    //-->
    </script>
    </body>
    </html>
    Do note that you'll have to copy the supporting spry files to your server for this to work. By default, DW will place them into your project folder once you insert the spry collapsible panel.

  • Creating a Survey - Novice Javascript Question

    Hello,
    I am extrememely new to Javascript.  I have been doing some research online and copy/pasting code to create the results I need.  I am trying to create an online survey in Dreamweaver in which users select buttons to answer questions and then the total results appear at the bottom of the survey.  So far this is what I have:
    http://sicolaconsulting.com/SurveyTest4.php
    The problem I have with this is that on each line, a user can select more than one box.  I don't want this so I thought radio buttons would be better.  I then came up with this:
    http://sicolaconsulting.com/SurveyTest3.php
    The problem with this is that with the function I am using, I can only get it to display the value of the first line.  I need it to calculate the sum of all the lines.
    Can you help me revise the script I have to get my desired result.
    Here is my code for the first page, followed by the code for the second page.  THANK YOU!
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Untitled Document</title>
    <title>Survey</title>
    <style type="text/css">
    body,td,th {
              font-family: Tahoma, Geneva, sans-serif;
    </style>
    <link href="stylesheets/SCG_Styles.css" rel="stylesheet" type="text/css" />
    <title>Survey</title>
    <script type="text/javascript">
              function TotalPart1A() {
                        document.survey.Total1A.value = '';
                        var sum = 0;
                        for (i=0;i<document.survey.Part1A.length;i++) {
                          if (document.survey.Part1A[i].checked) {
                                    sum = sum + parseInt(document.survey.Part1A[i].value);
                        document.survey.Total1A.value = sum;
    </script>
    <link href="stylesheets/SCG_Styles.css" rel="stylesheet" type="text/css" />
    </head>
    <body>
    <div id="wrapper"><br />
      <div id="survey-header"><strong>Purpose:</strong><br />
        The Learning Style Survey assesses your general approach to learning. <br />
        It does not predict your behavior, but it is a clear indication of your overall style preferences.<br />
        <br />
        <strong>Instructions:</strong><br />
        For each item circle the response that represents your approach. Complete all items. <br />
        There are eleven major activities representing twelve different aspects of your learning style. <br />
        When you read the statements, try to think about what you generally do when learning. <br />
        <br />
        <strong>Time:</strong><br />
        It takes about 30 minutes to complete the survey. Do not spend too much time on any item. Indicate your immediate response (or feeling) and move on to the next item. <br />
        <br />
        <strong>For each item, enter your immediate response:<br />
          0 = Never  1 = Rarely  2 = Sometimes  3 = Often  4 = Always</strong><br />
      </div>
              <div id="survey">
    <form name="survey">
              <div id="survey-section1">
                    <table class="survey-table" cellspacing="0" width="812">
                      <tr>
                        <td height="24" colspan="2" align="left" bgcolor="#CCCCCC"><strong>Part 1: How I Use My Physical Senses</strong></td>
                        <td height="24" align="center" bgcolor="#CCCCCC"><strong>1</strong></td>
                        <td height="24" align="center" bgcolor="#CCCCCC"><strong>2</strong></td>
                        <td height="24" align="center" bgcolor="#CCCCCC"><strong>3</strong></td>
                        <td height="24" align="center" bgcolor="#CCCCCC"><strong>4</strong></td>
                        </tr>
                      <tr>
                        <td width="31" height="27">1</td>
                        <td width="515" align="left">I remember something better if I write it down.</td>
                        <td width="60"><input type="checkbox" name="Part1A" value="1" onchange="TotalPart1A()"/></td>
                        <td width="60"><input type="checkbox" name="Part1A" value="2" onchange="TotalPart1A()"/></td>
                        <td width="60"><input type="checkbox" name="Part1A" value="3" onchange="TotalPart1A()"/></td>
                        <td width="60"><input type="checkbox" name="Part1A" value="4" onchange="TotalPart1A()"/></td>
                        </tr>
                      <tr>
                        <td width="31" bgcolor="#EAEAEA">2</td>
                        <td height="27" align="left" bgcolor="#EAEAEA"> I take detailed notes during lectures.</td>
                        <td bgcolor="#EAEAEA"><input type="checkbox" name="Part1A" value="1" onchange="TotalPart1A()"/></td>
                        <td bgcolor="#EAEAEA"><input type="checkbox" name="Part1A" value="2" onchange="TotalPart1A()"/></td>
                        <td bgcolor="#EAEAEA"><input type="checkbox" name="Part1A" value="3" onchange="TotalPart1A()"/></td>
                        <td bgcolor="#EAEAEA"><input type="checkbox" name="Part1A" value="4" onchange="TotalPart1A()"/></td>
                        </tr>
                      <tr>
                        <td>3</td>
                        <td height="27" align="left">When I listen, I visualize pictures, numbers, or words in my head.</td>
                        <td><input type="checkbox" name="Part1A" value="1" onchange="TotalPart1A()"/></td>
                        <td><input type="checkbox" name="Part1A" value="2" onchange="TotalPart1A()"/></td>
                        <td><input type="checkbox" name="Part1A" value="3" onchange="TotalPart1A()"/></td>
                        <td><input type="checkbox" name="Part1A" value="4" onchange="TotalPart1A()"/></td>
                        </tr>
                      <tr>
                        <td bgcolor="#EAEAEA">4</td>
                        <td height="27" align="left" bgcolor="#EAEAEA"> I prefer to learn with TV or video rather than other media. </td>
                        <td bgcolor="#EAEAEA"><input type="checkbox" name="Part1A" value="1" onchange="TotalPart1A()"/></td>
                        <td bgcolor="#EAEAEA"><input type="checkbox" name="Part1A" value="2" onchange="TotalPart1A()"/></td>
                        <td bgcolor="#EAEAEA"><input type="checkbox" name="Part1A" value="3" onchange="TotalPart1A()"/></td>
                        <td bgcolor="#EAEAEA"><input type="checkbox" name="Part1A" value="4" onchange="TotalPart1A()"/></td>
                        </tr>
                      <tr>
                        <td>5</td>
                        <td height="27" align="left"> I use color coding to help me as I learn to work.</td>
                        <td><input type="checkbox" name="Part1A" value="1" onchange="TotalPart1A()"/></td>
                        <td><input type="checkbox" name="Part1A" value="2" onchange="TotalPart1A()"/></td>
                        <td><input type="checkbox" name="Part1A" value="3" onchange="TotalPart1A()"/></td>
                        <td><input type="checkbox" name="Part1A" value="4" onchange="TotalPart1A()"/></td>
                        </tr>
                      <tr>
                        <td bgcolor="#EAEAEA">6</td>
                        <td height="27" align="left" bgcolor="#EAEAEA"> I need written directions for tasks.</td>
                        <td bgcolor="#EAEAEA"><input type="checkbox" name="Part1A" value="1" onchange="TotalPart1A()"/></td>
                        <td bgcolor="#EAEAEA"><input type="checkbox" name="Part1A" value="2" onchange="TotalPart1A()"/></td>
                        <td bgcolor="#EAEAEA"><input type="checkbox" name="Part1A" value="3" onchange="TotalPart1A()"/></td>
                        <td bgcolor="#EAEAEA"><input type="checkbox" name="Part1A" value="4" onchange="TotalPart1A()"/></td>
                        </tr>
                      <tr>
                        <td>7</td>
                        <td height="27" align="left"> I have to look at people to understand what they say.</td>
                        <td><input type="checkbox" name="Part1A" value="1" onchange="TotalPart1A()"/></td>
                        <td><input type="checkbox" name="Part1A" value="2" onchange="TotalPart1A()"/></td>
                        <td><input type="checkbox" name="Part1A" value="3" onchange="TotalPart1A()"/></td>
                        <td><input type="checkbox" name="Part1A" value="4" onchange="TotalPart1A()"/></td>
                        </tr>
                      <tr>
                        <td bgcolor="#EAEAEA">8</td>
                        <td height="27" align="left" bgcolor="#EAEAEA">I understand lecturers better when they write on the board.</td>
                        <td bgcolor="#EAEAEA"><input type="checkbox" name="Part1A" value="1" onchange="TotalPart1A()"/></td>
                        <td bgcolor="#EAEAEA"><input type="checkbox" name="Part1A" value="2" onchange="TotalPart1A()"/></td>
                        <td bgcolor="#EAEAEA"><input type="checkbox" name="Part1A" value="3" onchange="TotalPart1A()"/></td>
                        <td bgcolor="#EAEAEA"><input type="checkbox" name="Part1A" value="4" onchange="TotalPart1A()"/></td>
                        </tr>
                      <tr>
                        <td>9</td>
                        <td height="27" align="left">Charts, diagrams, and maps help me understand what someone says. </td>
                        <td><input type="checkbox" name="Part1A" value="1" onchange="TotalPart1A()"/></td>
                        <td><input type="checkbox" name="Part1A" value="2" onchange="TotalPart1A()"/></td>
                        <td><input type="checkbox" name="Part1A" value="3" onchange="TotalPart1A()"/></td>
                        <td><input type="checkbox" name="Part1A" value="4" onchange="TotalPart1A()"/></td>
                        </tr>
                      <tr>
                        <td bgcolor="#EAEAEA">10</td>
                        <td height="27" align="left" bgcolor="#EAEAEA">I remember people’s faces, but not their names. </td>
                        <td bgcolor="#EAEAEA"><input type="checkbox" name="Part1A" value="1" onchange="TotalPart1A()"/></td>
                        <td bgcolor="#EAEAEA"><input type="checkbox" name="Part1A" value="2" onchange="TotalPart1A()"/></td>
                        <td bgcolor="#EAEAEA"><input type="checkbox" name="Part1A" value="3" onchange="TotalPart1A()"/></td>
                        <td bgcolor="#EAEAEA"><input type="checkbox" name="Part1A" value="4" onchange="TotalPart1A()"/></td>
                        </tr>
                      <tr>
                        <td> </td>
                        <td height="27" align="right">A TOTAL: </td>
                        <td colspan="2"><input type="text" size="10" name="Total1A" value="0"/></td>
                        <td align="right"> </td>
                        <td> </td>
                        </tr>
                      <tr>
                        <td> </td>
                        <td height="27" align="right"> </td>
                        <td> </td>
                        <td> </td>
                        <td align="right"> </td>
                        <td> </td>
                        </tr>
                      </table>
    </form>
                </div>
              </div>
        </body>
        </html>
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Untitled Document</title>
    <title>Survey</title>
    <style type="text/css">
    body,td,th {
              font-family: Tahoma, Geneva, sans-serif;
    </style>
    <link href="stylesheets/SCG_Styles.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript">
              function TotalPart1A() {
                        document.survey.Total1A.value = '';
                        var sum = 0;
                        for (i=0;i<document.survey.radiogroup1A.length;i++) {
                          if (document.survey.radiogroup1A[i].checked) {
                                    sum = sum + parseInt(document.survey.radiogroup1A[i].value);
                        document.survey.Total1A.value = sum;
    </script>
    <link href="stylesheets/SCG_Styles.css" rel="stylesheet" type="text/css" />
    </head>
    <body>
    <div id="wrapper"><br />
      <div id="survey-header"><strong>Purpose:</strong><br />
        The Learning Style Survey assesses your general approach to learning. <br />
        It does not predict your behavior, but it is a clear indication of your overall style preferences.<br />
        <br />
        <strong>Instructions:</strong><br />
        For each item circle the response that represents your approach. Complete all items. <br />
        There are eleven major activities representing twelve different aspects of your learning style. <br />
        When you read the statements, try to think about what you generally do when learning. <br />
        <br />
        <strong>Time:</strong><br />
        It takes about 30 minutes to complete the survey. Do not spend too much time on any item. Indicate your immediate response (or feeling) and move on to the next item. <br />
        <br />
        <strong>For each item, enter your immediate response:<br />
          0 = Never  1 = Rarely  2 = Sometimes  3 = Often  4 = Always</strong><br />
      </div>
      <div id="survey">
        <form name="survey" id="survey">
          <div id="survey-section1">
          <table class="survey-table" cellspacing="0" width="812">
            <tr>
              <td height="24" colspan="2" align="left" bgcolor="#CCCCCC"><strong>Part 1: How I Use My Physical Senses</strong></td>
              <td height="24" align="center" bgcolor="#CCCCCC"><strong>1</strong></td>
              <td height="24" align="center" bgcolor="#CCCCCC"><strong>2</strong></td>
              <td height="24" align="center" bgcolor="#CCCCCC"><strong>3</strong></td>
              <td height="24" align="center" bgcolor="#CCCCCC"><strong>4</strong></td>
            </tr>
            <tr>
              <td width="31" height="27">1</td>
              <td width="515" align="left">I remember something better if I write it down.</td>
              <td width="60"><input type="radio" name="radiogroup1A" value="1" onchange="TotalPart1A()"/></td>
              <td width="60"><input type="radio" name="radiogroup1A" value="2" onchange="TotalPart1A()"/></td>
              <td width="60"><input type="radio" name="radiogroup1A" value="3" onchange="TotalPart1A()"/></td>
              <td width="60"><input type="radio" name="radiogroup1A" value="4" onchange="TotalPart1A()"/></td>
            </tr>
            <tr>
              <td width="31" bgcolor="#EAEAEA">2</td>
              <td height="27" align="left" bgcolor="#EAEAEA"> I take detailed notes during lectures.</td>
              <td bgcolor="#EAEAEA"><input type="radio" name="radiogroup2A" value="1" onchange="TotalPart1A()"/></td>
              <td bgcolor="#EAEAEA"><input type="radio" name="radiogroup2A" value="2" onchange="TotalPart1A()"/></td>
              <td bgcolor="#EAEAEA"><input type="radio" name="radiogroup2A" value="3" onchange="TotalPart1A()"/></td>
              <td bgcolor="#EAEAEA"><input type="radio" name="radiogroup2A" value="4" onchange="TotalPart1A()"/></td>
            </tr>
            <tr>
              <td>3</td>
              <td height="27" align="left">When I listen, I visualize pictures, numbers, or words in my head.</td>
              <td><input type="radio" name="radiogroup3A" value="1" onchange="TotalPart1A()"/></td>
              <td><input type="radio" name="radiogroup3A" value="2" onchange="TotalPart1A()"/></td>
              <td><input type="radio" name="radiogroup3A" value="3" onchange="TotalPart1A()"/></td>
              <td><input type="radio" name="radiogroup3A" value="4" onchange="TotalPart1A()"/></td>
            </tr>
            <tr>
              <td bgcolor="#EAEAEA">4</td>
              <td height="27" align="left" bgcolor="#EAEAEA"> I prefer to learn with TV or video rather than other media. </td>
              <td bgcolor="#EAEAEA"><input type="radio" name="radiogroup4A" value="1" onchange="TotalPart1A()"/></td>
              <td bgcolor="#EAEAEA"><input type="radio" name="radiogroup4A" value="2" onchange="TotalPart1A()"/></td>
              <td bgcolor="#EAEAEA"><input type="radio" name="radiogroup4A" value="3" onchange="TotalPart1A()"/></td>
              <td bgcolor="#EAEAEA"><input type="radio" name="radiogroup4A" value="4" onchange="TotalPart1A()"/></td>
            </tr>
            <tr>
              <td>5</td>
              <td height="27" align="left"> I use color coding to help me as I learn to work.</td>
              <td><input type="radio" name="radiogroup5A" value="1" onchange="TotalPart1A()"/></td>
              <td><input type="radio" name="radiogroup5A" value="2" onchange="TotalPart1A()"/></td>
              <td><input type="radio" name="radiogroup5A" value="3" onchange="TotalPart1A()"/></td>
              <td><input type="radio" name="radiogroup5A" value="4" onchange="TotalPart1A()"/></td>
            </tr>
            <tr>
              <td bgcolor="#EAEAEA">6</td>
              <td height="27" align="left" bgcolor="#EAEAEA"> I need written directions for tasks.</td>
              <td bgcolor="#EAEAEA"><input type="radio" name="radiogroup6A" value="1" onchange="TotalPart1A()"/></td>
              <td bgcolor="#EAEAEA"><input type="radio" name="radiogroup6A" value="2" onchange="TotalPart1A()"/></td>
              <td bgcolor="#EAEAEA"><input type="radio" name="radiogroup6A" value="3" onchange="TotalPart1A()"/></td>
              <td bgcolor="#EAEAEA"><input type="radio" name="radiogroup6A" value="4" onchange="TotalPart1A()"/></td>
            </tr>
            <tr>
              <td>7</td>
              <td height="27" align="left"> I have to look at people to understand what they say.</td>
              <td><input type="radio" name="radiogroup7A" value="1" onchange="TotalPart1A()"/></td>
              <td><input type="radio" name="radiogroup7A" value="2" onchange="TotalPart1A()"/></td>
              <td><input type="radio" name="radiogroup7A" value="3" onchange="TotalPart1A()"/></td>
              <td><input type="radio" name="radiogroup7A" value="4" onchange="TotalPart1A()"/></td>
            </tr>
            <tr>
              <td bgcolor="#EAEAEA">8</td>
              <td height="27" align="left" bgcolor="#EAEAEA">I understand lecturers better when they write on the board.</td>
              <td bgcolor="#EAEAEA"><input type="radio" name="radiogroup8A" value="1" onchange="TotalPart1A()"/></td>
              <td bgcolor="#EAEAEA"><input type="radio" name="radiogroup8A" value="2" onchange="TotalPart1A()"/></td>
              <td bgcolor="#EAEAEA"><input type="radio" name="radiogroup8A" value="3" onchange="TotalPart1A()"/></td>
              <td bgcolor="#EAEAEA"><input type="radio" name="radiogroup8A" value="4" onchange="TotalPart1A()"/></td>
            </tr>
            <tr>
              <td>9</td>
              <td height="27" align="left">Charts, diagrams, and maps help me understand what someone says. </td>
              <td><input type="radio" name="radiogroup9A" value="1" onchange="TotalPart1A()"/></td>
              <td><input type="radio" name="radiogroup9A" value="2" onchange="TotalPart1A()"/></td>
              <td><input type="radio" name="radiogroup9A" value="3" onchange="TotalPart1A()"/></td>
              <td><input type="radio" name="radiogroup9A" value="4" onchange="TotalPart1A()"/></td>
            </tr>
            <tr>
              <td bgcolor="#EAEAEA">10</td>
              <td height="27" align="left" bgcolor="#EAEAEA">I remember people’s faces, but not their names. </td>
              <td bgcolor="#EAEAEA"><input type="radio" name="radiogroup10A" value="1" onchange="TotalPart1A()"/></td>
              <td bgcolor="#EAEAEA"><input type="radio" name="radiogroup10A" value="2" onchange="TotalPart1A()"/></td>
              <td bgcolor="#EAEAEA"><input type="radio" name="radiogroup10A" value="3" onchange="TotalPart1A()"/></td>
              <td bgcolor="#EAEAEA"><input type="radio" name="radiogroup10A" value="4" onchange="TotalPart1A()"/></td>
            </tr>
            <tr>
              <td> </td>
              <td height="27" align="right">A TOTAL: </td>
              <td colspan="2"><input type="text" size="10" name="Total1A" value="0"/></td>
              <td align="right"> </td>
              <td> </td>
            </tr>
            <tr>
              <td> </td>
              <td height="27" align="right"> </td>
              <td> </td>
              <td> </td>
              <td align="right"> </td>
              <td> </td>
            </tr>
          </table>
        </form>
      </div>
    </div>
    </body>
    </html>

    Hi Nancy,
    I've been away from this for a while and have picked it back up.  I tried your suggested code and I'm having problems getting it to work.  I created a file using the code you supplied for the survey here:
    view-source:http://www.littlechisel.com/clients/GreenSurvey/GreenSurvey.html
    It doesn't work so I know I'm missing something.  If you could advise me on this, it would be great.  Thanks! Here is the code as I have it:
    <!doctype html>
    <html>
    <head>
    <meta charset="utf-8">
    <script type="text/javascript">
    function calcscore() {
        var score = 0;
        $(".calc:checked").each(function() {
            score += parseInt($(this).val(), 10);
        $("input[name=sum]").val(score)
    $().ready(function() {
        $(".calc").change(function() {
            calcscore()
    </script>
    <link href="stylesheets/Survey.css" rel="stylesheet" type="text/css">
    </head>
    <body>
    <h1>jQuery Sum of Radio Fields</h1>
    <form action="">
    <h2>HOW GREEN ARE YOU?</h2>
    <p><strong>I walk/bicycle  to work/school. </strong><br>
    Yes
    <input class="calc" type="radio" name="radio1" value="10">
    No
    <input class="calc" type="radio" name="radio1" value="0">
    Sometimes
    <input class="calc" type="radio" name="radio1" value="5"></p>
    <p><strong>I buy  locally grown food. </strong><br>
    Yes
    <input class="calc" type="radio" name="radio2" value="10">
    No
    <input class="calc" type="radio" name="radio2" value="0">
    Sometimes
    <input class="calc" type="radio" name="radio2" value="5"></p>
    <p><strong>I recycle. </strong><br>
    Yes
    <input class="calc" type="radio" name="radio3" value="10">
    No
    <input class="calc" type="radio" name="radio3" value="0">
    Sometimes
    <input class="calc" type="radio" name="radio3" value="5"></p>
    <p><strong>I compost. </strong><br>
    Yes
    <input class="calc" type="radio" name="radio4" value="10">
    No
    <input class="calc" type="radio" name="radio4" value="0">
    Sometimes
    <input class="calc" type="radio" name="radio4" value="5"></p>
    <p>Total Green Score:
    <input type="text" name="sum">
    </p>
    </form>
    </body>
    </html>

  • Creating a Survey - Novice Question

    Hello,
    I am extrememely new to Javascript.  I have been doing some research online and copy/pasting code to create the results I need.  I am trying to create an online survey in which users select buttons to answer questions and then the total results appear at the bottom of the survey.  So far this is what I have:
    http://sicolaconsulting.com/SurveyTest4.php
    The problem I have with this is that on each line, a user can select more than one box.  I don't want this so I thought radio buttons would be better.  I then came up with this:
    http://sicolaconsulting.com/SurveyTest3.php
    The problem with this is that with the function I am using, I can only get it to display the value of the first line.  I need it to calculate the sum of all the lines.
    Can you help me revise the script I have to get my desired result. 
    Here is my code for the first page, followed by the code for the second page.  THANK YOU!
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Untitled Document</title>
    <title>Survey</title>
    <style type="text/css">
    body,td,th {
              font-family: Tahoma, Geneva, sans-serif;
    </style>
    <link href="stylesheets/SCG_Styles.css" rel="stylesheet" type="text/css" />
    <title>Survey</title>
    <script type="text/javascript">
              function TotalPart1A() {
                        document.survey.Total1A.value = '';
                        var sum = 0;
                        for (i=0;i<document.survey.Part1A.length;i++) {
                          if (document.survey.Part1A[i].checked) {
                                    sum = sum + parseInt(document.survey.Part1A[i].value);
                        document.survey.Total1A.value = sum;
    </script>
    <link href="stylesheets/SCG_Styles.css" rel="stylesheet" type="text/css" />
    </head>
    <body>
    <div id="wrapper"><br />
      <div id="survey-header"><strong>Purpose:</strong><br />
        The Learning Style Survey assesses your general approach to learning. <br />
        It does not predict your behavior, but it is a clear indication of your overall style preferences.<br />
        <br />
        <strong>Instructions:</strong><br />
        For each item circle the response that represents your approach. Complete all items. <br />
        There are eleven major activities representing twelve different aspects of your learning style. <br />
        When you read the statements, try to think about what you generally do when learning. <br />
        <br />
        <strong>Time:</strong><br />
        It takes about 30 minutes to complete the survey. Do not spend too much time on any item. Indicate your immediate response (or feeling) and move on to the next item. <br />
        <br />
        <strong>For each item, enter your immediate response:<br />
          0 = Never  1 = Rarely  2 = Sometimes  3 = Often  4 = Always</strong><br />
      </div>
              <div id="survey">
    <form name="survey">
              <div id="survey-section1">
                    <table class="survey-table" cellspacing="0" width="812">
                      <tr>
                        <td height="24" colspan="2" align="left" bgcolor="#CCCCCC"><strong>Part 1: How I Use My Physical Senses</strong></td>
                        <td height="24" align="center" bgcolor="#CCCCCC"><strong>1</strong></td>
                        <td height="24" align="center" bgcolor="#CCCCCC"><strong>2</strong></td>
                        <td height="24" align="center" bgcolor="#CCCCCC"><strong>3</strong></td>
                        <td height="24" align="center" bgcolor="#CCCCCC"><strong>4</strong></td>
                        </tr>
                      <tr>
                        <td width="31" height="27">1</td>
                        <td width="515" align="left">I remember something better if I write it down.</td>
                        <td width="60"><input type="checkbox" name="Part1A" value="1" onchange="TotalPart1A()"/></td>
                        <td width="60"><input type="checkbox" name="Part1A" value="2" onchange="TotalPart1A()"/></td>
                        <td width="60"><input type="checkbox" name="Part1A" value="3" onchange="TotalPart1A()"/></td>
                        <td width="60"><input type="checkbox" name="Part1A" value="4" onchange="TotalPart1A()"/></td>
                        </tr>
                      <tr>
                        <td width="31" bgcolor="#EAEAEA">2</td>
                        <td height="27" align="left" bgcolor="#EAEAEA"> I take detailed notes during lectures.</td>
                        <td bgcolor="#EAEAEA"><input type="checkbox" name="Part1A" value="1" onchange="TotalPart1A()"/></td>
                        <td bgcolor="#EAEAEA"><input type="checkbox" name="Part1A" value="2" onchange="TotalPart1A()"/></td>
                        <td bgcolor="#EAEAEA"><input type="checkbox" name="Part1A" value="3" onchange="TotalPart1A()"/></td>
                        <td bgcolor="#EAEAEA"><input type="checkbox" name="Part1A" value="4" onchange="TotalPart1A()"/></td>
                        </tr>
                      <tr>
                        <td>3</td>
                        <td height="27" align="left">When I listen, I visualize pictures, numbers, or words in my head.</td>
                        <td><input type="checkbox" name="Part1A" value="1" onchange="TotalPart1A()"/></td>
                        <td><input type="checkbox" name="Part1A" value="2" onchange="TotalPart1A()"/></td>
                        <td><input type="checkbox" name="Part1A" value="3" onchange="TotalPart1A()"/></td>
                        <td><input type="checkbox" name="Part1A" value="4" onchange="TotalPart1A()"/></td>
                        </tr>
                      <tr>
                        <td bgcolor="#EAEAEA">4</td>
                        <td height="27" align="left" bgcolor="#EAEAEA"> I prefer to learn with TV or video rather than other media. </td>
                        <td bgcolor="#EAEAEA"><input type="checkbox" name="Part1A" value="1" onchange="TotalPart1A()"/></td>
                        <td bgcolor="#EAEAEA"><input type="checkbox" name="Part1A" value="2" onchange="TotalPart1A()"/></td>
                        <td bgcolor="#EAEAEA"><input type="checkbox" name="Part1A" value="3" onchange="TotalPart1A()"/></td>
                        <td bgcolor="#EAEAEA"><input type="checkbox" name="Part1A" value="4" onchange="TotalPart1A()"/></td>
                        </tr>
                      <tr>
                        <td>5</td>
                        <td height="27" align="left"> I use color coding to help me as I learn to work.</td>
                        <td><input type="checkbox" name="Part1A" value="1" onchange="TotalPart1A()"/></td>
                        <td><input type="checkbox" name="Part1A" value="2" onchange="TotalPart1A()"/></td>
                        <td><input type="checkbox" name="Part1A" value="3" onchange="TotalPart1A()"/></td>
                        <td><input type="checkbox" name="Part1A" value="4" onchange="TotalPart1A()"/></td>
                        </tr>
                      <tr>
                        <td bgcolor="#EAEAEA">6</td>
                        <td height="27" align="left" bgcolor="#EAEAEA"> I need written directions for tasks.</td>
                        <td bgcolor="#EAEAEA"><input type="checkbox" name="Part1A" value="1" onchange="TotalPart1A()"/></td>
                        <td bgcolor="#EAEAEA"><input type="checkbox" name="Part1A" value="2" onchange="TotalPart1A()"/></td>
                        <td bgcolor="#EAEAEA"><input type="checkbox" name="Part1A" value="3" onchange="TotalPart1A()"/></td>
                        <td bgcolor="#EAEAEA"><input type="checkbox" name="Part1A" value="4" onchange="TotalPart1A()"/></td>
                        </tr>
                      <tr>
                        <td>7</td>
                        <td height="27" align="left"> I have to look at people to understand what they say.</td>
                        <td><input type="checkbox" name="Part1A" value="1" onchange="TotalPart1A()"/></td>
                        <td><input type="checkbox" name="Part1A" value="2" onchange="TotalPart1A()"/></td>
                        <td><input type="checkbox" name="Part1A" value="3" onchange="TotalPart1A()"/></td>
                        <td><input type="checkbox" name="Part1A" value="4" onchange="TotalPart1A()"/></td>
                        </tr>
                      <tr>
                        <td bgcolor="#EAEAEA">8</td>
                        <td height="27" align="left" bgcolor="#EAEAEA">I understand lecturers better when they write on the board.</td>
                        <td bgcolor="#EAEAEA"><input type="checkbox" name="Part1A" value="1" onchange="TotalPart1A()"/></td>
                        <td bgcolor="#EAEAEA"><input type="checkbox" name="Part1A" value="2" onchange="TotalPart1A()"/></td>
                        <td bgcolor="#EAEAEA"><input type="checkbox" name="Part1A" value="3" onchange="TotalPart1A()"/></td>
                        <td bgcolor="#EAEAEA"><input type="checkbox" name="Part1A" value="4" onchange="TotalPart1A()"/></td>
                        </tr>
                      <tr>
                        <td>9</td>
                        <td height="27" align="left">Charts, diagrams, and maps help me understand what someone says. </td>
                        <td><input type="checkbox" name="Part1A" value="1" onchange="TotalPart1A()"/></td>
                        <td><input type="checkbox" name="Part1A" value="2" onchange="TotalPart1A()"/></td>
                        <td><input type="checkbox" name="Part1A" value="3" onchange="TotalPart1A()"/></td>
                        <td><input type="checkbox" name="Part1A" value="4" onchange="TotalPart1A()"/></td>
                        </tr>
                      <tr>
                        <td bgcolor="#EAEAEA">10</td>
                        <td height="27" align="left" bgcolor="#EAEAEA">I remember people’s faces, but not their names. </td>
                        <td bgcolor="#EAEAEA"><input type="checkbox" name="Part1A" value="1" onchange="TotalPart1A()"/></td>
                        <td bgcolor="#EAEAEA"><input type="checkbox" name="Part1A" value="2" onchange="TotalPart1A()"/></td>
                        <td bgcolor="#EAEAEA"><input type="checkbox" name="Part1A" value="3" onchange="TotalPart1A()"/></td>
                        <td bgcolor="#EAEAEA"><input type="checkbox" name="Part1A" value="4" onchange="TotalPart1A()"/></td>
                        </tr>
                      <tr>
                        <td> </td>
                        <td height="27" align="right">A TOTAL: </td>
                        <td colspan="2"><input type="text" size="10" name="Total1A" value="0"/></td>
                        <td align="right"> </td>
                        <td> </td>
                        </tr>
                      <tr>
                        <td> </td>
                        <td height="27" align="right"> </td>
                        <td> </td>
                        <td> </td>
                        <td align="right"> </td>
                        <td> </td>
                        </tr>
                      </table>
    </form>
                </div>
              </div>
        </body>
        </html>
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Untitled Document</title>
    <title>Survey</title>
    <style type="text/css">
    body,td,th {
              font-family: Tahoma, Geneva, sans-serif;
    </style>
    <link href="stylesheets/SCG_Styles.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript">
              function TotalPart1A() {
                        document.survey.Total1A.value = '';
                        var sum = 0;
                        for (i=0;i<document.survey.radiogroup1A.length;i++) {
                          if (document.survey.radiogroup1A[i].checked) {
                                    sum = sum + parseInt(document.survey.radiogroup1A[i].value);
                        document.survey.Total1A.value = sum;
    </script>
    <link href="stylesheets/SCG_Styles.css" rel="stylesheet" type="text/css" />
    </head>
    <body>
    <div id="wrapper"><br />
      <div id="survey-header"><strong>Purpose:</strong><br />
        The Learning Style Survey assesses your general approach to learning. <br />
        It does not predict your behavior, but it is a clear indication of your overall style preferences.<br />
        <br />
        <strong>Instructions:</strong><br />
        For each item circle the response that represents your approach. Complete all items. <br />
        There are eleven major activities representing twelve different aspects of your learning style. <br />
        When you read the statements, try to think about what you generally do when learning. <br />
        <br />
        <strong>Time:</strong><br />
        It takes about 30 minutes to complete the survey. Do not spend too much time on any item. Indicate your immediate response (or feeling) and move on to the next item. <br />
        <br />
        <strong>For each item, enter your immediate response:<br />
          0 = Never  1 = Rarely  2 = Sometimes  3 = Often  4 = Always</strong><br />
      </div>
      <div id="survey">
        <form name="survey" id="survey">
          <div id="survey-section1">
          <table class="survey-table" cellspacing="0" width="812">
            <tr>
              <td height="24" colspan="2" align="left" bgcolor="#CCCCCC"><strong>Part 1: How I Use My Physical Senses</strong></td>
              <td height="24" align="center" bgcolor="#CCCCCC"><strong>1</strong></td>
              <td height="24" align="center" bgcolor="#CCCCCC"><strong>2</strong></td>
              <td height="24" align="center" bgcolor="#CCCCCC"><strong>3</strong></td>
              <td height="24" align="center" bgcolor="#CCCCCC"><strong>4</strong></td>
            </tr>
            <tr>
              <td width="31" height="27">1</td>
              <td width="515" align="left">I remember something better if I write it down.</td>
              <td width="60"><input type="radio" name="radiogroup1A" value="1" onchange="TotalPart1A()"/></td>
              <td width="60"><input type="radio" name="radiogroup1A" value="2" onchange="TotalPart1A()"/></td>
              <td width="60"><input type="radio" name="radiogroup1A" value="3" onchange="TotalPart1A()"/></td>
              <td width="60"><input type="radio" name="radiogroup1A" value="4" onchange="TotalPart1A()"/></td>
            </tr>
            <tr>
              <td width="31" bgcolor="#EAEAEA">2</td>
              <td height="27" align="left" bgcolor="#EAEAEA"> I take detailed notes during lectures.</td>
              <td bgcolor="#EAEAEA"><input type="radio" name="radiogroup2A" value="1" onchange="TotalPart1A()"/></td>
              <td bgcolor="#EAEAEA"><input type="radio" name="radiogroup2A" value="2" onchange="TotalPart1A()"/></td>
              <td bgcolor="#EAEAEA"><input type="radio" name="radiogroup2A" value="3" onchange="TotalPart1A()"/></td>
              <td bgcolor="#EAEAEA"><input type="radio" name="radiogroup2A" value="4" onchange="TotalPart1A()"/></td>
            </tr>
            <tr>
              <td>3</td>
              <td height="27" align="left">When I listen, I visualize pictures, numbers, or words in my head.</td>
              <td><input type="radio" name="radiogroup3A" value="1" onchange="TotalPart1A()"/></td>
              <td><input type="radio" name="radiogroup3A" value="2" onchange="TotalPart1A()"/></td>
              <td><input type="radio" name="radiogroup3A" value="3" onchange="TotalPart1A()"/></td>
              <td><input type="radio" name="radiogroup3A" value="4" onchange="TotalPart1A()"/></td>
            </tr>
            <tr>
              <td bgcolor="#EAEAEA">4</td>
              <td height="27" align="left" bgcolor="#EAEAEA"> I prefer to learn with TV or video rather than other media. </td>
              <td bgcolor="#EAEAEA"><input type="radio" name="radiogroup4A" value="1" onchange="TotalPart1A()"/></td>
              <td bgcolor="#EAEAEA"><input type="radio" name="radiogroup4A" value="2" onchange="TotalPart1A()"/></td>
              <td bgcolor="#EAEAEA"><input type="radio" name="radiogroup4A" value="3" onchange="TotalPart1A()"/></td>
              <td bgcolor="#EAEAEA"><input type="radio" name="radiogroup4A" value="4" onchange="TotalPart1A()"/></td>
            </tr>
            <tr>
              <td>5</td>
              <td height="27" align="left"> I use color coding to help me as I learn to work.</td>
              <td><input type="radio" name="radiogroup5A" value="1" onchange="TotalPart1A()"/></td>
              <td><input type="radio" name="radiogroup5A" value="2" onchange="TotalPart1A()"/></td>
              <td><input type="radio" name="radiogroup5A" value="3" onchange="TotalPart1A()"/></td>
              <td><input type="radio" name="radiogroup5A" value="4" onchange="TotalPart1A()"/></td>
            </tr>
            <tr>
              <td bgcolor="#EAEAEA">6</td>
              <td height="27" align="left" bgcolor="#EAEAEA"> I need written directions for tasks.</td>
              <td bgcolor="#EAEAEA"><input type="radio" name="radiogroup6A" value="1" onchange="TotalPart1A()"/></td>
              <td bgcolor="#EAEAEA"><input type="radio" name="radiogroup6A" value="2" onchange="TotalPart1A()"/></td>
              <td bgcolor="#EAEAEA"><input type="radio" name="radiogroup6A" value="3" onchange="TotalPart1A()"/></td>
              <td bgcolor="#EAEAEA"><input type="radio" name="radiogroup6A" value="4" onchange="TotalPart1A()"/></td>
            </tr>
            <tr>
              <td>7</td>
              <td height="27" align="left"> I have to look at people to understand what they say.</td>
              <td><input type="radio" name="radiogroup7A" value="1" onchange="TotalPart1A()"/></td>
              <td><input type="radio" name="radiogroup7A" value="2" onchange="TotalPart1A()"/></td>
              <td><input type="radio" name="radiogroup7A" value="3" onchange="TotalPart1A()"/></td>
              <td><input type="radio" name="radiogroup7A" value="4" onchange="TotalPart1A()"/></td>
            </tr>
            <tr>
              <td bgcolor="#EAEAEA">8</td>
              <td height="27" align="left" bgcolor="#EAEAEA">I understand lecturers better when they write on the board.</td>
              <td bgcolor="#EAEAEA"><input type="radio" name="radiogroup8A" value="1" onchange="TotalPart1A()"/></td>
              <td bgcolor="#EAEAEA"><input type="radio" name="radiogroup8A" value="2" onchange="TotalPart1A()"/></td>
              <td bgcolor="#EAEAEA"><input type="radio" name="radiogroup8A" value="3" onchange="TotalPart1A()"/></td>
              <td bgcolor="#EAEAEA"><input type="radio" name="radiogroup8A" value="4" onchange="TotalPart1A()"/></td>
            </tr>
            <tr>
              <td>9</td>
              <td height="27" align="left">Charts, diagrams, and maps help me understand what someone says. </td>
              <td><input type="radio" name="radiogroup9A" value="1" onchange="TotalPart1A()"/></td>
              <td><input type="radio" name="radiogroup9A" value="2" onchange="TotalPart1A()"/></td>
              <td><input type="radio" name="radiogroup9A" value="3" onchange="TotalPart1A()"/></td>
              <td><input type="radio" name="radiogroup9A" value="4" onchange="TotalPart1A()"/></td>
            </tr>
            <tr>
              <td bgcolor="#EAEAEA">10</td>
              <td height="27" align="left" bgcolor="#EAEAEA">I remember people’s faces, but not their names. </td>
              <td bgcolor="#EAEAEA"><input type="radio" name="radiogroup10A" value="1" onchange="TotalPart1A()"/></td>
              <td bgcolor="#EAEAEA"><input type="radio" name="radiogroup10A" value="2" onchange="TotalPart1A()"/></td>
              <td bgcolor="#EAEAEA"><input type="radio" name="radiogroup10A" value="3" onchange="TotalPart1A()"/></td>
              <td bgcolor="#EAEAEA"><input type="radio" name="radiogroup10A" value="4" onchange="TotalPart1A()"/></td>
            </tr>
            <tr>
              <td> </td>
              <td height="27" align="right">A TOTAL: </td>
              <td colspan="2"><input type="text" size="10" name="Total1A" value="0"/></td>
              <td align="right"> </td>
              <td> </td>
            </tr>
            <tr>
              <td> </td>
              <td height="27" align="right"> </td>
              <td> </td>
              <td> </td>
              <td align="right"> </td>
              <td> </td>
            </tr>
          </table>
        </form>
      </div>
    </div>
    </body>
    </html>

    This is not the right forum for this question. This form is for JavaScript programming in Acrobat. The Dreamweaver forum here may be more appropriate.

  • XMLTRANSFORM Too large stylesheet - code buffer overflow issue

    Hi All,
    My question is related to MSWordML generation from PLSQL stored procedure.
    1. I have table, containing XSLT stylesheets for different documents
    2. PLSQL stored procedure is generating dynamic content depending on some params and at the end I'm using
    SELECT XMLTRANSFORM(XMLTYPE.createxml(db_data_clob), XMLTYPE.createxml(x.xslt_clob)).GetClobVal()
    INTO   res
    FROM   msword_ml_data x
    WHERE  x.report_id = rep_id_variable;
    where : x.xslt_clob -> column, containing XSLT CLOB
    db_data_clob -> dynamic content CLOB
    res -> CLOB result
    All this was working fine on Oracle11gR1, but I had to reinstall database and I said why not install Oracle11gR2 ...
    Guess what. Stored procedure is raising exception when using XMLTRANSFORM :
    Exception : : ORA-31011: XML parsing failed
    ORA-19202: Error occurred in XML processing
    LPX-00004: internal error "Too large stylesheet - code buffer overflow"
    Google says nothing about it. I don't recall setting some special DB property in Oracle11gR1.
    Has anyone encountered this ?
    I haven't changed procedure nor table.
    I'm using exactly the same XSLT's from Java code and they are working just fine, so they are not the reason. My guess is that something in Oracle11gR2 related to XML processing is changed.
    If anyone could help, thanks in advance

    For those who are interested.
    I have logged a service request and it turned out that this is is a bug in Oracle 11gR2.
    "The limitation on the style sheet is not exactly a size limit but a limitation on the number of style sheet instructions and depends on the way the style sheet has been written. This is a C based parser limitation"
    Anyway, the workaround is to create Java stored procedure and do transformation from there.

  • JHeadstart 10.1.3 questions

    I have a few questions about the new 10.1.3 version. The text below is copied from the old JHeadstart blog, so I'd like to see what that described features were implemented in this release:
    Generation of JSF / ADF Faces pages. Instead of generating UIX pages, the new release will generate ADF Faces pages (in .jspx format). What is now known as View Type "JSP" will also result in .jspx pages using JSF tags. We are still investigating what mix of JSF implementations (RI, ADF Faces, MyFaces?) we want to use in these pages.
    Is it using ADF Faces only? If so, does it have any chance to use more than one JSF implementation in the future?
    A new extendable and pluggable generator architecture. As you might know, the JHeadstart Application Generator is driven by generator templates. These templates contain tokens that are resolved and replaced with dynamic content. Currenty, the tokens are resolved by a mix of XSLT stylesheets and java classes. In the next release, we will go for java classes only and we will use the Spring Bean Factory to instantiate the JHeadstart Token Resolver classes. This will make it very easy to plug in your own customized token resolvers: just register them in the bean factory xml file.
    This is one of the most interesting features for me and one of the most I don't have a good knowledge as well. Of course, we have to deal frequently with post-generation changes, and most of time we would like to be able to modify the original generator. How easy (and well documented) will this feature be available for us? Is it expected that an experienced Java programmer can easily add/define/change the templates?
    Nice to have, but not committed features for this release include export to excel, generic report launch form (supporting Oracle reports and XML Publisher) and matrix forms.
    Any advances in this features? The export to excel is one that I realized and was planning to implement in 10.1.2, integrating it with Jasper. The idea was to give the user an easy way to export/print all that current data (since HTML is not a good option to export/print) and from the programmer perspective, it could have this feature in an UIX page without the need to code anything. But of course, if this is planned to be in JHeadstart in the near future, it would be fine for me just wait the release.
    Thanks!
    Eduardo

    Eduardo,
    A difference with 10.1.2 is that the generated page content is 100% template-driven. Each page snippet / component has its own template that can be customized.
    The default template set included with 10.1.3 only uses ADF Faces Components but nothing stops you from creating custom templates that use other JSF Components. For example, in the ADF-JHeadstart workshop we have an exercise with custom templates where we use the MyFaces Html Editor component.
    JHeadstart uses the open source Velocity template engine. The language used in the JHeadstart Templates is the Velocity Template Language (VTL). Lots of doc about Velocity can be found at http://jakarta.apache.org/velocity/
    So, once you understand VTL and the JHeadstart metamodel structure and properties, you can make really advanced customizations by creating custom templates. We plan to write one of our next weblog posts about the templating mechanism.
    Although the need will be because of the template-driven nature of 10.1.3, you can now easily subclass the JHeadstart generator classes that provide the information used by the templates. We use the Spring Bean Factory to register our generator classes. You can make a subclass and register your subclass in the Spring bean XML config file.
    XSLT stylesheets are not used anymore.
    The nice to have features will certainly not make the first production release.
    Steven Davelaar,
    JHeadstart Team.

  • Can I use stylesheets to create multiple button styles?

    I am trying to create a custom look-and-feel within UIX to get it as close as possible to
    our existing application's look-and-feel.
    As part of this, I customized the UIX button by overriding the following named style:
    ButtonServerText
    and also by providing my own icons for:
    buttonStart
    buttonEnd
    buttonTopBackground
    buttonBottomBackground
    The good news is that I was able to get the button component to look exactly like our existing
    application buttons.
    The bad news is that we have different types of buttons in our application
    for different purposes. (i.e. the image used for the button can be completely different based on the context e.g.
    yellow button for important actions and light-blue buttons for secondary actions)
    It seems like there is no way in which I can use this stylesheet mechanism to create different types of buttons
    and use them within my application. (sometimes different types of buttons can appear on the same page)
    Please let me know if there is a way.
    This is in fact a general question regarding overriding a stylesheet for customizing look-and-feel.
    Lets say I customize the "contentContainer" component using the stylesheet. This change would then be global.
    But I do want to have different types of contentContainers in the application. I would be forced to create my own custom
    UIX elements similar to contentContainer and write my own renderers.
    (I know contentContainer does have the light, medium and dark styles. I used this just as an example.)
    Please let me know what my options are.
    Thanks,
    Jayesh Kapoor

    Hi Jayesh -
    The good news is that I was able to get the button
    component to look exactly like our existing
    application buttons.Cool - I'm glad to hear you were able to get this working!
    The bad news is that we have different types of
    buttons in our applicationRight. This is a fundamental limitation of our look and feel customization functionality - we only support global customizations, not instance-specific customizations. I agree that there are many cases where instance-level customization would be useful, but this just instance supported yet.
    The only solution that I can think of for your button dilemma would be to use static images. It's pretty easy to wire up an image to behave like a button - just embed the image in a link and use <fireAction> as the link's primaryClientAction.
    Obviously, the downside of this approach is that you need to create the button images manually - which also isn't ideal if you are planning to translate your applications. One possible solution here might be to use UIX to pre-generate your button images. The idea would be to create custom LAFs for each style of button, then create a UIX page for each button style, including <button> instances for each translated value. Then, you could configure UIX to run in the desired look and feel, hit the corresponding page, and UIX will generate the required buttons into your image cache. Again, not ideal, but this might be easier than creating the buttons by hand.
    This is in fact a general question regarding
    overriding a stylesheet for customizing
    look-and-feel.
    Lets say I customize the "contentContainer" component
    using the stylesheet. This change would then be
    global.
    But I do want to have different types of
    contentContainers in the application. I would be
    forced to create my own custom
    UIX elements similar to contentContainer and write my
    own renderers.Right - this is a generic problem. But for some components, like content containers, an easier solution might be to leverage UIX's templating mechanism. Remember, you can embed arbitrary HTML contents in a UIX page/template by setting the namespace to "http://www.w3.org/TR/REC-html40". You can then reference these templates from your other UIX contents as if they were in fact UIX components. I'd recommend that you explore UIX's template support to see if this will meet your needs.
    Andy

  • Spry Accordian Tabs Question

    Hi
    I'm trying to create a spry accordian menu for a navbar and am having some trouble.
    This is the first time I've tried it so I would appreciate any help.
    The Client would like the tabs to be:
    Home
    Students
       High School Students
       College Students
    Professionals
    Parents/Educators
    Seminars
    Bio
    Q  & A Blog
    Testimonials
    So all they would like High School Students and College Students to be child tabs underneath the parent tabs and all other tabs to be parent tabs.
    They asked for a spry accordian.
    They want the nav bar to be on the left.
    Here is the link to the website online:
    http://www.elynncohen.com/index2spry2.html#
    and here are my questions:
    1. The spry accordian has a box around it on mouse down but I can't figure out how to get rid of it. I've checked all the CSS rules for the spry accordian and none of them seem to have rules around them.
    2. All the tabs have a content area underneath them and we only want content areas underneath the student tab. You see how it goes when you click on any of the tabs, you get a little thing that says content 1, 2 etc. I tried deleting them in the code and the page goes completely crazy when I do and the nav bar areas stretch all the way across the page.
    3. I can't figure out how to get the child tabs (which would be the tabs under students which say high school and college) to have two tabs. You will see that it does have the high school tab there now. When I try cutting and pasting the code to try to get two tabs, it does not work. The spry accordian framework only creates one content area under each tab.
    4. I'd like the child tabs to have a narrower height than the parent tabs, and be indented so that they will clearly be set off and different than the parent tabs.
    Any help would be much appreciated!
    Thanks!!!
    Here is my code:
    <!DOCTYPE HTML>
    <html>
    <head>
    <meta charset="UTF-8">
    <title>Your Career Direction Career and College Counseling</title>
    <meta name="Keywords" content="career counseling, college counseling, job search, career choice, college options, career options, work, jobs, new opportunities, career change, new career, new job" />
    <meta name="Description" content="Your Career Direction :: Career and College Counseling" "Considering your college choices & career options" "Preparing for the world of work after college" "Seeking a new position to further your career"
    "In-transition and considering new opportunities"
    "Seeking to make a significant and meaningful career change"  />
    <meta name="Publisher" content="Your Career Direction, LLC" />
    <meta name="Copyright" content="Copyright 2012, Your Career Direction, LLC. All rights reserved." />
    <meta name="Author" content="Lisa Mark" />
    <meta name="Language" content="en-US" />
    <meta name="distribution" content="global" />
    <meta name="revisit-after" content="10 days" />
    <meta name="Robots" content="All" />
    <link rel="Index" href="index.html" />
    <link rel="Site Map" href="sitemap.html" />
    <script type="text/javascript" src="//use.typekit.net/ifb2bte.js"></script>
    <script src="SpryAssets/SpryAccordion.js" type="text/javascript"></script>
    <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
    <style type="text/css">
    <!--
    body {
        margin: 0;
        padding: 0;
        color: #000;
        font-size: 100%;
        line-height: 1.4;
        background-image: url(images/background.gif);
        background-repeat: repeat;
    /* ~~ Element/tag selectors ~~ */
    ul, ol, dl { /* Due to variations between browsers, it's best practices to zero padding and margin on lists. For consistency, you can either specify the amounts you want here, or on the list items (LI, DT, DD) they contain. Remember that what you do here will cascade to the .nav list unless you write a more specific selector. */
        padding: 0;
        margin: 0;
    h1, h2, h3, h4, h5, h6, p {
        margin-top: 0;     /* removing the top margin gets around an issue where margins can escape from their containing div. The remaining bottom margin will hold it away from any elements that follow. */
        padding-right: 15px;
        padding-left: 15px;
    .container .sidebar1 h3 {
        padding-left: 0px;
        color: #C60651;
        font-size: x-large;
    h1 strong {
        color: #C60651;
        font-size: 90%;
        font-family: "Binary ITC Bold";
    h1 strong em {
    a img { /* this selector removes the default blue border displayed in some browsers around an image when it is surrounded by a link */
        border: none;
    /* ~~ Styling for your site's links must remain in this order - including the group of selectors that create the hover effect. ~~ */
    a:link {
        color:#414958;
        text-decoration: underline; /* unless you style your links to look extremely unique, it's best to provide underlines for quick visual identification */
    a:visited {
        color: #4E5869;
        text-decoration: underline;
    a:hover, a:active, a:focus { /* this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */
        text-decoration: none;
    /* ~~ this container surrounds all other divs giving them their percentage-based width ~~ */
    .container {
        width: 80%;
        max-width: 1260px;/* a max-width may be desirable to keep this layout from getting too wide on a large monitor. This keeps line length more readable. IE6 does not respect this declaration. */
        min-width: 780px;/* a min-width may be desirable to keep this layout from getting too narrow. This keeps line length more readable in the side columns. IE6 does not respect this declaration. */
        background: #FFF; /* the auto value on the sides, coupled with the width, centers the layout. It is not needed if you set the .container's width to 100%. */
        margin-top: 0;
        margin-bottom: 0;
        margin-right: auto;
        margin-left: auto;
        border-right-width: thick;
        border-left-width: thick;
        border-right-style: solid;
        border-left-style: solid;
        border-right-color: #C60651;
        border-left-color: #C60651;
    /* ~~ the header is not given a width. It will extend the full width of your layout. It contains an image placeholder that should be replaced with your own linked logo ~~ */
    .header {
        padding-top: 40px;
    #Quote {
        float: right;
        clear: left;
        margin-right: 1%;
    /* ~~ These are the columns for the layout. ~~
    1) Padding is only placed on the top and/or bottom of the divs. The elements within these divs have padding on their sides. This saves you from any "box model math". Keep in mind, if you add any side padding or border to the div itself, it will be added to the width you define to create the *total* width. You may also choose to remove the padding on the element in the div and place a second div within it with no width and the padding necessary for your design.
    2) No margin has been given to the columns since they are all floated. If you must add margin, avoid placing it on the side you're floating toward (for example: a right margin on a div set to float right). Many times, padding can be used instead. For divs where this rule must be broken, you should add a "display:inline" declaration to the div's rule to tame a bug where some versions of Internet Explorer double the margin.
    3) Since classes can be used multiple times in a document (and an element can also have multiple classes applied), the columns have been assigned class names instead of IDs. For example, two sidebar divs could be stacked if necessary. These can very easily be changed to IDs if that's your preference, as long as you'll only be using them once per document.
    4) If you prefer your nav on the right instead of the left, simply float these columns the opposite direction (all right instead of all left) and they'll render in reverse order. There's no need to move the divs around in the HTML source.
    .sidebar1 {
        float: left;
        width: 15%;
        padding-bottom: 10px;
        margin-top: 40px;
        margin-left: 25px;
        background-color: #FFF;
        font-family: museo-sans;
    arial;
        max-width: 200px;
        min-width: 180px;
    .content {
        float: left;
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 10;
        font-family: museo-sans;
    arial;
        margin-top: 40px;
        padding-right: 10px;
        width: 50px;
        font-size: large;
    .container .content p {
        padding-top: 0px;
    .sidebar2 {
        float: left;
        width: 20%;
        background-color: #D3CCB2;
        margin-top: 40px;
        padding-top: 10px;
        border-top-color: #FFF;
        border-right-color: #FFF;
        border-bottom-color: #FFF;
        border-left-color: #FFF;
        border-right-width: 5px;
        font-family: museo-sans;
    arial;
        font-size: 90%;
        right: 12%;
    /* ~~ This grouped selector gives the lists in the .content area space ~~ */
    .content ul, .content ol {
        padding-top: 0px;
        padding-right: 25px;
        padding-bottom: 15px;
        padding-left: 40px;
        font-family: museo-sans; arial;
        font-size: 100%;
        color: #666;
    .container .content p {
        font-family: museo-sans;
    arial;
        padding-top: 0px;
        padding-left: 17px;
        padding-bottom: 0px;
    #Quote {
        float: right;
        clear: both;
    /* ~~ The navigation list styles (can be removed if you choose to use a premade flyout menu like Spry) ~~ */
    ul.nav {
        list-style: none; /* this creates the space between the navigation on the content below */
        font-family:museo-sans; arial;
        line-height: 250%;
    .nav {
        font-family: museo-sans;
    arial;
        padding-left: 0px;
    ul.nav li {
        font-family: museo-sans; arial;
        padding-bottom: 10px;
    ul.nav a, ul.nav a:visited { /* grouping these selectors makes sure that your links retain their button look even after being visited */
        display: block; /* this gives the link block properties causing it to fill the whole LI containing it. This causes the entire area to react to a mouse click. */
        text-decoration: none;
        color: #333333;
        background-color: #FFF;
        font-family: museo-sans; arial;
        padding-top: 5px;
        padding-right: 5px;
        padding-bottom: 10px;
        padding-left: 15px;
    ul.nav a:hover, ul.nav a:active, ul.nav a:focus { /* this changes the background and text color for both mouse and keyboard navigators */
        color: #C60651;
        font-family:museo-sans; arial;
        background-color: #FFF;
        background-image: url(images/navbar2.gif);
        padding-bottom: 10px;
    .content img {
    /* ~~The footer ~~ */
    .footer {
        position: relative;/* this gives IE6 hasLayout to properly clear */
        clear: both; /* this clear property forces the .container to understand where the columns end and contain them */
        padding-top: 0px;
        padding-right: 0;
        padding-bottom: 10px;
    /* ~~miscellaneous float/clear classes~~ */
    .fltrt {  /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
        float: right;
        margin-left: 8px;
    .fltlft { /* this class can be used to float an element left in your page. The floated element must precede the element it should be next to on the page. */
        float: left;
        margin-right: 8px;
    .clearfloat { /* this class can be placed on a <br /> or empty div as the final element following the last floated div (within the #container) if the #footer is removed or taken out of the #container */
        clear:both;
        height:0;
        font-size: 1px;
        line-height: 0px;
    .container .content {
        width: 50%;
        font-size: large;
        font-family: museo-sans; arial;
    #footer {    width: 100%;
        background-color: #FFF;
    .container .sidebar2 h4 img {
        padding-left: 20px;
        padding-top: 0px;
    .sidebar2 p img {
        border: medium solid #C60651;
    #Insert_logo2 {
        border-top-width: 4px;
        border-right-width: 4px;
        border-bottom-width: 4px;
        border-left-width: 4px;
        border-top-color: #fff;
        border-right-color: #fff;
        border-bottom-color: #fff;
        border-left-color: #fff;
    .container .content p .content strong {
        font-family: museo-sans; arial;
    .container .content .content {
        font-family: museo-sans; arial;
    .container .content ul li strong {
        font-family: museo-sans;
    arial;
        font-size: 95%;
        line-height: 150%;
        list-style-type: disc;
    .container .content ul {
    test {
        font-family: "Binary ITC Bold";
    .container .sidebar2 p img {
        margin-right: auto;
        margin-left: auto;
        border-top-width: medium;
        border-right-width: medium;
        border-bottom-width: medium;
        border-left-width: medium;
        border-top-color: #C60651;
        border-right-color: #C60651;
        border-bottom-color: #C60651;
        border-left-color: #C60651;
    li strong {
        line-height: 130%;
        list-style-type: circle;
        color: #978980;
    .container .content ul {
    .container .sidebar1 .nav {
        margin-top: 10px;
        margin-bottom: 10px;
    .sidebar1 .nav li {
        padding-bottom: 10%;
    .nav li a {
        background-image: url(images/navbar2.gif);
        background-repeat: no-repeat;
        background-position: right center;
        left: auto;
        right: auto;
        clip: rect(auto,auto,auto,auto);
    .container .sidebar1 .nav li a {
    .container .sidebar1 h6 {
        padding: 0px;
        color: #000000;
    #footer h3 strong {
        font-size: 60%;
        color: #978980;
    .container .content p {
        padding-right: 0%;
        padding-left: 0%;
        font-size: 85%;
    .container .sidebar2 p {
        padding-right: 8%;
        padding-left: 8%;
        padding-top: 5px;
    #Insert_logo2 #Insert_logo2 {
        padding-left: 15px;
    .container .content ul {
        color: #C60651;
    h6 {
        color: #978980;
        font-family: museo-sans;
    arial;
        font-size: 82%;
        padding-left: 20%;
        text-align: left;
        text-indent: 8px;
    .nav li a {
        padding-bottom: 10px;
    h8 {
        font-family: museo-sans; arial;
        font-size: 100%;
    h4 {
        font-family: museo-sans;
    arial;
        font-size: 100%;
        color: #C60651;
        padding-left: 17px;
        padding-top: 5px;
        padding-bottom: 0px;
    .container .content p {
        padding-left: 17px;
        padding-right: 30px;
    .sidebar1 h8 strong {
        font-size: 80%;
        font-family:museo-sans; arial;
    .container .sidebar1 h7 {
        font-size: 40%;
        color: #978980;
    h7 {
        font-family: museo-sans; arial;
        font-size: 15%;
    .container .sidebar1 h8 {
        font-family: museo-sans; arial;
    .sidebar2 p img {
            max-width: 100%;
    .container .content img {
        padding-left: 3%;
    img {
        position: static;
        text-align: left;
    body,td,th {
        font-family: museo-sans; arial;
    h5 {
        font-size: 150%;
        color: #C60651;
        padding-left: 0px;
        font-family:museo-sans; arial;
    .container .content p {
        padding-left: 17px;
        padding-right: 30px;
        font-size: 87%;
    .container .sidebar2 p {
        font-size: 90%;
    .container .sidebar1 .nav li {
        font-family: museo-sans;
    arial;
    .container .sidebar1 .nav li a {
        padding-left: 0px;
        margin-bottom: 0px;
        height: 30px;
    li a {
        padding-left: 2px;
    -->
    </style><!--[if lte IE 7]>
    <style>
    .content { margin-right: -1px; } /* this 1px negative margin can be placed on any of the columns in this layout with the same corrective effect. */
    ul.nav a { zoom: 1; }  /* the zoom property gives IE the hasLayout trigger it needs to correct extra whiltespace between the links */
    </style>
    <![endif]-->
    <link href="SpryAssets/SpryAccordion.css" rel="stylesheet" type="text/css">
    </head>
    <body><script type="text/javascript">
    function pageWidth() {
    return window.innerWidth != null? window.innerWidth : document.documentElement && document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body != null ? document.body.clientWidth : null;
    function pageHeight() {
    return window.innerHeight != null? window.innerHeight : document.documentElement && document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body != null? document.body.clientHeight : null;
    </script>
    <div class="container">
      <div class="header"><!-- end .header -->
        <p class="clearfloat"><a href="#index.html" id="Insert_logo2"><img src="images/YCD-logo-tag-RGB-web-SM.gif" alt="Your Career Direction Logo" name="Insert_logo" width="50%" id="Insert_logo2" style="background: #FFF
        ; display:block;" /></a></p>
        <div id="Quote"><img src="images/quote.gif" alt="Choose a job you love" width="355" height="81"></div>
        <p class="clearfloat"> </p>
    </div>
      <div class="sidebar1">
        <ul class="nav">
          <li>
            <div id="Accordion1" class="Accordion" tabindex="0">
              <div class="AccordionPanel">
                <div class="AccordionPanelTab"><a href="#">Home</a></div>
                <div class="AccordionPanelContent">Content 1</div>
              </div>
              <div class="AccordionPanel">
                <div class="AccordionPanelTab"><a href="#">Students</a></div>
                <div class="AccordionPanelContent"><a href="#">High School</a></div>
              </div>
              <div class="AccordionPanel">
                <div class="AccordionPanelTab"><a href="#">Professional</a></div>
                <div class="AccordionPanelContent">Content 3</div>
              </div>
              <div class="AccordionPanel">
                <div class="AccordionPanelTab"><a href="#">Parent/Educator</a></div>
                <div class="AccordionPanelContent">Content 4</div>
              </div>
              <div class="AccordionPanel">
                <div class="AccordionPanelTab"><a href="#">Seminars</a></div>
                <div class="AccordionPanelContent">Content 5</div>
              </div>
              <div class="AccordionPanel">
                <div class="AccordionPanelTab"><a href="#">Bio</a></div>
                <div class="AccordionPanelContent">Content 6</div>
              </div>
              <div class="AccordionPanel">
                <div class="AccordionPanelTab"><a href="#">Q &amp; A Blog</a></div>
                <div class="AccordionPanelContent">Content 7</div>
              </div>
              <div class="AccordionPanel">
                <div class="AccordionPanelTab"><a href="#">Testimonials</a></div>
                <div class="AccordionPanelContent">Content 8</div>
              </div>
            </div>
          </li>
        </ul>
      </div>
      <div class="content">
    <p>Given today's competitive job market, global economy, and changed corporate culture,
    we can no longer depend upon others to ensure our professional futures. Choosing or
    changing your career direction requires self-reflection, career education and an action plan.</p>
    <img src="images/Whether-you-are-.gif" alt="Whether you are considering your college choices and career options" width="197" height="31" align="left">
    <ul>
          <br><br><li><strong>Considering your college choices &amp; career options</strong></li>
          <li><strong>Preparing for the world of work after college</strong></li>
          <li><strong>Seeking a new position to further your career</strong></li>
          <li><strong>In-transition and considering new opportunities</strong></li>
          <li><strong>Seeking to make a significant and meaningful career</strong> <strong>change</strong></li>
        </ul>
    <img src="images/Onethingisforsureraster.gif" width="352" height="49" alt="One thing is for sure, we all want to direct our own careers, our own lives!">
    <br><p> Building a successful and rewarding career requires linking your interests, education and experience with employment trends, growth industries, and career choices. It takes making smart decisions about your college major, vocational training and continuing education options. With enthusiasm, persistence and top notch job search skills, you can succeed in finding a path to career that is right for you.</p>
    <p> We are your advocate. We listen, assess, strategize, inspire, counsel, and network on your behalf. With a personalized, holistic approach, we'll work with you to help you create an action plan; a path designed to get you to where you want to go and become what you want to be.</p>
    <img src="images/yourcareerourpassionraster.gif" width="441" height="20" alt="At Your Career Direction, YOUR career is our passion!"> </div>
      <div class="sidebar2">
        <p><img src="images/Counselingastudent.gif" width="100%" alt="Lisa Mark counseling a student"></p>
        <p>Our mission is to help you explore, choose and create your direction for an exciting and rewarding career path.</p>
         <p>We incorporate our experience with today's job market and career counseling expertise with your passions and interests. We'll introduce you to new career ideas, target companies and generate job and internship opportunities for you.</p>
         <p>We provide step by step guidance to ensure your success during the college application, job interview
    and decision making process.
    </p>
    </div>
      <div class="footer">
        <div id="footer">
          <h6 align="left"> Your Career Direction, LLC •  96 Harvard Avenue, Maplewood, N.J. 07040 • (973) 996-0207 • [email protected]</h6>
        </div>
        <p> </p>
      <!-- end .footer --></div>
    <!-- end .container --></div>
    <script type="text/javascript">
    var Accordion1 = new Spry.Widget.Accordion("Accordion1");
    </script>
    </body>
    </html>

    1. The spry accordian has a box around it on mouse down but I can't figure out how to get rid of it. I've checked all the CSS rules for the spry accordian and none of them seem to have rules around them.
    2. All the tabs have a content area underneath them and we only want content areas underneath the student tab. You see how it goes when you click on any of the tabs, you get a little thing that says content 1, 2 etc. I tried deleting them in the code and the page goes completely crazy when I do and the nav bar areas stretch all the way across the page.
    3. I can't figure out how to get the child tabs (which would be the tabs under students which say high school and college) to have two tabs. You will see that it does have the high school tab there now. When I try cutting and pasting the code to try to get two tabs, it does not work. The spry accordian framework only creates one content area under each tab.
    4. I'd like the child tabs to have a narrower height than the parent tabs, and be indented so that they will clearly be set off and different than the parent tabs.
    1. Line 454
    <div id="Accordion1" class="Accordion" tabindex="0" style="outline: none;">
    2 & 3. Change your code from Line 455 - 491:
    <div class="AccordionPanel">
                <div class="AccordionPanelTab"><a href="#">Home</a></div>
              </div>
              <div class="AccordionPanel">
                <div class="AccordionPanelTab"><a href="#">Students</a></div>
                <div class="AccordionPanelContent"><a href="#">High School</a><br/><a href="#" style="margin-top: -30px;">College</a></div>
              </div>
              <div class="AccordionPanel">
                <div class="AccordionPanelTab"><a href="#">Professional</a></div>
              </div>
              <div class="AccordionPanel">
                <div class="AccordionPanelTab"><a href="#">Parent/Educator</a></div>
              </div>
              <div class="AccordionPanel">
                <div class="AccordionPanelTab"><a href="#">Seminars</a></div>
              </div>
              <div class="AccordionPanel">
                <div class="AccordionPanelTab"><a href="#">Bio</a></div>
              </div>
              <div class="AccordionPanel">
                <div class="AccordionPanelTab"><a href="#">Q &amp; A Blog</a></div>
              </div>
              <div class="AccordionPanel">
                <div class="AccordionPanelTab"><a href="#">Testimonials</a></div>
              </div>
            </div>
          </li>
        </ul>
      </div>
    4. Append your HTML for child tabs like this:
    <div class="AccordionPanelContent" id="submenu"><a href="#">High School</a></div>
    Create a new #submenu css rule in your CSS document and set styling the way you want it.

  • A CSS question I think

    If you would take a look at this page http://www.gcfa.org/add_data.asp you will see that between the header and the navigation bar a white line is there. I don't won't it there, how can I get rid of it?
    It must be in my CSS I guess, I checked the images and neither one of them the Header nor the Navigation menu have a white border. Here's my code. Thanks in advance for your help.
    My page:
    <%@LANGUAGE="VBSCRIPT"%>
    <!--#include file="Connections/BishopsLogin.asp" -->
    <%
    Dim MM_editAction
    MM_editAction = CStr(Request.ServerVariables("SCRIPT_NAME"))
    If (Request.QueryString <> "") Then
      MM_editAction = MM_editAction & "?" & Server.HTMLEncode(Request.QueryString)
    End If
    ' boolean to abort record edit
    Dim MM_abortEdit
    MM_abortEdit = false
    %>
    <%
    If (CStr(Request("MM_insert")) = "form1") Then
      If (Not MM_abortEdit) Then
        ' execute the insert
        Dim MM_editCmd
        Set MM_editCmd = Server.CreateObject ("ADODB.Command")
        MM_editCmd.ActiveConnection = MM_BishopsLogin_STRING
        MM_editCmd.CommandText = "INSERT INTO dbo.DeptData (Department, SubpageTitle, LinkDescription, URL, DateLastModified, ModifiedBy) VALUES (?, ?, ?, ?, ?, ?)"
        MM_editCmd.Prepared = true
        MM_editCmd.Parameters.Append MM_editCmd.CreateParameter("param1", 201, 1, 30, Request.Form("Department")) ' adLongVarChar
        MM_editCmd.Parameters.Append MM_editCmd.CreateParameter("param2", 201, 1, 1000, Request.Form("SubpageTitle")) ' adLongVarChar
        MM_editCmd.Parameters.Append MM_editCmd.CreateParameter("param3", 201, 1, 1000, Request.Form("LinkDescription")) ' adLongVarChar
        MM_editCmd.Parameters.Append MM_editCmd.CreateParameter("param4", 201, 1, 500, Request.Form("URL")) ' adLongVarChar
        MM_editCmd.Parameters.Append MM_editCmd.CreateParameter("param5", 201, 1, 10, Request.Form("DateLastModified")) ' adLongVarChar
        MM_editCmd.Parameters.Append MM_editCmd.CreateParameter("param6", 201, 1, 50, Request.Form("ModifiedBy")) ' adLongVarChar
        MM_editCmd.Execute
        MM_editCmd.ActiveConnection.Close
        ' append the query string to the redirect URL
        Dim MM_editRedirectUrl
        MM_editRedirectUrl = "adding_data_results.asp"
        If (Request.Form<> "") Then
          If (InStr(1, MM_editRedirectUrl, "?", vbTextCompare) = 0) Then
            MM_editRedirectUrl = MM_editRedirectUrl & "?" & Request.Form
          Else
            MM_editRedirectUrl = MM_editRedirectUrl & "&" & Request.Form
          End If
        End If
        Response.Redirect(MM_editRedirectUrl)
      End If
    End If
    %>
    <%
    Dim rs_Add_Data__MMColParam
    rs_Add_Data__MMColParam = "1"
    If (Request.QueryString("RecordID") <> "") Then
      rs_Add_Data__MMColParam = Request.QueryString("RecordID")
    End If
    %>
    <%
    Dim rs_Add_Data
    Dim rs_Add_Data_cmd
    Dim rs_Add_Data_numRows
    Set rs_Add_Data_cmd = Server.CreateObject ("ADODB.Command")
    rs_Add_Data_cmd.ActiveConnection = MM_BishopsLogin_STRING
    rs_Add_Data_cmd.CommandText = "SELECT ID, Department, SubpageTitle, LinkDescription, URL, DateLastModified, ModifiedBy FROM dbo.DeptData WHERE ID = ? ORDER BY ID DESC"
    rs_Add_Data_cmd.Prepared = true
    rs_Add_Data_cmd.Parameters.Append rs_Add_Data_cmd.CreateParameter("param1", 5, 1, -1, rs_Add_Data__MMColParam) ' adDouble
    Set rs_Add_Data = rs_Add_Data_cmd.Execute
    rs_Add_Data_numRows = 0
    %>
    <%
    Dim MM_paramName
    %>
    <%
    ' *** Go To Record and Move To Record: create strings for maintaining URL and Form parameters
    Dim MM_keepNone
    Dim MM_keepURL
    Dim MM_keepForm
    Dim MM_keepBoth
    Dim MM_removeList
    Dim MM_item
    Dim MM_nextItem
    ' create the list of parameters which should not be maintained
    MM_removeList = "&index="
    If (MM_paramName <> "") Then
      MM_removeList = MM_removeList & "&" & MM_paramName & "="
    End If
    MM_keepURL=""
    MM_keepForm=""
    MM_keepBoth=""
    MM_keepNone=""
    ' add the URL parameters to the MM_keepURL string
    For Each MM_item In Request.QueryString
      MM_nextItem = "&" & MM_item & "="
      If (InStr(1,MM_removeList,MM_nextItem,1) = 0) Then
        MM_keepURL = MM_keepURL & MM_nextItem & Server.URLencode(Request.QueryString(MM_item))
      End If
    Next
    ' add the Form variables to the MM_keepForm string
    For Each MM_item In Request.Form
      MM_nextItem = "&" & MM_item & "="
      If (InStr(1,MM_removeList,MM_nextItem,1) = 0) Then
        MM_keepForm = MM_keepForm & MM_nextItem & Server.URLencode(Request.Form(MM_item))
      End If
    Next
    ' create the Form + URL string and remove the intial '&' from each of the strings
    MM_keepBoth = MM_keepURL & MM_keepForm
    If (MM_keepBoth <> "") Then
      MM_keepBoth = Right(MM_keepBoth, Len(MM_keepBoth) - 1)
    End If
    If (MM_keepURL <> "")  Then
      MM_keepURL  = Right(MM_keepURL, Len(MM_keepURL) - 1)
    End If
    If (MM_keepForm <> "") Then
      MM_keepForm = Right(MM_keepForm, Len(MM_keepForm) - 1)
    End If
    ' a utility function used for adding additional parameters to these strings
    Function MM_joinChar(firstItem)
      If (firstItem <> "") Then
        MM_joinChar = "&"
      Else
        MM_joinChar = ""
      End If
    End Function
    %>
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>GCFA: Update Data Files</title>
    <link href="samples/OneColumn.css" rel="stylesheet" type="text/css" />
    <style type="text/css" media="screen">
    @import url("images/nav_bar.css");
    </style>
    <script language="JavaScript1.2" type="text/javascript" src="images/mm_css_menu.js"></script>
    <script type="text/javascript">
    <!--
    function MM_swapImgRestore() { //v3.0
      var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
    function MM_preloadImages() { //v3.0
      var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
        var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
        if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
    function MM_findObj(n, d) { //v4.01
      var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
        d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
      if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
      for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
      if(!x && d.getElementById) x=d.getElementById(n); return x;
    function MM_swapImage() { //v3.0
      var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
       if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
    //-->
    </script>
    </head>
    <body class="oneColLiqCtrHdr" onload="MM_preloadImages('images/Slices/nav_bar_r2_c2_f2.gif','images/Slices/nav_bar_r2_c 3_f2.gif','images/Slices/nav_bar_r2_c5_f2.gif')">
    <div id="container">
        <div id="header">   
           <div id="#DataFiles_LOGO"></div>
      </div>
      <div id="mainContent">
        <div id="FWTableContainer1445733177">
          <table border="0" cellpadding="0" cellspacing="0" width="799">
            <!-- fwtable fwsrc="nav_bar_revised.png" fwpage="Page 1" fwbase="nav_bar.gif" fwstyle="Dreamweaver" fwdocid = "1445733177" fwnested="0" -->
            <tr>
              <td><img src="images/Slices/spacer.gif" width="1" height="1" border="0" alt="" /></td>
              <td><img src="images/Slices/spacer.gif" width="221" height="1" border="0" alt="" /></td>
              <td><img src="images/Slices/spacer.gif" width="221" height="1" border="0" alt="" /></td>
              <td><img src="images/Slices/spacer.gif" width="5" height="1" border="0" alt="" /></td>
              <td><img src="images/Slices/spacer.gif" width="221" height="1" border="0" alt="" /></td>
              <td><img src="images/Slices/spacer.gif" width="130" height="1" border="0" alt="" /></td>
              <td><img src="images/Slices/spacer.gif" width="1" height="1" border="0" alt="" /></td>
            </tr>
            <tr>
              <td colspan="6"><img name="nav_bar_r1_c1" src="images/Slices/nav_bar_r1_c1.gif" width="799" height="5" border="0" id="nav_bar_r1_c1" alt="" /></td>
              <td><img src="images/Slices/spacer.gif" width="1" height="5" border="0" alt="" /></td>
            </tr>
            <tr>
              <td rowspan="2"><img name="nav_bar_r2_c1" src="images/Slices/nav_bar_r2_c1.gif" width="1" height="25" border="0" id="nav_bar_r2_c1" alt="" /></td>
              <td><a href="javascript:;" onmouseout="MM_swapImgRestore();MM_menuStartTimeout(1000)" onmouseover="MM_menuShowMenu('MMMenuContainer1015135953_0', 'MMMenu1015135953_0',6,24,'nav_bar_r2_c2');MM_swapImage('nav_bar_r2_c2','','images/Slices /nav_bar_r2_c2_f2.gif',1);"><img name="nav_bar_r2_c2" src="images/Slices/nav_bar_r2_c2.gif" width="221" height="24" border="0" id="nav_bar_r2_c2" alt="" /></a></td>
              <td><a href="http://www.gcfa.org/Department_Data.aspx" target="_top" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('nav_bar_r2_c3','','images/Slices/nav_bar_r2_c3_f2.gif',1);"><i mg name="nav_bar_r2_c3" src="images/Slices/nav_bar_r2_c3.gif" width="221" height="24" border="0" id="nav_bar_r2_c3" alt="Department Data Files" /></a></td>
              <td rowspan="2"><img name="nav_bar_r2_c4" src="images/Slices/nav_bar_r2_c4.gif" width="5" height="25" border="0" id="nav_bar_r2_c4" alt="" /></td>
              <td><a href="http://www.gcfa.org/help_topics.html" target="_top" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('nav_bar_r2_c5','','images/Slices/nav_bar_r2_c5_f2.gif',1);"><i mg name="nav_bar_r2_c5" src="images/Slices/nav_bar_r2_c5.gif" width="221" height="24" border="0" id="nav_bar_r2_c5" alt="Help Topics" /></a></td>
              <td rowspan="2"><img name="nav_bar_r2_c6" src="images/Slices/nav_bar_r2_c6.gif" width="130" height="25" border="0" id="nav_bar_r2_c6" alt="" /></td>
              <td><img src="images/Slices/spacer.gif" width="1" height="24" border="0" alt="" /></td>
            </tr>
            <tr>
              <td colspan="2"><img name="nav_bar_r3_c2" src="images/Slices/nav_bar_r3_c2.gif" width="442" height="1" border="0" id="nav_bar_r3_c2" alt="" /></td>
              <td><img name="nav_bar_r3_c5" src="images/Slices/nav_bar_r3_c5.gif" width="221" height="1" border="0" id="nav_bar_r3_c5" alt="" /></td>
              <td><img src="images/Slices/spacer.gif" width="1" height="1" border="0" alt="" /></td>
            </tr>
          </table>
          <div id="MMMenuContainer1015135953_0">
            <div id="MMMenu1015135953_0" onmouseout="MM_menuStartTimeout(1000);" onmouseover="MM_menuResetTimeout();"> <a href="http://www.gcfa.org/add_data.asp" target="_top" id="MMMenu1015135953_0_Item_0" class="MMMIFVStyleMMMenu1015135953_0" onmouseover="MM_menuOverMenuItem('MMMenu1015135953_0');"> Add Data </a> <a href="http://www.gcfa.org/update_data.asp" target="_top" id="MMMenu1015135953_0_Item_1" class="MMMIVStyleMMMenu1015135953_0" onmouseover="MM_menuOverMenuItem('MMMenu1015135953_0');"> Update Data </a> <a href="http://www.gcfa.org/delete_data.asp" target="_top" id="MMMenu1015135953_0_Item_2" class="MMMIVStyleMMMenu1015135953_0" onmouseover="MM_menuOverMenuItem('MMMenu1015135953_0');"> Delete Data </a> </div>
          </div>
        </div>
        <br />
            <br />
            <br />
            <br />
            <br />
          <strong>Enter the information you are wanting  to add to our database:</strong><br />
      </div>
        <form ACTION="<%=MM_editAction%>" METHOD="POST" name="form1" target="_top" id="form1">
          <table width="689" align="left">
        <tr valign="baseline">
          <td align="left" valign="top" nowrap="nowrap">Department:</td>
          <td><label>
            <input name="Department" type="text" id="Department" size="75" maxlength="500" />
          </label></td>
        </tr>
        <tr valign="baseline">
          <td align="left" valign="top" nowrap="nowrap">Subpage Title:</td>
          <td><label>
            <input name="SubpageTitle" type="text" id="SubpageTitle" size="75" maxlength="1000" />
          </label></td>
        </tr>
        <tr valign="baseline">
          <td align="left" valign="top" nowrap="nowrap">Link Description:</td>
          <td><label>
            <input name="LinkDescription" type="text" id="LinkDescription" size="75" maxlength="1000" />
          </label></td>
        </tr>
        <tr valign="baseline">
          <td align="left" valign="top" nowrap="nowrap">URL:</td>
          <td><input name="URL" type="text" id="URL" size="75" maxlength="500" /></td>
        </tr>
        <tr valign="baseline">
          <td height="24" align="left" valign="top" nowrap="nowrap">Date Modified:</td>
          <td><input name="DateLastModified" type="text" id="DateLastModified" size="75" maxlength="10" /></td>
        </tr>
        <tr valign="baseline">
          <td align="left" valign="top" nowrap="nowrap">Modified By:</td>
          <td><label>
            <input name="ModifiedBy" type="text" id="ModifiedBy" size="75" maxlength="50" />
          </label></td>
        </tr>
        <tr valign="baseline">
          <td height="20" align="left" valign="top" nowrap="nowrap"> </td>
          <td> </td>
        </tr>
        <tr valign="baseline">
          <td align="left" valign="top" nowrap="nowrap"><p> </p></td>
          <td align="left" valign="top" nowrap="nowrap"><label>
            <input type="submit" name="Add_Info" id="Add_Info" value="Add data to database now!" />
          </label></td>
        </tr>
      </table>
      <p> </p>
      <p><br />
          <br />
          <br />
          <br />
          </p>
      <p> </p>
      <p> </p>
      <p> </p>
      <p><br />
          </p>
      <input type="hidden" name="MM_insert" value="form1" />
    </form> </p>
      <p> </p>
      <p> </p>
      <p> </p>
      <p> </p>
      <p> </p>
      <p> </p>
      <p> </p>
      <p> </p>
      <p>  </p>
    </div>
      <div id="footer">
        <p align="center">This site is maintained by the General Council on Finance and Administration <script language="JavaScript">
    var today_date= new Date()
    var year=today_date.getFullYear()
    document.write(year)
    //--> </script>
    &copy;</p>
      <!-- end #footer --></div>
    <!-- end #container --></div>
    </body>
    </html>
    <%
    rs_Add_Data.Close()
    Set rs_Add_Data = Nothing
    %>
    My CSS Pages:
    @charset "utf-8";
    body {
    /*background:#ffffff;*/
    margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
    padding: 0;
    text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
    /*color: #000000;*/
    width: 100%;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    background-repeat: no-repeat;
    background-position: right top;
    background-image: url(../images/body_bg.jpg);
    .oneColLiqCtrHdr #container {
    width: 99%; /* the auto margins (in conjunction with a width) center the page */
    /* border: 1px solid #000000;*/
    text-align: left; /* this overrides the text-align: center on the body element. */
    margin-top: 0;
    margin-right: auto;
    margin-bottom: 0;
    margin-left: auto;
    background-color: ;
    background-repeat: no-repeat;
    background-position: right top;
    .oneColLiqCtrHdr #header {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: 700;
    color: #FFFFFF;
    font-size: 18px;
    background-repeat: no-repeat;
    height: 124px;
    width: 100%;
    background-image: url(../images/dept_data_files_logo.jpg);
    padding: 0px;
    /*background-color: #67120D;*/
    .oneColLiqCtrHdr #mainContent {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #3C0D0D;
    font-weight: 700;
    padding-top: 0;
    padding-right: 0px;
    padding-bottom: 0;
    padding-left: 0px;
    margin: 0px;
    width: 760px;
    .oneColLiqCtrHdr #footer {
    padding: 0 10px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: 700;
    color: #FFFFFF;
    background-color: #000000;
    /*width:780px;*/
    .oneColLiqCtrHdr #footer p {
    margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
    padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
    h1 {
    color:#FFFFFF;
    font-size: 36px;
    h2,h3 {
    10px;
    8px;
    color: #000000;
    #DataFiles_LOGO{
    height:127px;
    width: 740px;
    background-repeat: no-repeat;
    background-image: url(../images/dept_data_files_logo.jpg);
    background-position: left top;
    padding: 0px;
    margin: 0px;
    top: 0px;
    float: left;
    And my Navigation CSS:
    td img {
    /* Another Mozilla/Netscape bug with making sure our images display correctly */
    display: block;
    #FWTableContainer1445733177 {
    /* The master div to make sure that our popup menus get aligned correctly.  Be careful when playing with this one. */
    position:relative;
    margin:0px;
    width:799px;
    height:30px;
    text-align:left;
    #MMMenuContainer1015135953_0 {
    /* This ID is related to the master menu div for menu MMMenuContainer1015135953_0 and contains the important positioning information for the menu as a whole */
    position:absolute;
    left:7px;
    top:29px;
    visibility:hidden;
    z-index:300;
    #MMMenu1015135953_0 {
    /* This class defines things about menu MMMenu1015135953_0's div. */
    position:absolute;
    left:0px;
    top:0px;
    visibility:hidden;
    background-color:#ffffff;
    border:1px solid #000000;
    width:208px;
    height:76px;
    .MMMIFVStyleMMMenu1015135953_0 {
    /* This class determines the general characteristics of the menu items in menu MMMenu1015135953_0 */
    border-top:1px solid #000000;
    border-left:1px solid #000000;
    border-bottom:1px solid #ffffff;
    border-right:1px solid #ffffff;
    width:208px;
    height:26px;
    voice-family: "\"}\"";
    voice-family:inherit;
    width:200px;
    height:18px;
    .MMMIVStyleMMMenu1015135953_0 {
    /* This class determines the general characteristics of the menu items in menu MMMenu1015135953_0 */
    border-top:0px;
    border-left:1px solid #000000;
    border-bottom:1px solid #ffffff;
    border-right:1px solid #ffffff;
    width:208px;
    height:25px;
    voice-family: "\"}\"";
    voice-family:inherit;
    width:200px;
    height:18px;
    #MMMenu1015135953_0_Item_0 {
    /* Unique ID for item 0 of menu MMMenu1015135953_0 so we can set its position */
    left:0px;
    top:0px;
    #MMMenu1015135953_0_Item_1 {
    /* Unique ID for item 1 of menu MMMenu1015135953_0 so we can set its position */
    left:0px;
    top:26px;
    #MMMenu1015135953_0_Item_2 {
    /* Unique ID for item 2 of menu MMMenu1015135953_0 so we can set its position */
    left:0px;
    top:51px;
    #MMMenuContainer1015135953_0 img {
    /* needed for Mozilla/Camino/Netscape */
    border:0px;
    #MMMenuContainer1015135953_0 a {
    /* Controls the general apperance for menu MMMenuContainer1015135953_0's items, including color and font */
    text-decoration:none;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:14px;
    color:#ffcc33;
    text-align:center;
    vertical-align:middle;
    padding:3px;
    background-color:#000000;
    font-weight:bold;
    font-style:normal;
    display:block;
    position:absolute;
    #MMMenuContainer1015135953_0 a:hover {
    /* Controls the mouse over effects for menu MMMenuContainer1015135953_0 */
    color:#ffcc33;
    background-color:#990000;

    Glad you sorted this out.
    You might want to mark this as Answered so folks trying to help answer questions won't have to click on this link now.  Thanks!
    E. Michael Brandt
    www.divahtml.com
    www.divahtml.com/products/scripts_dreamweaver_extensions.php
    Standards-compliant scripts and Dreamweaver Extensions
    www.valleywebdesigns.com/vwd_Vdw.asp
    JustSo PictureWindow
    JustSo PhotoAlbum, et alia

  • Getting question marks in html output when XML sourced from a CLOB...

    I have noticed a number of other unanswered questions on the
    same subject in this forum. Can someone at Oracle shed some
    light on this problem?...
    I store XML in CLOBS which contain a lot of &eacute; &ouml;
    characters. When using XSQL to select the XML from the CLOB I
    have to apply a stylesheet to the XSQL (myFile.xsql) with
    disable-output-escaping ="yes" in order to output well formed
    XML.
    I then call the XSQL file from inside another stylesheet i.e.
    <xsl:variable name="sample" select="document(myFile.xsql)"/>
    <xsl:template match="/">
    <xsl:for-each select="$sample">
    <html>
    <body>
    <title>
    <xsl:value-of select="/page/title"/>
    </title>
    </body>
    </html>
    etc...
    I use <xsl:for-each select="$sample"> to output the XML I need,
    within the HTML. The problem is though if "&eacute;" appears in
    the /page/title node the output in HTML appears as a question
    mark.
    Its important to note as well that the stylesheet I apply to
    myFile.xsql starts with:
    <xsl:stylesheet version="1.0"
    xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
    <xsl:output doctype-system="/myFile.dtd" indent="yes"/>
    etc..
    and myFile.dtd has <!ENTITY eacute "&#x000E9;"> in order to
    validate &eacute; in the CLOB.
    I don't have this problem when the &eacute; character is stored
    in a VARCHAR2 column and the VARCHAR2 column is in the same
    select statement as the CLOB in the XSQL file. This outputs in
    my HTML just fine. What am I missing here?
    Shaun

    I parse the XML doc into a domdocument and then loop through using xpath.valueof to pull the individual values from the nodes and then build a generic insert. It works quite well with a small number of columns. I'm not sure how it would work with a lot of columns. You can get code examples from Steve Muench's book "Developing Oracle XML Applications".

  • Ver 4: Still no support for Includes or Design Time Stylesheets?

    Wow...well, without either of these I can't make use of this
    product. I guess I'm confused at what types of users this product
    may be marketed toward, although with the amount of focus put on
    Blogs and Blogging and lack of focus on requests already made in
    this forum for some time I'm getting a better idea. Hey, if they
    want to "dumb this down" and make it a price point product that
    purposely sits lower on the totem pole than Dreamweaver, then I
    think that ought to be made more clear in the marketing materials.
    I guess what's frustrating is that it's touted that it "uses the
    Dreamweaver HTML Engine" but can't implement a feature like Design
    Time Stylesheets? Would this put it too close to Dreamweaver in the
    product line? I certainly don't think so but if it did implement
    such a feature it would increase the demographic that could make
    use of such a great product as many users are not going to rewrite
    Includes OUT of their existing sites just to be able to use it.
    Most intermediate to advanced designers will almost always,
    and have been taught, to use includes to minimize page changes in
    multiple places...it's such a common thing to do. But unless an
    included page can be edited inline I have no way to turn my users
    loose with this app. It seems reasonable to implement Design Time
    Stylesheets like Dreamweaver does in which case, the users could
    edit the included page directly and at least see it like it should
    look with formatting which they can't do now because of the lack of
    an applied stylesheet when opening the include file directly.
    Do they expect that once we've written a site using includes
    we should have our content providers use Dreamweaver? I don't know
    about the rest of you but that's asking for a heck of a lot of
    trouble turning non-designer/developers loose with
    Dreamweaver...even using Templates.
    Sorry for the rant, I'm just a bit frustrated as I really
    need an app that can let me make use of "Content Providers" in our
    company. And don't get me wrong, I'm a long time Macromedia/Adobe
    supporter...just hoped something would happen with v4 that didn't
    and was pretty sure it would based on user input on this and other
    forums.
    If anyone has ideas on workarounds for this problem I'd love
    to hear!
    Thx,
    Mike

    Hi. I'm going to reopen this thread instead of starting a new
    one. Maybe someone here can help me figure out how Contribute can
    solve my client's editing woes.
    His site is built in ColdFusion, with template information
    that's stored in the database for each page. Currently this is what
    happens, simplified.
    1. User requests /foo.cfm
    2. Database looks up header, footer, and template to use for
    /foo.cfm, or the page can use "no template" in which case
    whatever's in the page gets put between the header and footer.
    3. The template or the page will contain one or more
    "editable regions", to use a Dreamweaver term. These blocks of HTML
    are pulled out of the database, and can currently be edited within
    the CMS by a browser-based WYSWYG editor.
    The problem is, the WYSIWYG editor in question isn't up to
    the task. Contribute seems to be, but I can't figure out how to fit
    it into a workflow compatible with this site!
    We don't use Dreamweaver and from what I've seen Dreamweaver
    templates aren't going to work in this application. It seems that
    if you make a change to the template, Dreamweaver has to go and
    update all 800 pages that use the template ... ??!? ... if so,
    lame.
    I don't mind pulling out all the HTML content snippets from
    the database and making a "database" on the filesystem of files
    that can be edited in Contribute. No problem. One of these snippets
    may be a "contact us" box or something that's used on 100 pages
    throughout the site, so I'm not going to put stuff like that
    separately on every page.
    If I do this, though, my snippets when I open them to edit
    them in Contribute are missing their CSS. This is because the CSS
    is set up in the header file, which is not included in the snippet
    HTML, obviously. The snippets also won't have the header and footer
    navigation and stuff, but I can live with that.
    How can I get the CSS to show up for my client when he edits
    the HTML snippets?
    The only solution I can think of is to put a stylesheet
    include into every snippet, and then pull that out with a regular
    expression from EVERY include at runtime whenever I display that
    HTML to the end user. Talk about a gross, ugly, non-extensible
    hack. Please tell me there's a better way...
    Thanks for reading,
    - Andrew.

Maybe you are looking for