Help with cfinput radio button and text fields

I have a series of radio buttons that allow a user to select
monetary values but I also want them to be able to define an amount
if they choose so. I was planning on doing this by providing a
radio button with the value of other and then using a text field to
allow the user to enter the monetary value. The problem with this
is that they might enter a user defined monetary value but forget
to set the radio button to "other".
I was hoping that I could set the "other" text input field to
read only until the point that the user selects the "other" radio
button. Is there a way to do this using onSelect or another method.
Or is there a better way to approach this problem? Thanks for any
help or advice in advance.

Hi,
You could call a js function which will select the radio
button "other " when the user types something in(there are various
events on cfinput). This way the user will not have to worry about
selecting the radio button and your requirement will be satisfied.
Hope this Helps.
Thanks,
Bhakti

Similar Messages

Help with styling radio buttons

Hi can anyone tell me if its possible to add a vorder colour and a background to the selected radio button and text on this website http://62.6.176.22/products/leaflets.aspx?Id=145399&Key=F8FA69A7-4AC5-4986-97F3-6C8C9520FA 87. This is a site which is supplied to us and we can only edit the CSS with our own styles but not the code. Any pointers will be much appreciated

Actually...
I may have spoken too soon.
I've been doing some playing around and came up with this. Is this kind-of what you're looking for?
<!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>
<style>
input[type="radio"] {
    display:block;
    float:left;
    height:20px;
    width:20px;
label {
    display:block;
    background-color:#bbb;
    padding:5px 10px;
    font-family:Verdana;
    font-size:12px;
    border:1px solid #bbb;
input[type="radio"]:checked + label {
    background-color:#6F6;
    border:1px solid green;
</style>
</head>
<body>
<div style="margin:auto; width:552px;">
<div>
    <input type="radio" id="radio1" name="radios" value="value1" checked>
    <label for="radio1">Button1 - Notes would go here (this is the radio button Label)</label>
    <input type="radio" id="radio2" name="radios" value="value2">
    <label for="radio2">Button2 - Notes would go here (this is the radio button Label)</label>
    <input type="radio" id="radio3" name="radios" value="value3">
    <label for="radio3">Button3 - Notes would go here (this is the radio button Label)</label>
</div>
</div>
</body>
</html>

Check boxes, Radio Buttons, and XML Field Order

I am working with Adobe Designer Version 7.0. Hopefully this forum can still address my issues.
I am creating a registration form that will often be submitted via email to us for processing. To help make the data both easy to transfer for us into our excel file and to minimize the errors made by the people using the form, I need the form to be able to do a couple of things that I am having a hard time figuring out. My questions are the following:
I have a list of 7 check boxes that each insert a dollar value into a seperate numeric field on the form. Each check box has a unique dollar value associated with it. Is there any way to design the form so the user can only choose one of the check boxes? I tried using radio buttons in a group, but if a user mistakenly chose the wrong radio button and then selected another button from that group, it would add to the total in the Application Fee field and not subtract out the previous amount. Below is the code i used for one of the check boxes.
I have two numeric fields that the user must choose one or the other. Can I design those two fields (numHomes and numBuildings) so that if the you enter a value for one field, you cannot enter a value for the other field? Both fields are then calcuated in a seperate numeric field. Below is the code i used for the numeric field.
I want to be able to take the data emailed to us as an XML file when a user submits the results via email and directly paste it into our Excel file. To keep the cut and paste process simple, I want to make sure the order of the XML fields matches the order of the database fields so it can be done in one shot. Do you know how to organize the XML fields? They do not seem to correspond to the ordering found under the Hierarchy tab. Any thoughts on this?
Thanks
if (this.rawValue == 1) then
numAppFee.rawValue = numAppFee.rawValue + 350;
else
numAppFee.rawValue = numAppFee.rawValue - 350;
endif
numHomes * 50 + numBuildings * 100 + numDups * 10

Create an XML Schema (XSD) and define that as the default form schema. The form data will conforms to the order of fields defined in the XML schema.
Hope that helps.
Nith

Adobe Captivate - Multiple Choice Quiz Question - Radio Button and Text Alignment

I have created a quiz with multiple choice questions.
No matter what I do I cannot align the radio button and the text for the choices (see below).
I would like to align the center of the radio button with the center of the letter A) and B).
I have tried every option that I can think of in the Properties options.
Please let me know if anyone has a solution for this.
Thank you

Thanks for the reply.
Previously I tried several different combinations of fonts and font sizes, but didn't see any change.
Does anyone else know of anything else that could effect this situation?

Help me with Radio Buttons and Subform fields, please!

I've built a dynamic order form with three product options listed as radio buttons. The three options are "Contoured" "Standard" and "Custom". "Contoured" requires five subfields to be filled in if it is selected. "Standard" requires two subfields to be filled in if it is selected. "Custom" has no associated subfields.
My problem is that I can't figure out a script that isolates the subfields to the appropriate radio buttons. Can anyone suggest a script to use?
Thanks in advance.
Brian

Brian, to understand what I did, I will first explain my hierarchy.
RBList has 3 radio buttons: A, B, C. Specify the Item Value for each Radio button, e.g. A=1, B=2, C=3. For radio button A, create 2 dropdown lists & 3 numeric fields and wrap in a subform called SubA - ensure you leave it as Visible presence. For radio button B, create 1 dropdown & 1 numeric, wrap in a subform called SubB, and make sure this is visible. I put my code on the subforms (SubA and SubB) rather than the radio buttons. Also, in order for the layout to be saved in Reader, if you want to save and reopen, you must use the script on the Calculate event. The Click event will not save the layout for you (learnt this from past experience in Designer 7.2 Designer 8 saves layout different again). The event Calculates the function as soon as you open up the file.
Using JavaScript on the Calculate event, on the SubA subform would look like this:
if (RBList.A.rawValue !=1) {
this.presence = "hidden";
else {
this.presence = "visible";
Using JavaScript on the Calculate event, on the SubB subform would look like this:
if (RBList.B.rawValue !=2) {
this.presence = "hidden";
else {
this.presence = "visible";
The radio button C would not require script if there is not subform needed.
Let me know if this works for you.

Radio button to text field

Hi there,
I have a (probably) easy question to answer for a programming newbie.
I have a radio button - it says are you left or right handed - so two options: left and right - I have also changed their values from 0 and 1 to left and right. I've called the object name: 'handed' and set it to global data
On another part of the form I would like an uneditable text field that says: this person is ... handed
...so in other words there's a gap where I want the text to say 'left' or 'right' - I've also given this field the name 'handed'.
It almost works, but instead of showing the name I get the value (ie. 0 or 1) - can anyone help me to change the value into the text?
Many thanks,
Sunil
I'm using ES4 by the way.

Hi again,
well, I don't know what I did wrong before, but this time round I changed the values from 0 and 1 to right and left and lo and behold it worked - so didn't need to resort to coding for this one.
However, before doing that I tried what you said above but couldn't get it to work - am I missing syntax here - not sure. Also, wasn't sure when the calculate event would happen. Ie. is it instantaneous with when the user clicks on the radio button to make the selection, or does the event need to be triggered somehow - eg. using a button on click etc.?
Thanks for your help though - much appreciated.
Sunil

Creating radio buttons and text box in the screen

Hi Guys,
Need help asap. I am writing a report and I have to create text box for user to input GL account numbers for two types of customer. I have to make these fields required and take the data back from the screen and write it in a file. The second thing that I have to do is to make radio buttons for the user to select whether he wants the file written on the application server or the presentation server. and process the report accordingly. Now can somebody please given some code and tell me how I should do this. Both the things have to be done for the same report. Please help.
Thanks,
Minal

Hi,
TABLES: likp,
        lips.
TYPES: Begin of ty_likp,
       vbeln like likp-vbeln,
     end of ty_likp.
TYPES: Begin of ty_lips,
       vbeln like lips-vbeln,
       posnr like lips-posnr,
     end of ty_lips.
DATA: i_likp TYPE STANDARD TABLE OF ty_likp,
       i_lips TYPE STANDARD TABLE OF ty_lips,
       w_lips TYPE ty_lips,
       w_likp TYPE ty_likp.
SELECTION-SCREEN BEGIN OF BLOCK b_0 WITH FRAME TITLE text-001.
SELECT-OPTIONS: s_delno FOR likp-vbeln,
                 s_type FOR likp-lfart,
                 s_ship FOR likp-vstel,
                 s_date FOR likp-erdat.
SELECTION-SCREEN END OF BLOCK b_0.
SELECT vbeln
         FROM likp INTO TABLE i_likp
         WHERE vbeln IN s_delno
         AND   lfart IN s_type
         AND   vstel IN s_ship
         AND   erdat IN s_date.
IF sy-subrc <> 0.
    MESSAGE i000 WITH text-002.
    " No valid deliveries for the selection parameters entered.
    STOP.
ENDIF.
IF NOT i_likp[] IS INITIAL.
    SELECT vbeln
           posnr
           FROM lips INTO TABLE i_lips
           FOR ALL ENTRIES IN i_likp
           WHERE vbeln = i_likp-vbeln.
ENDIF.
format color 1 on intensified on.
WRITE: /01(46) 'Following are the Hanging Deliveries/Invoices:'.
format color off intensified off.
skip.
format color 1 on.
WRITE: SY-ULINE(27).
WRITE: /1       SY-VLINE,
          3(12)    'Document No.',
          16      SY-VLINE,
          17(8) 'Item No.',
          27      SY-VLINE.
write:/1 sy-ULINE(27).
format color off.
sort i_lips by vbeln posnr.
LOOP AT i_lips INTO w_lips.
      Read table i_likp into w_likp with key
                        vbeln = w_lips-vbeln
                        posnn = w_lips-posnr.
      if sy-subrc <> 0.
      format color 2 on.
         WRITE: /1   sy-vline,
                3(12) w_lips-vbeln,
                16 sy-vline,
                17(8) w_lips-posnr,
                27 sy-vline.
        write:/1 sy-uline(27).
        format color off.
        clear w_lips.
      endif.
      ENDLOOP.
Try this one with ur own example.
Thanks & Regards,
Judith.

Help with validating radio buttons

I would like to set my radio button so they can only click it after they have entered text into the 2 previous text fields. Can someone help me out with a script how to do that?
Thanks

Please try the following Script :
// Function to enable form fields function
EnableFormField (cFieldName) {
// First acquire the field to be enabled
var oFld = this.getField(cFieldName)
// Next acquire the hidden field with the normal colors
var oNmlFld = this.getField("NormalColorsFld");
if(oFld) {
// Make field interactive
oFld.readonly = false;
// Restore Normal Colors
oFld.fillColor = oNmlFld.fillColor; oFld.borderColor = oNmlFld.borderColor; oFld.textColor = oNmlFld.textColor;
// Function to disable form fields function
DisableFormField(cFieldName) {
// First acquire the field to be disabled
var oFld = this.getField(cFieldName)
if(oFld) {
// Make field Read-Only
oFld.readonly = true;
// Set Grayed out colors
oFld.fillColor = ["G", 0.75]; oFld.borderColor = ["G", 2/3]; oFld.textColor = ["G", 0.5];

Need help with space between bullet and text in list

I've been trying to increase the space between my bullet and text in my list. Everytime I increase the margin-left or padding everything moves to the right but the space between the bullet and text stays the same. Would someone help me figure out what I'm doing wrong. Website is located here. http://www.webassistantsllc.com/clients/sport
Thanks
Lynne

Thanks for the help. That worked perfectly.
Another question on my bullet:
Is there a way to adjust the position of my bullet in a list? http://www.webassistantsllc.com/clients/sport
Thanks
Lynne

Need help with PHP form with checkboxes, radio buttons and file attachment

Hi guys,
I'm having a nightmare with this PHP form where a user can fill it in, attach a doc/pdf and submit. After trying to sort it out with previous code I've used, I've stripped it out and think I should just start again in the hope you geniuses can help!
Here is the HTML of contact.php:
<form action="" method="post" name="contact" id="contact">
    <p>Job Title:*<br />
    <input name="position" type="text" /></p>
    <p>Nationality:*<br />
    <select name="nationality">
      <option value="">-- select one --</option>
      <option value="Afghan">Afghan</option>
      <option value="Albanian">Albanian</option>
      <option value="Algerian">Algerian</option>
      <option value="Zambian">Zambian</option>
      <option value="Zimbabwean">Zimbabwean</option>
    </select>
    </p>
    <p>Which country are you currently living in?*<br />
    <select name="country">
    <option value="">-- select one --</option>
    <option value="United Kingdom">United Kingdom</option>
    <option value="Afghanistan">Afghanistan</option>
    <option value="Africa">Africa</option>
    <option value="Zambia">Zambia</option>
    <option value="Zimbabwe">Zimbabwe</option>
    </select>
    </p>
    <label class="radio" for="checkRight">Yes/No question?</label><br />
    <input class="radio" type="radio" name="right" value="Yes" /> Yes
    <input class="radio" type="radio" name="right" value="No" /> No
    <input class="radio" type="radio" name="right" value="N/A" /> Not applicable
    <p>Yes/No question?<br />
    <select name="continue">
    <option value="">-- select one --</option>
    <option value="Yes">Yes</option>
    <option value="No">No</option>
    </select>
    </p>
    <p>Select your resorts:<br />
    Resort 1<input name="res1" type="checkbox" value="Resort 1" />
    Resort 2<input name="res2" type="checkbox" value="Resort 2" />
    Resort 3<input name="res3" type="checkbox" value="Resort 3" />
    Resort 4<input name="res4" type="checkbox" value="Resort 4" />
    Resort 5<input name="res5" type="checkbox" value="Resort 5" />
    Resort 6<input name="res6" type="checkbox" value="Resort 6" />
    </p>
    <p>Don't send form unless this is checked:* <input type="checkbox" name="parttime" value="Yes" /></p>
    <p>Date of arrival: <input name="arrive" id="datepick" /><br />
    Date of departure: <input name="depart" id="datepick2" /></p>
    <script type="text/javascript" src="assets/scripts/datepickr/datepickr.js"></script>
    <link href="assets/scripts/datepickr/datepickr.css" rel="stylesheet">
    <script type="text/javascript">
    new datepickr('datepick');
    new datepickr('datepick2', {
    </script>
    <p>Name:*<br />
    <input name="name" type="text" /></p>
    <p>E-mail:*<br />
    <input name="email" type="text" /></p>
    <p>Telephone:*<br />
    <input name="telephone" type="text" class="ctextField" /></p>
    <p>Upload CV (Word of PDF formats only):<br />
    <input type="file" name="cv" class="textfield"></p>
    <p><input name="submit" value="Submit Enquiry" class="submitButton" type="submit" /><div style="visibility:hidden; width:1px; height:1px"><input name="url" type="text" size="45" id="url" /></div></p>
</form>
By the way, the date boxes work so excuse the Javascript in there!
To prevent SPAM I've used a trick where there's a hidden URL field which must be left blank for the form to submit which you can see in the PHP.
Below is where I'm at with the PHP which is placed above the header of contact.php...
<?php
if (array_key_exists('submit', $_POST)) {
    $position = $_POST['position'];
    $arrive = $_POST['arrive'];
    $nationality = $_POST['nationality'];
    $parttime = $_POST['parttime'];
    $depart = $_POST['depart'];
    $name = $_POST['name'];
    $email = $_POST['email'];
    $telephone = $_POST['telephone'];
$to = "[email protected]";
$subject = "Recruitment Application";
$message = $headers;
$message .= "Name: " . $_POST["name"] . "\r\n";
$message .= "E-mail: " . $_POST["email"] . "\r\n";
$headers = "MIME-Version: 1.0\r\n";
$headers .= "Content-type: text/html; charset=iso-8859-1\r\n";
$headers .= "Reply-To: " . $_POST["email"] . "\r\n";
$headers .= 'From: My Website <[email protected]>' . "\r\n";
$message= "
$url = stripslashes($_POST["url"]);
if (!empty($url)) {
header( 'Location: http://www.go-away-spam-robots.com' );
exit();
if (!isset($warning)) {
mail($to, $subject, $message, $headers);
header( 'Location: http://www.mywebsite.co.uk/sent.php' );
?>
I would like to make pretty much all the field compulsory so if a field is left empty (other than the hidden URL field), a warning message is displayed next to that field.
Also I would like the file upload field to attach to the email that is sent to me and have the results come through to me in a table format.
Can anyone help me get my form working?
Thank you and I hope to hear from you!
SM

Hi Nancy,
Great stuff, thank you for the reply.
I've managed to get the Formm@iler working and running as I need it to.
The only thing I'm struggling with is when the user clicks submit, they are taken to a page of whatever results the form returned but it is just a white background with Times New Roman text.
How can I have it so the user is taken to the form results in the websites' page layout?
I tried sending them to a generic 'thank you' page by adding the following code but it just took them there whatever the results of the form so that's no good...! I have a feeling it's a bit more complicated than that...
header( 'Location: http://www.nofussbus.co.uk/test/sent.php' );
Thank you for your help!

Help with placement of images and texts

Hi there everyone, first time in this forum.
Im creating a website for the first time in dreamweaver after using other programmes and have so far created a banner and nav bar across the left hand side. I am unsure on how i am meant to add any content into the actual centre of my page as there is no box there to write in or add pictures and when i create a image or div or table they all just hug the top of my page and refuse to go next to the navigation bar like i need to it! im sure it is simple but i am finding it so much harder to use than any other programme.
Im trying to do a list of pictures and descriptions for my mums business.
any help would be greatly appreciated.
thanks!
Harry

this is my code by the way, i made it as a template and then saved it as a 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>



<link href="../twoColFixLtHdr.css" rel="stylesheet" type="text/css" />
<link href="../Spry-UI-1.7/css/Menu/basic/SpryMenuBasic.css" rel="stylesheet" type="text/css" />
<script src="../Spry-UI-1.7/includes/SpryDOMUtils.js" type="text/javascript"></script>
<script src="../Spry-UI-1.7/includes/SpryDOMEffects.js" type="text/javascript"></script>
<script src="../Spry-UI-1.7/includes/SpryWidget.js" type="text/javascript"></script>
<script src="../Spry-UI-1.7/includes/SpryMenu.js" type="text/javascript"></script>
<script src="../Spry-UI-1.7/includes/plugins/MenuBar2/SpryMenuBarKeyNavigationPlugin.js" type="text/javascript"></script>
<script src="../Spry-UI-1.7/includes/plugins/MenuBar2/SpryMenuBarIEWorkaroundsPlugin.js" type="text/javascript"></script>
<style type="text/css">
/* BeginOAWidget_Instance_2141544: #MenuBar */
/* Settable values for skinning a Basic menu via presets. If presets are not sufficient, most skinning should be done in
    these rules, with the exception of the images used for down or right pointing arrows, which are in the file SpryMenuBasic.css
     These assume the following widget classes for menu layout (set in a preset)
    .MenuBar - Applies to all menubars - default is horizontal bar, all submenus are vertical - 2nd level subs and beyond are pull-right.
    .MenuBarVertical - vertical main bar; all submenus are pull-right.
    You can also pass in extra classnames to set your desired top level menu bar layout. Normally, these are set by using a preset.
    They only apply to horizontal menu bars:
        MenuBarLeftShrink - The menu bar will be horizontally 'shrinkwrapped' to be just large enough to hold its items, and left aligned
        MenuBarRightShrink - Just like MenuBarLeftShrink, but right aligned
        MenuBarFixedLeft - Fixed at a specified width set in the rule '.MenuBarFixedLeft', and left aligned.
        MenuBarFixedCentered - - Fixed at a specified width set in the rule '.MenuBarFixedCentered',
                        and centered in its parent container.
        MenuBarFullwidth - Grows to fill its parent container width.
    In general, all rules specified in this file are prefixed by #MenuBar so they only apply to instances of the widget inserted along
    with the rules. This permits use of multiple MenuBarBasic widgets on the same page with different layouts. Because of IE6 limitations,
    there are a few rules where this was not possible. Those rules are so noted in comments.
#MenuBar {
    background-color:#000;
    font-family: Arial, Helvetica, sans-serif; /* Specify fonts on on MenuBar and subMenu MenuItemContainer, so MenuItemContainer,
                                                MenuItem, and MenuItemLabel
                                                at a given level all use same definition for ems.
                                                Note that this means the size is also inherited to child submenus,
                                                so use caution in using relative sizes other than
                                                100% on submenu fonts. */
    font-weight: normal;
    font-size: 16px;
    font-style: normal;
    padding:0;
    border-color: #ffffff #ffffff #ffffff #ffffff;
    border-width:0px;
    border-style: none none none none;
/* Caution: because ID+class selectors do not work properly in IE6, but we want to restrict these rules to just this
widget instance, we have used string-concatenated classnames for our selectors for the layout type of the menubar
in this section. These have very low specificity, so be careful not to accidentally override them. */
.MenuBar br { /* using just a class so it has same specificity as the ".MenuBarFixedCentered br" rule bleow */
    display:none;
.MenuBarLeftShrink {
    float: left; /* shrink to content, as well as float the MenuBar */
    width: auto;
.MenuBarRightShrink {
    float: right; /* shrink to content, as well as float the MenuBar */
    width: auto;
.MenuBarFixedLeft {
    float: left;
    width: 80em;
.MenuBarFixedCentered {
    float: none;
    width: 80em;
    margin-left:auto;
    margin-right:auto;
.MenuBarFixedCentered br {
    clear:both;
    display:block;
.MenuBarFixedCentered .SubMenu br {
    display:none;
.MenuBarFullwidth {
    float: left;
    width: 100%;
/* Top level menubar items - these actually apply to all items, and get overridden for 1st or successive level submenus */
#MenuBar .MenuItemContainer {
    padding: 0px 0px 0px 0px;
    margin: 0;     /* Zero out margin on the item containers. The MenuItem is the active hover area.
                For most items, we have to do top or bottom padding or borders only on the MenuItem
                or a child so we keep the entire submenu tiled with items.
                Setting this to 0 avoids "dead spots" for hovering. */
#MenuBar .MenuItem {
    padding: 0px 24px 0px 0px;
    background-color:#cccccc;
    border-width:1px;
    border-color: #cccccc #ffffff #cccccc #ffffff;
    border-style: none solid none solid;
#MenuBar .MenuItemFirst {
    border-style: none none none none;
    border-top-color: #999;
    border-right-color: #666;
#MenuBar .MenuItemLast {
    border-style: none solid none none;
#MenuBar .MenuItem .MenuItemLabel{
    text-align:center;
    line-height:1.4em;
    color:#333333;
    background-color:#cccccc;
    padding: 0px 30px 6px 39px;
    width: 10em;
    width:auto;
    border-color: #033;
    border-top-color: #000;
.SpryIsIE6 #MenuBar .MenuItem .MenuItemLabel{
    width:1em; /* Equivalent to min-width in modern browsers */
/* First level submenu items */
#MenuBar .SubMenu .MenuItem {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 14px;
    font-style: normal;
    background-color:#ffffff;
    padding:0px 2px 0px 0px;
    border-width:1px;
    border-color: #cccccc #cccccc #cccccc #cccccc;
    /* Border styles are overriden by first and last items */
    border-style: solid solid none solid;
#MenuBar .SubMenu .MenuItemFirst {
    border-style: solid solid none solid;
#MenuBar .SubMenu .MenuItemFirst .MenuItemLabel{
    padding-top: 0px;
#MenuBar .SubMenu .MenuItemLast {
    border-style: solid solid solid solid;
#MenuBar .SubMenu .MenuItemLast .MenuItemLabel{
    padding-bottom: 6px;
#MenuBar .SubMenu .MenuItem .MenuItemLabel{
    text-align:left;
    line-height:1em;
    background-color:#ffffff;
    color:#333333;
    padding: 6px 12px 6px 5px;
    width: 7em;
/* Hover states for containers, items and labels */
#MenuBar .MenuItemHover {
    background-color: #999999;
    border-color: #cccccc #cccccc #cccccc #cccccc;
#MenuBar .MenuItemWithSubMenu.MenuItemHover .MenuItemLabel{
    background-color: #999999; /* consider exposing this prop separately*/
    color: #000000;
#MenuBar .MenuItemHover .MenuItemLabel{
    background-color: #999999;
    color: #000000;
#MenuBar .SubMenu .MenuItemHover {
    background-color: #cccccc;
    border-color: #cccccc #cccccc #cccccc #cccccc;
#MenuBar .SubMenu .MenuItemHover .MenuItemLabel{
    background-color: #cccccc;
    color: #333333;
/* Submenu properties -- First level of submenus */
#MenuBar .SubMenuVisible {
    background-color: #ffffff;
    min-width:0%; /* This keeps the menu from being skinnier than the parent MenuItemContainer - nice to have but not available on ie6 */
    border-color: #ffffff #ffffff #ffffff #ffffff;
    border-width:0px;
    border-style: none none none none;
#MenuBar.MenuBar .SubMenuVisible {/* For Horizontal menubar only */
    top: 100%;    /* 100% is at the bottom of parent menuItemContainer */
    left:0px; /* 'left' may need tuning depending upon borders or padding applied to menubar MenuItemContainer or MenuItem,
                    and your personal taste.
                    0px will left align the dropdown with the content area of the MenuItemContainer. Assuming you keep the margins 0
                    on MenuItemContainer and MenuItem on the parent
                    menubar, making this equal the sum of the MenuItemContainer & MenuItem padding-left will align
                    the dropdown with the left of the menu item label.*/
    z-index:10;
#MenuBar.MenuBarVertical .SubMenuVisible {
    top: 0px;
    left:100%;
    min-width:0px; /* Do not neeed to match width to parent MenuItemContainer - items will prevent total collapse */
/* Submenu properties -- Second level submenu and beyond - these are visible descendents of .MenuLevel1 */
#MenuBar .MenuLevel1 .SubMenuVisible {
    background-color: #ffffff;
    min-width:0px; /* Do not neeed to match width to parent MenuItemContainer - items will prevent total collapse*/
    top: 0px;    /* If desired, you can move this down a smidge to separate top item''s submenu from menubar -
                that is really only needed for submenu on first item of MenuLevel1, or you can make it negative to make submenu more
                vertically 'centered' on its invoking item */
    left:100%; /* If you want to shift the submenu left to partially cover its invoking item, you can add a margin-left with a
                negative value to this rule. Alternatively, if you use fixed-width items, you can change this left value
                to use px or ems to get the offset you want. */
/* IE6 rules - you can delete these if you do not want to support IE6 */
/* A note about multiple classes in IE6.
* Some of the rules above use multiple class names on an element for selection, such as "hover" (MenuItemHover) and "has a subMenu" (MenuItemWithSubMenu),
* giving the selector '.MenuItemWithSubMenu.MenuItemHover'.
* Unfortunately IE6 does not support using mutiple classnames in a selector for an element. For a selector such as '.foo.bar.baz', IE6 ignores
* all but the final classname (here, '.baz'), and sets the specificity accordingly, counting just one of those classs as significant. To get around this
* problem, we use the plugin in SpryMenuBarIEWorkaroundsPlugin.js to generate compound classnames for IE6, such as 'MenuItemWithSubMenuHover'.
* Since there are a lot of these needed, the plugin does not generate the extra classes for modern browsers, and we use the CSS2 style mutltiple class
* syntax for that. Since IE6 both applies rules where
* it should not, and gets the specificity wrong too, we have to order rules carefully, so the rule misapplied in IE6 can be overridden.
* So, we put the multiple class rule first. IE6 will mistakenly apply this rule. We follow this with the single-class rule that it would
* mistakenly override, making sure the misinterpreted IE6 specificity is the same as the single-class selector, so the latter wins.
* We then create a copy of the multiple class rule, adding a '.SpryIsIE6' class as context, and making sure the specificity for
* the selector is high enough to beat the single-class rule in the "both classes match" case. We place the IE6 rule at the end of the
* css style block to make it easy to delete if you want to drop IE6 support.
* If you decide you do not need IE6 support, you can get rid of these, as well as the inclusion of the SpryMenuBarIEWorkaroundsPlugin.js script.
* The 'SpryIsIE6' class is placed on the HTML element by the script in SpryMenuBarIEWorkaroundsPlugin.js if the browser is Internet Explorer 6. This avoids the necessity of IE conditional comments for these rules.
.SpryIsIE6 #MenuBar .MenuBarView .MenuItemWithSubMenuHover .MenuItemLabel /* IE6 selector */{
    background-color: #999999; /* consider exposing this prop separately*/
    color: #000000;
.SpryIsIE6 #MenuBar .MenuBarView .SubMenu .MenuItemWithSubMenuHover .MenuItemLabel/* IE6 selector */{
    background-color: #cccccc; /* consider exposing this prop separately*/
    color: #333333;
.SpryIsIE6 #MenuBar .SubMenu .SubMenu /* IE6 selector */{
    margin-left: -0px; /* Compensates for at least part of an IE6 "double padding" version of the "double margin" bug */
/* EndOAWidget_Instance_2141544 */
</style>
<script type="text/xml">

</script>
</head>
<body>
<div class="container">
<div class="header"><a href="#"><img src="../images/demologo.jpg" width="727" height="109" align="middle" /><a href="#"></a><a href="#"></a><a href="#"></a></a></div>
<div class="sidebar1">
<ul class="nav">
      <li><a href="#">OUR PRODUCTS</a></li>
      <li><a href="#">Aprons</a></li>
      <li><a href="#">Cushions</a></li>
      <li><a href="#">Totes</a></li>
      <li><a href="#">Tees</a></li>
      <li><a href="#">Baskets</a></li>
      <li><a href="#">Bags</a></li>
      <li><a href="#">Accessories</a></li>
      <li><a href="#">Wool Rugs</a></li>
      <li><a href="#">Rug Rolls</a></li>
      <li><a href="#">Deck Chairs</a></li>
      <li><a href="#">Tea Towels</a></li>
      <li><a href="#">Mugs</a></li>
      <li><a href="#">Cards</a></li>
    </ul>
    <p> </p>
    </div>
<div class="content">
    <ul id="MenuBar">
<li> <a href="#">Home</a></li>
      <li> <a href="#">Blog</a> </li>
      <li> <a href="#">About Us</a></li>
      <li> <a href="#">Contact Us</a></li>
      <li> <a href="#">About Paypal</a></li>
       </div>
<p>
<script type="text/javascript">
// BeginOAWidget_Instance_2141544: #MenuBar
var MenuBar = new Spry.Widget.MenuBar2("#MenuBar", {
      widgetID: "MenuBar",
      widgetClass: "MenuBar MenuBarLeftShrink",
      insertMenuBarBreak: true,
      mainMenuShowDelay: 100,
      mainMenuHideDelay: 200,
      subMenuShowDelay: 200,
      subMenuHideDelay: 200
// EndOAWidget_Instance_2141544
</div>
</script>
<div class="footer">
    <p>Thank you for visiting us</p>
</div>
</div>
</body>
</html>

Help with selecting complete words in text field. Add Icons to Text Field

Hi,
     I am creating GUI for a Email program. The user can send emails, send files as attachment.
     When the user selects his files to attach I am displaying them as a string in a TextField along with there size
     The user can attach files with the help of FileChooser dialog invoked on click of a JButton
     e.g. file1.txt(5K), file2.txt(10K)
     Now whenever user wants to delete one of the files I want him to delete the entire file name with its size.
     So that I get the correct string of file names to send to the smtp server.
     Any one got clues how I can restrict the user to delete the complete name of the file.
     I think if I could make the user to select entire names, and restrict him from moving in the textfield character by character it would be possible. But not sure how to exactly achieve that
     Also I would like to display the Icon along with the file names in the TextField any ideas how it can be done.
     I get the Icon from the File dialog but don't know how to show it up in the TextField

The safest way to handle this is using a JList. But it is possible to do this with the JTextArea. For selecting the entire file, put an action listener on the JTextArea. If someone clicks ona word, it will highlight, by using setSelectionStart(int) and setSelectionEnd(int) found in JTextComponent. Use 0, the length, and the index of the commas for the points to start and end selection. As far as the images, I know it can be done (smileys in chat messages for example) but I've never seen the code to do it. It may just override the paint method and paint in an ImageIcon at the specified location.

How to create popup window with radio buttons and a input field

Hi Guys,
Can somebody give some directions to create a stand alone program to create a window popup with 2 radio button and an input field for getting text value. I need to update the text value in a custom table.
I will call this stand alone program from an user exit.
Please give me the guidance how go about it or please give any tutorial you have.
Thanks,
Mini

Hi,
There are multiple aspects of your requirements. So let's take them one at a time.
You can achieve it in the report program or you can use a combination of the both along.
You can create a standalone report program using the ABAP Editor (SE38). In the report program you can call the SAP Module pool program by CALL Screen <screen number>. And then in the module pool program you an create a subscreen and can handle the window popup with 2 radio button and an input field for getting the text.
For help - Module Pool programs you can search in ABAP Editor with DEMODYNPRO* and you will ge the entire demo code for all dialog related code.
For Report and other Module pool help you can have a look at the following:
http://help.sap.com/saphelp_nw70/helpdata/en/47/a1ff9b8d0c0986e10000000a42189c/frameset.htm
Hope this helps. Let me know if you need any more details.
Thanks,
Samantak.

Buttons and text items on oracle forms 6i

can i create dynamic buttons and text fields on oracle forms 6i.
i mean when i insert record in database then automatically creat a button on form.
Regards
Munawer hussain

Hi,
One physical button is enough for a series of "functional buttons" per amount of simultanious visisble buttons. You can change the button prompt at run-time depending on a certain condition. That same condition can also be used when executing the when-button-pressed (wbp) trigger.
Example:
suppose you have 2 functions that you want to create buttons for: enter query and execute query. Only 1 button is visible at one time. In design time you create 1 button. In run-time, depending on :system.mode you set the button prompt to "enter query"or "execute query" and in the wbp trigger you write
begin
if :system.mode = 'QUERY'
then
execute_query;
else
enter_query;
end if;
end;
Kind regards
.

Please help! How can I validate Radio Buttons and List Menu with PHP.

Hello everyone, I have been learning PHP step by step and
making little projects.
The point is I find it easy to learn by doing "practical
projects."
I have been reading the David Powers's Book on PHP Solutions
and it's really great, however there is nothing mentioned regarding
Validating Radio buttons. I know the book cannot cover every aspect
of PHP and maybe someone in here can help.
I have been learning how to process HTML forms with PHP.
The problem is every book or tutorial I have read or
encountered fall short on validation.
I'm wondering how I can learn to validate Radio Buttons and
Select List Menu.
I have managed to create validation for all other fields but
have no clue as to how I can get validation for Radio Buttons and
List Menu.
I would also like an error message echoed when the user does
not click a button or make a selection and try to submit the form.
I would appreciate any help.
Patrick

It's not that default value is "None." In fact it's not. It
will only be
"none" when the form is submitted.
Also if your submit button is names 'send' then
$_POST['send'] will only be
set if the form was submitted.
Make sure you didn't hit the refresh button on your browser
which usually
reposts the information. Also make sure you did not reach the
form from
another form with the same button names.
Otherwise paste the snippet.
Also you can check what fields are set in the post array by
adding this to
the top of (or anywhere on) your page:
print_r($_POST);
Cosmo
"Webethics" <[email protected]> wrote in
message
news:[email protected]...
>
quote:
Originally posted by:
Newsgroup User
> Off the top of my head this should be no different than
your radio buttons
> except that 'productSelection' will always fail the
!isset check when the
> form is submitted since the default value is "None", and
therefore always
> set. :-)
>
> So how about this..?
> <?php
> if (isset($_POST['send']) and
($_POST['productSelection'] == "None"))
> {echo "Please select a product.";}
> ?>
>
>
>
>
> "Webethics" <[email protected]> wrote
in message
> news:[email protected]...
> > Another question - how do i applied the code you
just showed me to
> > select
> > menu
> > or select list?
> >
> > This is the list:
> >
> > <div class="problemProduct">
> > <label for="productSelection"><span
class="product_label">Product
> > Name.</span></label>
> > <select name="productSelection" id="products"
class="selection">
> > <option value="None">-------------Select a
product----------</option>
> > <option value="Everex DVD Burner">Everex DVD
Burner</option>
> > <option value="Vidia DVD Burner">Vidia DVD
Burner</option>
> > <option value="Excerion Super Drive">Excerion
Super Drive</option>
> > <option value="Maxille Optical Multi
Burner">Maxille Optical Multi
> > Burner</option>
> > <option value="Pavilion HD Drives">Pavilion
HD Drives</option>
> > </select>
> > </div>
> >
> > I thought I could just change the name is the code
from operatingSystem
> > to
> > productSelection.
> >
> > Something like this:
> >
> > From this:
> >
> > <?php
> > if (isset($_POST[send]) and
!isset($_POST['operatingSystem']))
> > {echo "Please select an operating system.";}
> > ?>
> >
> > To this:
> >
> > <?php
> > if (isset($_POST[send]) and
!isset($_POST['productSelection']))
> > {echo "Please select an operating system.";}
> > ?>
> >
> > But this does not work, any ideas?
> >
> > Patrick
> >
>
>
>
>
> Hey, I tried this about but as you mentioned, since the
default product
> value
> is "None" an error message appears when the page loads.
>
> Is there a way to code this things so that even though
the default value
> is
> "None" there ia no error message untle you hit the
submit?
>
> When I applied the code, it messes up the previous code,
now the operating
> system is requiring an entry on page load.
>
> When I remove the code from the list menu everything
goes back to normal.
>
> I know this is a little much but I have no other
alternatives.
>
> Patrick
>

Help with cfinput radio button and text fields

Similar Messages

Maybe you are looking for