Image as Submit button
Does anyone know how to use an image as a Submit button, using Struts?
I think you're looking for the <html:image> tag. It creates an input tag of the "image" type. Make sure it's nested in <html:form> tags, or it won't work.
http://jakarta.apache.org/struts/userGuide/struts-html.html#image
Good luck!
Similar Messages
-
How to apply style to submit button
Hi All,
I am developing an application in struts where I have multiple buttons on a single form. Each button corresponds to different action to be executed, and to achieve this I have used DispatchAction.
Since I need to submit the data, I am looking for some ways through which I can put some style on submit button, such as putting an image over the submit button,giving it some border, some color and so on. I want to do this through CSS or if not possible through CSS then as inline style.
I am using struts-html.tld tag library to render all the HTML controls.
Any idea how to put images over submit buttons, or if putting an image is not possible then how to have style for it so that the look of submit button changes and the user feels as if it is a graphic button.
Any help is appriciated.
Thanks.You do realise there is an <html:image> tag which
generates the html graphical submit button (ie <input
type="image">) ?
There are two tags in struts:
<html:img> - generates an image tag: <img src="...">
<html:image> - generates a graphical submit buttonYea, I do know this. But the problem is I don't have one submit button in my page. There are mroe than one buttons and each button calls a different method of the Action class. I could not get a way to pass the parameter name and parameter value using
<html:image> tag.
To be more clear, I need CRUD operations in one page and they all refer to one Action class. If I use html:image tag, I can't call seperate functions as it will then call the execute method. Also I don't want to have any javascript to call the relevant method from the Action class.
Is there any way out? I am not a pro in struts, just s beginner, so any help is more than appreciated.
Thanks. -
Using an image for a Submit button on a form
I would like to use a custom graphic as the submit button on an online form. Is this doable?
I see the icon in the forms palette. How do I make it a Submit button? It does not have anything different than adding an image.
SH -
Captivate 8 - submit buttons/images no longer showing on devices after adding text with javascript
I'm working on a Captivate 8 project to publish to devices through PhoneGap. This is working successfully on iPhone and Android so far. I have modified the quiz so I have 2 types of quizzes with 3 levels each without the final score showing at the end (they have to get the answer correct to move on to the next question). The submit buttons and image I added to each slide has been working perfectly until I added a text caption with a variable to show "Q X of 6" for each question, with X being a variable that increments by 1 for each slide and then I have another script at the end of each level to reset the variable back to 0. This is working, however the submit button/success message and image on each slide is now not showing. The submit button appears to still be on the screen as I can click in the same area where the it should be and it works but appears to be faded completely out, and the success message now shows so lightly I can hardly see it. My image does not show at all now. I've checked the timeline and they are all set the same, to appear for the rest of the slide. Any ideas?
actually I think it might be an issue related to upgrading my Mac from Mavericks to Yosemite as the app was working perfectly before. I stripped all the javascript off and repackaged and it's having the same issue so I don't think it's the javascript. I'm going to keep looking into this.
-
Invisible submit button with image rollover
I have a need to combine a rollover image with a form submit
button. I need the submit button to not be visible except for those
that know where to look.
I have a database query that displays rows of data. Each row
has a checkbox to select that item, so the data table is in a form;
the checkbox is a cfinput. In order to pass the parameters of the
checked items, a submit button must be used to submit the form
values.
My need is for the submit button to be the rollover image.
Only users that know where to find the rollover image will be able
to submit the list of checked form values. "Regular" users
shouldn't be in that area of the screen.
So, a combined rollover image submit button is needed.
Ideas? Thanks...Rick...document.yourformname.submit didn't work.
But then discovered that the href value needs to be empty (or
"#") to work. This code works: (rollover images with the submit()
code):
<a href="#"
onClick="javascript:submit()"
onmouseover="MM_swapImage('Image9','','images/change-meeting-date.png',1)"
onmouseout="MM_swapImgRestore()">
<img src="images/blank-hidden-area.png"
name="Image9"
width="111"
height="11"
border="0"
id="Image9" />
</a>
When, in DW, you add the rollover image, you need to leave
the href value empty. I suppose that lets the submit button use the
<cfform action...> value as the results page, letting the
form values pass to the results page.
Now, the next step is to have two different rollover images
with submits() that point to two different result pages, while
still using one cfform. (Two submits in one form, each submit
pointing to a different results page.)
...Rick... -
Php sql image editor - help with submit buttons!
Hi,
I have recently setup a website for my real-estate company, with a makeshift CMS behind it for my staff to use when updating properties.
I have a slideshow on my site for each property, which is populated through sql blobs (I know alot of people dont think this is the best method but I have managed to get it working so I am happy with it!).
Assuming the database has 4 fields - id, image1, image2, and image3 - I have managed to build separate pages to edit image1, image2 or image3 based on the id as per:
<?php
$db_host = 'xx';
$db_user = 'xx';
$db_pwd = 'xx';
$database = 'xx';
$id=$_GET['id'];
?>
<?php
if (!mysql_connect($db_host, $db_user, $db_pwd))
die("Can't connect to database");
if (!mysql_select_db($database))
die("Can't select database");
function sql_safe($s)
if (get_magic_quotes_gpc())
$s = stripslashes($s);
return mysql_real_escape_string($s);
if ($_SERVER['REQUEST_METHOD'] == 'POST')
if (!isset($msg))
$data = file_get_contents($_FILES['photo']['tmp_name']);
$data = mysql_real_escape_string($data);
mysql_query("UPDATE slideshow SET image1='$data' WHERE id='$id'");
$msg = 'Success: image uploaded';
?>
<html><head>
<title>Slideshow Images</title>
<meta http-equiv="content-type" content="text/plain; charset=utf-8" />
</head>
<body>
<table width="974" border="1">
<tr>
<td width="158"><img src="ss/show_slideshow1.php?id=<?php echo $id ?>" alt="Image1"></td>
<td><?php
if (isset($msg))
?><?=$msg?><?php
?>
</td>
<td width="664"><form action="<?=$PHP_SELF?>" method="POST" enctype="multipart/form-data">
<input type="file" name="photo" id="photo">
<input type="submit" value="upload">
</form></td></tr></table>
The above code will display image1, and let me edit it using a simple submit button.
What I am trying to do though, it to get all the images for the property where id ='$id' on one page with respective edit buttons. I can display them all on the same page easily, but cannot seem to crack the UPDATE form for each image.
Appreciate any advice or help in solving this!!
Thanks
JackYour code has been been copied to the end of the style rules.. not the rest of the html.
It would actually be better if you could provide a link to the live site, it's always much better for troubleshooting purposes to see the live page.
Can you do that? -
How do I create multiple TEBs with one submit button on one page in Captivate 7
I've read other posts on this topic (which refer primarily to earlier versions of Captivate) and am still at a loss as to how to put multiple text entry boxes on a page with one submit button. Here's my scenario:
I am creating test questions.
Each test question has multiple text entry boxes (for numbers only).
Student should be able to enter numbers into the textboxes in any order.
Then there is one Submit button that should initiate validating all the text entries, and move to a scoring page (so I can test it). (What would be best is if this button not only did the above, but also submitted scores to the LMS. But that is not my question at this time.)
I'd like this question to be set up as a template so that I can duplicate it, be able to add or delete text boxes and change the values required in the text boxes.
Here is an image of a sample question page with multiple TEBs. The yellow boxes tell the student where they need to enter text:
Any help or direction to help is appreciated!!I think the problem here is that Arlhoolie wants all of the different TEBs to behave as if they were part of a single interaction that submits only ONE result to the quiz. Using multiple TEBs in Captivate means that you have multiple scored objects and therefore multiple results being submitted to the quiz.
If you want a single Success or Failure result submitted to the quiz based on the results from multiple interactive objects then there really is no simple way to do it. But you could try using the Infosemantics Interactive Master widget to combine all the TEBs as slave objects that report to the Master Widget, which then reports a single score to the quiz based on the results from the slave objects.
You can learn more about the Master widget here:
http://www.infosemantics.com.au/adobe-captivate-widgets/interactive-master
http://www.infosemantics.com.au/interactivemaster/help
You can download a free trial version of the widget here:
http://www.infosemantics.com.au/adobe-captivate-widgets/download-free-trial-widgets
One caveat you should be aware of is that this widget is not HTML5 compatible. -
I created a form and I'm not sure how to make the 'submit' button send me the collected information.
Hello everybody. I am a web designer (NOT a developer)
I created a form and I'm not sure how to make the 'submit' button send me the collected information.
I have used phpform.org/ to custom build a submission form. Then I opened that html in dreamweaver (so that I could edit colors, fonts, and delete the phpform.org advetisement)
Now I need to link the 'submit button' so that it will e-mail me the completed form.
(formphp.org wants me to subscribe to a servie that I pay for in order to have the form e-mailed to myself.)
(after I get the submit button linked to an e-mail I will pull the html of my completed form into Muse- but I don't think that is really relevent)
I'm sure one of you can help point me in the right direction! I can't write my own code so detailed help is appreciated!
-Brenna
The e-mail I would like the form sent to is:
[email protected]
Here is the the code for my form 'as is' :
<!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>Create a Profile</title>
<link rel="stylesheet" type="text/css" href="file:///C|/Users/Tommy/AppData/Local/Temp/Temp1_form.zip/form/view.css" media="all">
<script type="text/javascript" src="file:///C|/Users/Tommy/AppData/Local/Temp/Temp1_form.zip/form/view.js"></script>
</head>
<body id="main_body" >
<img id="top" src="file:///C|/Users/Tommy/AppData/Local/Temp/Temp1_form.zip/form/top.png" alt="">
<div id="form_container">
<h1><a>Create a Profile</a></h1>
<form id="form_836144" class="appnitro" enctype="multipart/form-data" method="post" action="">
<div class="form_description">
<h2 align="center">Create a Tommy Lemonade Profile</h2>
<p></p>
</div>
<ul >
<li id="li_1" >
<label class="description" for="element_1">Name </label>
<span>
<input id="element_1_1" name= "element_1_1" class="element text" maxlength="255" size="8" value=""/>
<label>First</label>
</span>
<span>
<input id="element_1_2" name= "element_1_2" class="element text" maxlength="255" size="14" value=""/>
<label>Last</label>
</span>
</li> <li id="li_23" >
<label class="description" for="element_23">Service Provider Type </label>
<span>
<input id="element_23_1" name="element_23_1" class="element checkbox" type="checkbox" value="1" />
<label class="choice" for="element_23_1">Barber</label>
<input id="element_23_2" name="element_23_2" class="element checkbox" type="checkbox" value="1" />
<label class="choice" for="element_23_2">Hairstylist</label>
<input id="element_23_3" name="element_23_3" class="element checkbox" type="checkbox" value="1" />
<label class="choice" for="element_23_3">Nail Technician</label>
<input id="element_23_4" name="element_23_4" class="element checkbox" type="checkbox" value="1" />
<label class="choice" for="element_23_4">Massage Therapist</label>
<input id="element_23_5" name="element_23_5" class="element checkbox" type="checkbox" value="1" />
<label class="choice" for="element_23_5">Skin Care</label>
<input id="element_23_6" name="element_23_6" class="element checkbox" type="checkbox" value="1" />
<label class="choice" for="element_23_6">Esthetician</label>
<input id="element_23_7" name="element_23_7" class="element checkbox" type="checkbox" value="1" />
<label class="choice" for="element_23_7">Make Up Artist</label>
</span><p class="guidelines" id="guide_23"><small>Select all that apply.</small></p>
</li> <li id="li_19" >
<label class="description" for="element_19">Top 5 services </label>
<div>
<textarea id="element_19" name="element_19" class="element textarea medium"></textarea>
</div><p class="guidelines" id="guide_19"><small>Please list your top 5 services</small></p>
</li> <li id="li_20" >
<label class="description" for="element_20">List all services you offer & thier starting price </label>
<div>
<textarea id="element_20" name="element_20" class="element textarea medium"></textarea>
</div><p class="guidelines" id="guide_20"><small>please use a new line for each service. You can do this by pressing 'enter' after each starting price.
</small></p>
</li> <li id="li_12" >
<label class="description" for="element_12">Personal Phone </label>
<span>
<input id="element_12_1" name="element_12_1" class="element text" size="3" maxlength="3" value="" type="text"> -
<label for="element_12_1">(###)</label>
</span>
<span>
<input id="element_12_2" name="element_12_2" class="element text" size="3" maxlength="3" value="" type="text"> -
<label for="element_12_2">###</label>
</span>
<span>
<input id="element_12_3" name="element_12_3" class="element text" size="4" maxlength="4" value="" type="text">
<label for="element_12_3">####</label>
</span>
<p class="guidelines" id="guide_12"><small>Only fill in if you want clients to be able to contact you on your personal phone line rather than the phone at your place of employment. </small></p>
</li> <li id="li_21" >
<label class="description" for="element_21">E-mail (Required) </label>
<div>
<input id="element_21" name="element_21" class="element text medium" type="text" maxlength="255" value=""/>
</div><p class="guidelines" id="guide_21"><small>Staff at Tommy Lemonade will use this e-mail as your primary contact information. it will also be seen by your potential clients.</small></p>
</li> <li id="li_6" >
<label class="description" for="element_6">Confirm your e-mail (Required) </label>
<div>
<input id="element_6" name="element_6" class="element text medium" type="text" maxlength="255" value=""/>
</div><p class="guidelines" id="guide_6"><small>Please re-type your e-mail address</small></p>
</li> <li id="li_3" >
<label class="description" for="element_3">Web Site </label>
<div>
<input id="element_3" name="element_3" class="element text medium" type="text" maxlength="255" value="http://"/>
</div><p class="guidelines" id="guide_3"><small>If you don't have your own website feel free to link your professional Facebook, Google+ etc... </small></p>
</li> <li id="li_4" >
<label class="description" for="element_4">Place of employment </label>
<div>
<input id="element_4" name="element_4" class="element text medium" type="text" maxlength="255" value=""/>
</div>
</li> <li id="li_2" >
<label class="description" for="element_2">Work Address </label>
<div>
<input id="element_2_1" name="element_2_1" class="element text large" value="" type="text">
<label for="element_2_1">Street Address</label>
</div>
<div>
<input id="element_2_2" name="element_2_2" class="element text large" value="" type="text">
<label for="element_2_2">Address Line 2</label>
</div>
<div class="left">
<input id="element_2_3" name="element_2_3" class="element text medium" value="" type="text">
<label for="element_2_3">City</label>
</div>
<div class="right">
<input id="element_2_4" name="element_2_4" class="element text medium" value="" type="text">
<label for="element_2_4">State / Province / Region</label>
</div>
<div class="left">
<input id="element_2_5" name="element_2_5" class="element text medium" maxlength="15" value="" type="text">
<label for="element_2_5">Postal / Zip Code</label>
</div>
<div class="right">
<select class="element select medium" id="element_2_6" name="element_2_6">
<option value="" selected="selected"></option>
<option value="Afghanistan" >Afghanistan</option>
<option value="Albania" >Albania</option>
<option value="Algeria" >Algeria</option>
<option value="Andorra" >Andorra</option>
<option value="Antigua and Barbuda" >Antigua and Barbuda</option>
<option value="Argentina" >Argentina</option>
<option value="Armenia" >Armenia</option>
<option value="Australia" >Australia</option>
<option value="Austria" >Austria</option>
<option value="Azerbaijan" >Azerbaijan</option>
<option value="Bahamas" >Bahamas</option>
<option value="Bahrain" >Bahrain</option>
<option value="Bangladesh" >Bangladesh</option>
<option value="Barbados" >Barbados</option>
<option value="Belarus" >Belarus</option>
<option value="Belgium" >Belgium</option>
<option value="Belize" >Belize</option>
<option value="Benin" >Benin</option>
<option value="Bhutan" >Bhutan</option>
<option value="Bolivia" >Bolivia</option>
<option value="Bosnia and Herzegovina" >Bosnia and Herzegovina</option>
<option value="Botswana" >Botswana</option>
<option value="Brazil" >Brazil</option>
<option value="Brunei" >Brunei</option>
<option value="Bulgaria" >Bulgaria</option>
<option value="Burkina Faso" >Burkina Faso</option>
<option value="Burundi" >Burundi</option>
<option value="Cambodia" >Cambodia</option>
<option value="Cameroon" >Cameroon</option>
<option value="Canada" >Canada</option>
<option value="Cape Verde" >Cape Verde</option>
<option value="Central African Republic" >Central African Republic</option>
<option value="Chad" >Chad</option>
<option value="Chile" >Chile</option>
<option value="China" >China</option>
<option value="Colombia" >Colombia</option>
<option value="Comoros" >Comoros</option>
<option value="Congo" >Congo</option>
<option value="Costa Rica" >Costa Rica</option>
<option value="Côte d'Ivoire" >Côte d'Ivoire</option>
<option value="Croatia" >Croatia</option>
<option value="Cuba" >Cuba</option>
<option value="Cyprus" >Cyprus</option>
<option value="Czech Republic" >Czech Republic</option>
<option value="Denmark" >Denmark</option>
<option value="Djibouti" >Djibouti</option>
<option value="Dominica" >Dominica</option>
<option value="Dominican Republic" >Dominican Republic</option>
<option value="East Timor" >East Timor</option>
<option value="Ecuador" >Ecuador</option>
<option value="Egypt" >Egypt</option>
<option value="El Salvador" >El Salvador</option>
<option value="Equatorial Guinea" >Equatorial Guinea</option>
<option value="Eritrea" >Eritrea</option>
<option value="Estonia" >Estonia</option>
<option value="Ethiopia" >Ethiopia</option>
<option value="Fiji" >Fiji</option>
<option value="Finland" >Finland</option>
<option value="France" >France</option>
<option value="Gabon" >Gabon</option>
<option value="Gambia" >Gambia</option>
<option value="Georgia" >Georgia</option>
<option value="Germany" >Germany</option>
<option value="Ghana" >Ghana</option>
<option value="Greece" >Greece</option>
<option value="Grenada" >Grenada</option>
<option value="Guatemala" >Guatemala</option>
<option value="Guinea" >Guinea</option>
<option value="Guinea-Bissau" >Guinea-Bissau</option>
<option value="Guyana" >Guyana</option>
<option value="Haiti" >Haiti</option>
<option value="Honduras" >Honduras</option>
<option value="Hong Kong" >Hong Kong</option>
<option value="Hungary" >Hungary</option>
<option value="Iceland" >Iceland</option>
<option value="India" >India</option>
<option value="Indonesia" >Indonesia</option>
<option value="Iran" >Iran</option>
<option value="Iraq" >Iraq</option>
<option value="Ireland" >Ireland</option>
<option value="Israel" >Israel</option>
<option value="Italy" >Italy</option>
<option value="Jamaica" >Jamaica</option>
<option value="Japan" >Japan</option>
<option value="Jordan" >Jordan</option>
<option value="Kazakhstan" >Kazakhstan</option>
<option value="Kenya" >Kenya</option>
<option value="Kiribati" >Kiribati</option>
<option value="North Korea" >North Korea</option>
<option value="South Korea" >South Korea</option>
<option value="Kuwait" >Kuwait</option>
<option value="Kyrgyzstan" >Kyrgyzstan</option>
<option value="Laos" >Laos</option>
<option value="Latvia" >Latvia</option>
<option value="Lebanon" >Lebanon</option>
<option value="Lesotho" >Lesotho</option>
<option value="Liberia" >Liberia</option>
<option value="Libya" >Libya</option>
<option value="Liechtenstein" >Liechtenstein</option>
<option value="Lithuania" >Lithuania</option>
<option value="Luxembourg" >Luxembourg</option>
<option value="Macedonia" >Macedonia</option>
<option value="Madagascar" >Madagascar</option>
<option value="Malawi" >Malawi</option>
<option value="Malaysia" >Malaysia</option>
<option value="Maldives" >Maldives</option>
<option value="Mali" >Mali</option>
<option value="Malta" >Malta</option>
<option value="Marshall Islands" >Marshall Islands</option>
<option value="Mauritania" >Mauritania</option>
<option value="Mauritius" >Mauritius</option>
<option value="Mexico" >Mexico</option>
<option value="Micronesia" >Micronesia</option>
<option value="Moldova" >Moldova</option>
<option value="Monaco" >Monaco</option>
<option value="Mongolia" >Mongolia</option>
<option value="Montenegro" >Montenegro</option>
<option value="Morocco" >Morocco</option>
<option value="Mozambique" >Mozambique</option>
<option value="Myanmar" >Myanmar</option>
<option value="Namibia" >Namibia</option>
<option value="Nauru" >Nauru</option>
<option value="Nepal" >Nepal</option>
<option value="Netherlands" >Netherlands</option>
<option value="New Zealand" >New Zealand</option>
<option value="Nicaragua" >Nicaragua</option>
<option value="Niger" >Niger</option>
<option value="Nigeria" >Nigeria</option>
<option value="Norway" >Norway</option>
<option value="Oman" >Oman</option>
<option value="Pakistan" >Pakistan</option>
<option value="Palau" >Palau</option>
<option value="Panama" >Panama</option>
<option value="Papua New Guinea" >Papua New Guinea</option>
<option value="Paraguay" >Paraguay</option>
<option value="Peru" >Peru</option>
<option value="Philippines" >Philippines</option>
<option value="Poland" >Poland</option>
<option value="Portugal" >Portugal</option>
<option value="Puerto Rico" >Puerto Rico</option>
<option value="Qatar" >Qatar</option>
<option value="Romania" >Romania</option>
<option value="Russia" >Russia</option>
<option value="Rwanda" >Rwanda</option>
<option value="Saint Kitts and Nevis" >Saint Kitts and Nevis</option>
<option value="Saint Lucia" >Saint Lucia</option>
<option value="Saint Vincent and the Grenadines" >Saint Vincent and the Grenadines</option>
<option value="Samoa" >Samoa</option>
<option value="San Marino" >San Marino</option>
<option value="Sao Tome and Principe" >Sao Tome and Principe</option>
<option value="Saudi Arabia" >Saudi Arabia</option>
<option value="Senegal" >Senegal</option>
<option value="Serbia and Montenegro" >Serbia and Montenegro</option>
<option value="Seychelles" >Seychelles</option>
<option value="Sierra Leone" >Sierra Leone</option>
<option value="Singapore" >Singapore</option>
<option value="Slovakia" >Slovakia</option>
<option value="Slovenia" >Slovenia</option>
<option value="Solomon Islands" >Solomon Islands</option>
<option value="Somalia" >Somalia</option>
<option value="South Africa" >South Africa</option>
<option value="Spain" >Spain</option>
<option value="Sri Lanka" >Sri Lanka</option>
<option value="Sudan" >Sudan</option>
<option value="Suriname" >Suriname</option>
<option value="Swaziland" >Swaziland</option>
<option value="Sweden" >Sweden</option>
<option value="Switzerland" >Switzerland</option>
<option value="Syria" >Syria</option>
<option value="Taiwan" >Taiwan</option>
<option value="Tajikistan" >Tajikistan</option>
<option value="Tanzania" >Tanzania</option>
<option value="Thailand" >Thailand</option>
<option value="Togo" >Togo</option>
<option value="Tonga" >Tonga</option>
<option value="Trinidad and Tobago" >Trinidad and Tobago</option>
<option value="Tunisia" >Tunisia</option>
<option value="Turkey" >Turkey</option>
<option value="Turkmenistan" >Turkmenistan</option>
<option value="Tuvalu" >Tuvalu</option>
<option value="Uganda" >Uganda</option>
<option value="Ukraine" >Ukraine</option>
<option value="United Arab Emirates" >United Arab Emirates</option>
<option value="United Kingdom" >United Kingdom</option>
<option value="United States" >United States</option>
<option value="Uruguay" >Uruguay</option>
<option value="Uzbekistan" >Uzbekistan</option>
<option value="Vanuatu" >Vanuatu</option>
<option value="Vatican City" >Vatican City</option>
<option value="Venezuela" >Venezuela</option>
<option value="Vietnam" >Vietnam</option>
<option value="Yemen" >Yemen</option>
<option value="Zambia" >Zambia</option>
<option value="Zimbabwe" >Zimbabwe</option>
</select>
<label for="element_2_6">Country</label>
</div>
</li> <li id="li_5" >
<label class="description" for="element_5">Work Phone </label>
<span>
<input id="element_5_1" name="element_5_1" class="element text" size="3" maxlength="3" value="" type="text"> -
<label for="element_5_1">(###)</label>
</span>
<span>
<input id="element_5_2" name="element_5_2" class="element text" size="3" maxlength="3" value="" type="text"> -
<label for="element_5_2">###</label>
</span>
<span>
<input id="element_5_3" name="element_5_3" class="element text" size="4" maxlength="4" value="" type="text">
<label for="element_5_3">####</label>
</span>
<p class="guidelines" id="guide_5"><small>Please enter the phone number of the establishment where you work if applicable. </small></p>
</li> <li id="li_22" >
<label class="description" for="element_22">Schedule </label>
<div>
<textarea id="element_22" name="element_22" class="element textarea medium"></textarea>
</div><p class="guidelines" id="guide_22"><small>Please feel free to include your schedule. What days you work, when are you days off, be sure to include your hours available (example: 9am-7pm) or if you have any 'by appointment only' days. </small></p>
</li> <li id="li_7" >
<label class="description" for="element_7">Profile Picture </label>
<div>
<input id="element_7" name="element_7" class="element file" type="file"/>
</div>
</li> <li id="li_8" >
<label class="description" for="element_8">Portfolio image </label>
<div>
<input id="element_8" name="element_8" class="element file" type="file"/>
</div>
</li> <li id="li_9" >
<label class="description" for="element_9">Portfolio image </label>
<div>
<input id="element_9" name="element_9" class="element file" type="file"/>
</div>
</li> <li id="li_10" >
<label class="description" for="element_10">Portfolio image </label>
<div>
<input id="element_10" name="element_10" class="element file" type="file"/>
</div>
</li> <li id="li_11" >
<label class="description" for="element_11">Portfolio image </label>
<div>
<input id="element_11" name="element_11" class="element file" type="file"/>
</div>
</li> <li id="li_13" >
<label class="description" for="element_13">Portfolio image </label>
<div>
<input id="element_13" name="element_13" class="element file" type="file"/>
</div>
</li> <li id="li_14" >
<label class="description" for="element_14">Portfolio image </label>
<div>
<input id="element_14" name="element_14" class="element file" type="file"/>
</div>
</li> <li id="li_15" >
<label class="description" for="element_15">Portfolio image </label>
<div>
<input id="element_15" name="element_15" class="element file" type="file"/>
</div>
</li> <li id="li_16" >
<label class="description" for="element_16">Portfolio image </label>
<div>
<input id="element_16" name="element_16" class="element file" type="file"/>
</div>
</li> <li id="li_17" >
<label class="description" for="element_17">Portfolio image </label>
<div>
<input id="element_17" name="element_17" class="element file" type="file"/>
</div>
</li> <li id="li_18" >
<label class="description" for="element_18">Portfolio image </label>
<div>
<input id="element_18" name="element_18" class="element file" type="file"/>
</div>
</li>
<li class="buttons">
<input type="hidden" name="form_id" value="836144" />
<input id="saveForm" class="button_text" type="submit" name="submit" value="Submit" />
</li>
</ul>
</form>
<div id="footer">
</div>
</div>
<img id="bottom" src="file:///C|/Users/Tommy/AppData/Local/Temp/Temp1_form.zip/form/bottom.png" alt="">
</body>
</html>I'm afraid not. It's not rocket science but you need to do some coding.
You'll need to find a script (php) and save it to your local site folder. Then reference the script in your form's action attribute like so.
<form action="path/form-to-email-script.php" >
The input fields in your HTML form need to exactly match the script variables.
I'm assuming you're hosted on a Linux server which uses PHP code. Linux servers are also case sensitive, so upper case names are not the same as lower case names. It's usually best to use all lower case names in your form and script to avoid confusion.
Related Links:
Formm@ailer PHP from DB Masters
http://dbmasters.net/index.php?id=4
Tectite
http://www.tectite.com/formmailpage.php
If this is all a bit beyond your skill set, look at:
Wufoo.com (on-line form service)
http://wufoo.com/
Nancy O. -
How do you customize a submit button in comments module?
Hi,
I want to create a customized submit button for the comments module. Right now, the submit button shows up as a css button, i.e. an ugly gray square:
http://www.graeagle.com/_blog/Graeagle_World/post/Artistic_Musings_in_Graeagle/
I have a button here http://www.graeagle.com/images/btn_submit.jpg
that I would like to swap out with the current css button.
Alternatively, I would be happy with just the factory system button for the OS.
I have looked at the modulestylesheets.css file and it appears the 'cat_button' style controlled the submit button.
I have tried to modify the css, yet nothing changed.
The issue seems to be only with the comments submit button since I have successfully changed the button on all my web forms for this site.
I have searched the KB but have found no real guide. So, I would most certainly appreciate a step by step approach since I'm coming up empty.
Cheers,
MichaelHey Liam,
Thanks so much! The thing I neglected was changing the code on the Blog Details Module Template. So, from your links, I added new css code to my modulestylesheets.css file with the following:
submit
.submitBtn {
font-family: Verdana, Geneva, sans-serif;
font-size: 18px;
color: #FFF;
padding: 5px 40px 5px 40px;
border: 1px solid #999;
text-shadow: 0px 1px 1px #666;
text-decoration: none;
-moz-box-shadow: 0 1px 3px #111;
-webkit-box-shadow: 0 1px 3px #111;
box-shadow: 0 1px 3px #111;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
background: #333333;
background: -moz-linear-gradient(top, #333333 0%, #4F4F4F 50%, #333333 51%, #33333B 100%);
background: -webkit-gradient(linear, left top, left bottom, from(#333333), to(#33333B), color-stop(0.4, #4F4F4F), color-stop(0.5, #111111), color-stop(.9, #33333B), color-stop(0.9, #33333B));
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#33333B', GradientType=0 );
cursor: pointer;
.submitBtn:hover {
border: 1px solid #FFF;
Then under the Site Manager:Module Templates:Blog Post Details Layout I changed the following html code:
<input type="submit" value="Submit" />
TO
<button type="submit" class="submitBtn"><span>Submit</span></button>
And it worked like a charm!
I wanted to post this here for future reference and help.
Again, thanks for the great tips!
Cheers! -
Trying to delete "submit" button. Tried unsucessfully 5 times. Need help and want to start over.
I created a pdf that I just wanted people to be able to fill in, download, print out and then mail to me. I followed the instructions from a previous acrobat expert who replied to me yesterday and that did not work. Now, I've tried this 5 times and the system has blocked me out unless I pay for your advanced system which is $143. Please help
Re: Want to delete the "submit" link on a pdf
created by Lucia Lao in FormsCentral - View the full discussion
Hi,
I believe this is a form that you created with FormsCentral and then you downloaded/saved as PDF via the "Save Submission-Enabled PDF" button via the Distribute Tab.
Please select via FormsCentral app main menu:
- File -> Save As PDF Form... and then
- when you get the dialog "Would you like your PDF form to collect responses online in the "View Responses" tab?" select "Don't Collect Responses" button.
This will save the PDF form without the Submit button/link.
Thanks,
Lucia
Please note that the Adobe Forums do not accept email attachments. If you want to embed a screen image in your message please visit the thread in the forum to embed the image at http://forums.adobe.com/message/5218029#5218029
Replies to this message go to everyone subscribed to this thread, not directly to the person who posted the message. To post a reply, either reply to this email or visit the message page: [http://forums.adobe.com/message/5218029#5218029]
To unsubscribe from this thread, please visit the message page at [http://forums.adobe.com/message/5218029#5218029]. In the Actions box on the right, click the Stop Email Notifications link.
Start a new discussion in FormsCentral by email or at Adobe Community
For more information about maintaining your forum email notifications please go to http://forums.adobe.com/message/2936746#2936746.The instructions Lucia gave you were correct. It seems you have a Basic trial account (5 forms). You can just delete the forms you are not using so you can create more. Can you explain in more detail how those instructions above didn't work? I think there is some confusion so any details you can provide will help clear it up.
Randy -
Form Alignment issue in table: Custom submit button
Yesterday as I was putting together a "check availability"
form within a horizontal table, I ran into difficulties getting the
form to vertically align in the middle, it kept aligning to the
top. I was able to correct the problem using the following CSS:
<style>
form {
display:inline;
</style>
Now this morning I was switching the generic "submit" button
with a custom gif button using this code within the form:
<input type="image" name="submit" src="image.jpg"
width="110" height="20">
This worked fine, but every part of the form is aligning to
the middle correctly except the custom button which is sticking to
the top. I'm completely lost on how to resolve this issue. If
anyone has any information on how I can fix the button to align
with the rest of the form I would greatly appreciate your help. I
am a beginner at adjusting code.
Thank you so very much!Hello Ram,
> No custom coding.
The current forum is for developers. That's why I'd recommend asking non-programming questions in the
Using SharePoint Designer, InfoPath and Other Customizations forum instead. -
How do I change the states of the "Submit" button in adobe muse?
How do I change the states of the "Submit" button in adobe muse? Currently I can only change the color, text and stroke of the button, but I cannot customize it as I have the other buttons in the tool.
I want to replace the button with an image, however it does not permit me to paste an image into the button, nor does it allow me to delete the box that is currently there. The best I can do is paste the image into the text box that is provided.
-
SUBMIT button and VALUE clause
I have a jsp screen like below.It shows in a tabular form all the employee data.
EMPLOYEE DETAILS
EmpId_______ProcessEmpSalary_____ProcessEmpLeave
1
2
3
4
5
6
7
8
NEXT______PREV____LAST____FIRST
Under ProcessEmpSalary ,ProcessEmpLeave of each employee I have a submit button and clicking on it the particular employee id has to be processed (for salary or leave).Now I want the employee id to be passed when the submit button of that particular employee is pressed.
So what I am doing is I put the emp id in the value clause and achieve my purpose.But this results in the display of the emp id over each submit button.It looks ugly and so
I dont want to use the VALUE clause of the SUBMIT button.........
So friends please tell me how to achieve it.Someone suggested me to use IMAGE but it doesn't work.Some suggested I use hidden varaible ,but I just don;t understand how is that possible.Some suggested me use javascript to pass the value and throw the form...this make sense but problem is I don't have time to learn javascript now.So please help with some code example how to achieve this result.Here is my jsp as it is .Employee id was used for example.In my application it is Submission_Id
which is used as the key.
Note:
The method is given below after the end of this JSP code.
SubmissionList.jsp
<%@ page contentType="text/html;charset=WINDOWS-1252"%>
<%@page import = "oracle.portal.provider.v1.*, oracle.portal.provider.v1.http.*, oracle.portal.utils.v1.*, java.sql.*, ccrspackage.*" %>
<HTML>
<HEAD>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=WINDOWS-1252">
<META NAME="GENERATOR" CONTENT="Oracle JDeveloper">
<TITLE>
</TITLE>
</HEAD>
<BODY BGCOLOR = #FFCC00 FONT SIZE = "+2" >
<FORM ACTION = 'SubmissionList.jsp' method='post'>
<%
//retrieve the existing session
HttpSession Session= request.getSession(true);
CCRS OCCRS = null;
Connect OConnect = null;
try
if (request.getMethod().equals("POST"))
if ( request.getParameter("Exit") != null)
response.sendRedirect("Default.jsp");
else
OCCRS = (CCRS)Session.getValue("OCCRS");
if (request.getParameter("Search") != null)
OCCRS.InitialSettingForSubmissionList();
else
OCCRS.CreatePageOfSubmissionList(request);
else
OConnect = (Connect)Session.getValue("OConnect");
OCCRS = new CCRS(OConnect);
OCCRS.InitialSettingForSubmissionList();
Session.putValue("OCCRS",OCCRS);
catch (Exception e)
OCCRS.ProcessError(e);
//MESSAGE (IF ANY)
out.println("<TABLE ALIGN=CENTER>");
out.println("<TR>");
out.println("<TD>");
out.println("<FONT COLOR = RED>");
out.println("<B>");
out.println(OCCRS.GetDisplayMessage());
out.println("</B>");
out.println("</FONT>");
out.println("</TD>");
out.println("</TR>");
out.println("</TABLE>");
if (OCCRS.GetShowRecord() == false)
String TempValue = "";
String TempSelected = "";
String TempText = "";
out.println("<TABLE ALIGN=CENTER>");
//Show all the drop down list
out.println("<TR>");
out.println("<TD>");
out.println("<FONT COLOR = BLACK>");
out.println("<B>");
out.println("Fiscal Year");
out.println("</B>");
out.println("</FONT>");
out.println("</TD>");
out.println("<TD>");
out.println("<SELECT name = 'Fiscal_Year' >");
while (OCCRS.NextItrScrFiscal_Year())
TempValue = OCCRS.GetItrScrFiscal_Year();
TempSelected = OCCRS.GetItrSelectedScrFiscal_Year();
out.println("<OPTION value = '" + TempValue + "' " + TempSelected + " >" + TempValue + "</OPTION>");
out.println("</SELECT>");
out.println("</TD>");
out.println("</TR>");
out.println("<TR>");
out.println("<TD>");
out.println("<FONT COLOR = BLACK>");
out.println("<B>");
out.println("Fiscal Period");
out.println("</B>");
out.println("</FONT>");
out.println("</TD>");
out.println("<TD>");
out.println("<SELECT name = 'Fiscal_Period' >");
while (OCCRS.NextItrScrFiscal_Period())
TempValue = OCCRS.GetItrScrFiscal_Period();
TempSelected = OCCRS.GetItrSelectedScrFiscal_Period();
out.println("<OPTION value = '" + TempValue + "' " + TempSelected + " >" + TempValue + "</OPTION>");
out.println("</SELECT>");
out.println("</TD>");
out.println("</TR>");
out.println("<TR>");
out.println("<TD>");
out.println("<FONT COLOR = BLACK>");
out.println("<B>");
out.println("Province");
out.println("</B>");
out.println("</FONT>");
out.println("</TD>");
out.println("<TD>");
out.println("<SELECT name = 'Province_Code' >");
while (OCCRS.NextItrScrProvince_Code())
TempValue = OCCRS.GetItrScrProvince_Code();
TempSelected = OCCRS.GetItrSelectedScrProvince_Code();
TempText = OCCRS.GetItrScrProvince_Desc();
out.println("<OPTION value = '" + TempValue + "' " + TempSelected + " >" + TempText + "</OPTION>");
out.println("</SELECT>");
out.println("</TD>");
out.println("</TR>");
out.println("<TR>");
out.println("<TD>");
out.println("<FONT COLOR = BLACK>");
out.println("<B>");
out.println("Facility");
out.println("</B>");
out.println("</FONT>");
out.println("</TD>");
out.println("<TD>");
out.println("<SELECT name = 'Facility_Code' >");
while (OCCRS.NextItrScrFacility_Code())
TempValue = OCCRS.GetItrScrFacility_Code();
TempSelected = OCCRS.GetItrSelectedScrFacility_Code();
TempText = OCCRS.GetItrScrFacility_Name();
out.println("<OPTION value = '" + TempValue + "' " + TempSelected + " >" + TempText + " " + TempValue + "</OPTION>");
out.println("</SELECT>");
out.println("</TD>");
out.println("</TR>");
out.println("<TR>");
out.println("<TD>");
out.println("<FONT COLOR = BLACK>");
out.println("<B>");
out.println("Status Code");
out.println("</B>");
out.println("</FONT>");
out.println("</TD>");
out.println("<TD>");
out.println("<SELECT name = 'Status_Code' >");
while (OCCRS.NextItrScrStatus_Code())
TempValue = OCCRS.GetItrScrStatus_Code();
TempSelected = OCCRS.GetItrSelectedScrStatus_Code();
TempText = OCCRS.GetItrScrStatusDesc();
out.println("<OPTION value = '" + TempValue + "' " + TempSelected + " >" + TempText + "</OPTION>");
out.println("</SELECT>");
out.println("</TD>");
out.println("</TR>");
out.println("</TABLE>");
// SHOW 2 SUBMIT BUTTONS ,"Next" and "Close"
out.println("<TABLE ALIGN = 'CENTER'>");
out.println("<TR>");
out.println("<TD ALIGN=CENTER>");
out.println("<INPUT TYPE = 'SUBMIT' NAME = 'ShowRecord' value ='ShowRecord'>");
out.println("</INPUT>");
out.println("</TD>");
out.println("<TD>");
out.println("<INPUT TYPE = 'Submit' NAME = 'Exit' value ='Exit'>");
out.println("</INPUT>");
out.println("</TD>");
out.println("</TR>");
out.println("</TABLE>");
else
out.println("<TABLE ALIGN=CENTER>");
//THE COLUMN NAME IS SHOWN
for(int Row = 0;Row <= OCCRS.GetFilledRow();Row++)
if (Row == 0)
out.println("<TR BGCOLOR = 'Black' >");
else
out.println("<TR BGCOLOR = 'Teal' >");
for(int Col = 0;Col <= OCCRS.GetFilledCol();Col++)
out.println("<TD>");
out.println("<B>");
out.println("<FONT COLOR = WHITE >");
out.println(OCCRS.ReturnNewPageElement(Row,Col));
out.println("</FONT>");
out.println("</B>");
out.println("</TD>");
out.println("</TR >");
out.println("</TABLE>");
out.println("<TABLE ALIGN = 'CENTER'>");
out.println("<TR>");
if (OCCRS.GetMoreRecExist())
out.println("<TD>");
out.println("<INPUT TYPE = 'Submit' NAME = 'Next' value ='Next'>");
out.println("</INPUT>");
out.println("</TD>");
if (OCCRS.GetPageNumber() > 0)
out.println("<TD>");
out.println("<INPUT TYPE = 'Submit' NAME = 'Prev' value ='Prev'>");
out.println("</INPUT>");
out.println("</TD>");
out.println("<TD>");
out.println("<INPUT TYPE = 'Submit' NAME = 'First' value ='First'>");
out.println("</INPUT>");
out.println("</TD>");
out.println("<TD>");
out.println("<INPUT TYPE = 'Submit' NAME = 'Search' value ='Search'>");
out.println("</INPUT>");
out.println("</TD>");
out.println("<TD>");
out.println("<INPUT TYPE = 'Submit' NAME = 'Exit' value = 'Exit'>");
out.println("</INPUT>");
out.println("</TD>");
out.println("</TR>");
out.println("</TABLE>");
%>
</FORM>
</BODY>
</HTML>
Here is my method in CCRS class
This method create a multidimensional array of fixed row
and column .This array is populated with all the data that has to
be displayed ,and also satisfies the condition specified by the user.
This array is subsequently used in the JSP (which calls this method)
and displays all the row.
public void CreatePageOfSubmissionList(HttpServletRequest request) throws Exception
ResultSet ResSet;
ShowRecord = true;
DisplayMessage = "";
if (request.getParameter("ShowRecord") != null )
ScrProvince_Code = request.getParameter("Province_Code").trim();
ScrFacility_Code = request.getParameter("Facility_Code").trim();
ScrFiscal_Year = request.getParameter("Fiscal_Year").trim();
ScrFiscal_Period = request.getParameter("Fiscal_Period").trim();
ScrStatus_Code = request.getParameter("Status_Code").trim();
LastSubmission_Id = 999999999;
MathematicalSign = "<";
else
if (request.getParameter("Release") != null )
ScrSubmission_Id = request.getParameter("Release").trim();
Submission_Id = ScrSubmission_Id;
ReleaseSubmission();
LastSubmission_Id = FirstSubmission_Id;
MathematicalSign = "<=";
else
if (request.getParameter("Process") != null )
ScrSubmission_Id = request.getParameter("Process").trim();
Submission_Id = ScrSubmission_Id;
ProcessSubmission();
LastSubmission_Id = FirstSubmission_Id;
MathematicalSign = "<=";
else
if (request.getParameter("Remove") != null )
ScrSubmission_Id = request.getParameter("Remove").trim();
Submission_Id = ScrSubmission_Id;
RemoveSubmission();
LastSubmission_Id = FirstSubmission_Id;
MathematicalSign = "<=";
else
if (request.getParameter("Prev") != null )
PageNumber = PageNumber - 1;
Long Temp = (Long) VecPrevSubmission_Id.elementAt(PageNumber);
LastSubmission_Id = Temp.longValue();
MathematicalSign = "<=";
else
if (request.getParameter("First") != null )
Long Temp = (Long) VecPrevSubmission_Id.elementAt(0);
LastSubmission_Id = Temp.longValue();
PageNumber = 0;
MathematicalSign = "<=";
else
if (request.getParameter("Next") != null )
PageNumber = PageNumber + 1;
VecPrevSubmission_Id.addElement(new Long(FirstSubmission_Id));
MathematicalSign = "<";
//initialize the page array
for(int Row = 0;Row <= MaxPageRow;Row++)
for(int Col = 0; Col <= MaxPageCol;Col++)
NewPage[Row][Col] = "";
Submission_Id = LastSubmission_Id + "";
Province_Code = ScrProvince_Code;
Facility_Code = ScrFacility_Code;
Fiscal_Year = ScrFiscal_Year;
Fiscal_Period = ScrFiscal_Period;
Status_Code = ScrStatus_Code;
BuildQueryForSubmissionList();
ResSet = Stmt.executeQuery (Query);
ResSetMetaData = ResSet.getMetaData();
//remember NumOfFields is O is java variable which starts with 0 and not 1,
//that is the reason I am subtracting 1 from oracle returned value.
int NumOfFields = ResSetMetaData.getColumnCount() - 1;
FilledCol = -1;
for(int Col = 0; Col <= NumOfFields;Col++)
//1 is added because JDBC subscripts starts with 1 and not 0
NewPage[0][Col] = ReturnChangedColumnName(Col + 1,ResSetMetaData);
FilledCol = FilledCol + 1;
FilledCol = FilledCol + 1;
NewPage[0][FilledCol] = "Remove";
FilledCol = FilledCol + 1;
NewPage[0][FilledCol] = "Process";
FilledCol = FilledCol + 1;
NewPage[0][FilledCol] = "Release";
FilledCol = FilledCol + 1;
NewPage[0][FilledCol] = "Preview";
//Note at this point row number 0 of the array is having the field names
//Remaining rows (i.e 1,2...etc) will now be populated with field data
FilledRow = 0;
MoreRecExist = false;
while(ResSet.next())
if (FilledRow == MaxPageRow)
MoreRecExist = true;
break;
FilledRow = FilledRow + 1;
if (FilledRow == 1)
FirstSubmission_Id = Long.parseLong(ReturnColumnData(1,ResSet));
FilledCol = -1;
for(int Col= 0; Col <= NumOfFields;Col++)
//1 is added because JDBC subscripts starts with 1 and not 0
NewPage[FilledRow][Col] = ReturnColumnData(Col + 1,ResSet);
FilledCol = FilledCol + 1;
LastSubmission_Id = Long.parseLong(ReturnColumnData(1,ResSet));
Status_Code = ResSet.getString("Status_Code");
if (Status_Code == null)
Status_Code = "";
else
Status_Code = Status_Code.toUpperCase().trim();
FilledCol = FilledCol + 1;
//IF SUBMISSION HAS ONLY BEEN REGISTERED THEN SHOW A REMOVE BUTTON
if (Status_Code.equals("R"))
NewPage[FilledRow][FilledCol] = "<INPUT TYPE = 'Submit' NAME = 'Remove' value ='" + LastSubmission_Id + "'></INPUT>";
FilledCol = FilledCol + 1;
//SHOW THE PROCESS BUTTON IF SUBMISSION HAS BEEN BEEN REGISTERED
if (Status_Code.equals("R"))
NewPage[FilledRow][FilledCol] = "<INPUT TYPE = 'Submit' Name = 'Process' value ='" + LastSubmission_Id + "'></INPUT>";
FilledCol = FilledCol + 1;
//SHOW THE RELEASE BUTTON IF THE SUBMISSION HAS BEEN BEEN PROCESSED
if (Status_Code.equals("P"))
NewPage[FilledRow][FilledCol] = "<INPUT TYPE = 'Submit' NAME = 'Release' value ='" + LastSubmission_Id + "'></INPUT>";
FilledCol = FilledCol + 1;
//SHOW THE PREVIEW BUTTON IF THE SUBMISSION HAS BEEN PROCESSED
if (Status_Code.equals("P") ||
Status_Code.equals("C") )
NewPage[FilledRow][FilledCol] =
"<img src=\"pdf.gif\" border=\"0\" onClick=\" javascript:window.open('" + StringUtil.replaceString(Preview_URL,"%Submission_Id%",new Long(LastSubmission_Id).toString()) + "', 'SubmissionReport','location=no,menubar=no,toolbar=no,scrollbars=yes,left=' + window.screen.availWidth*1.2/8 + ',top='+window.screen.availHeight*1.2/14 + ',width=' + window.screen.availWidth*3/4 + ',height=' + window.screen.availHeight*6/7 + '')\" style=\"cursor:hand\" >";
// "<img src=\"/appl/development/ccrs/images/pdf.gif\" border=\"0\" onClick=\" javascript:window.open('" + StringUtil.replaceString(Preview_URL,"%Submission_Id%",new Long(LastSubmission_Id).toString()) + "', 'SubmissionReport','location=no,menubar=no,toolbar=no,scrollbars=yes,left=' + window.screen.availWidth*1.2/8 + ',top='+window.screen.availHeight*1.2/14 + ',width=' + window.screen.availWidth*3/4 + ',height=' + window.screen.availHeight*6/7 + '')\" style=\"cursor:hand\" >"; -
Spry validation issue with submit button
Hi,
I'm new to Spry but am having an issue getting it to work at all. I created a very simply form (i.e. table with Spry text field and submit button). I've read many articles and been to several forums, but I can't seem to find the issue I'm having. Basically, when I go to preview the page in a browser, the table with the Spy text field and submit button comes up fine, but when I hit the submit button, I see the page refresh and any values I had in the text field disappear, but nothing ever comes up saying "A value is required," which is what I'm looking for. This happens even if I don't have any values in the text field. Below are images of what I'm describing and also the code. I verified that the "Required" check box is checked in the SpryTextField and the submit button action is selected to "Submit Form." My setup is Win 7, DW6, & XAMPP. Any help you can provide would be greatly appreciated.
Before Submit Button pressed:
Browser after button pressed: (same as above but no message saying "A value is required.")
Code:
<!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>
<script src="SpryAssets/SpryValidationTextField.js" type="text/javascript"></script>
<link href="SpryAssets/SpryValidationTextField.css" rel="stylesheet" type="text/css" />
</head>
<body>
test
<table width="600" border="1">
<tr>
<td><form id="form1" name="form1" method="post" action="">
<span id="sprytextfield1">
<label for="test"></label>
<input type="text" name="test" id="test" />
<span class="textfieldRequiredMsg">A value is required.</span><span class="textfieldInvalidFormatMsg">Invalid format.</span></span>
</form></td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td><form id="form2" name="form2" method="post" action="">
<input type="submit" name="submit" id="submit" value="Submit" />
</form></td>
</tr>
<tr>
<td> </td>
</tr>
</table>
<script type="text/javascript">
var sprytextfield1 = new Spry.Widget.ValidationTextField("sprytextfield1", "email");
</script>
</body>
</html>Do yourself a big favor and don't waste time with Spry Validation. Most modern browsers support HTML5 forms with the required attribute.
If you must placate older browsers, use jQuery validate script. It's lightweight and works when HTML5 support is missing. You can see an example below. If you hit submit with empty form fields, the required fields pop-up with messages. View source in browser to see the code.
HTML5 Form with jQuery Validation
Nancy O. -
How to use many submit buttons in an one html form
I'm doing a simple program to insert, edit, delete data from a web page to an database
but the problem is that in an html form , you are allowed to put only 1 submit button.
I heard that you can take the action of many buttons, for a one form using java script
if anyone have a better idea or else have this simple java script, please help me
Thank you very muchGive the buttons an unique name.
In the servlet just check if the button is pressed or not by determining if HttpServletRequest#getParameter() doesn't return null for the button name.There are a couple of "gotchas" when using this technique of dispatching with certain html controls. Most of them browser related.
If you are using <input type="image" name="myButton"> as a submit button, be aware that Internet Explorer will submit the parameters "myButton.x" and "myButton.y" giving the x,y co-ordinates of where you clicked on the button. And won't submit any other value. So calling request.getParameter("myButton") would return null. You have to test for request.getParameter("myButton.x");
If you are using <input type="button" name="myButton"> with Internet Explorer all of the buttons are deemed "successful". So calling request.getParameter("myButton") will never return null.
At least thats the way it works in IE6. And thats what I'm stuck with at work right now, so thats what gets used. It may be fixed in later versions, but I don't have any info on that.
Cheers,
evnafets
Maybe you are looking for
-
Transferring images out of Aperture library
I recently acquired Aperture and plan to import my existing library into the Aperture library. My existing library consists of a lot of .nefs and almost as many jpgs. Once my existing library is imported I plan to let Aperture manage and backup the i
-
An exception occurred while reading or writing from/to the IIS server
Hi All, I am trying to install and configure calendar connectivity in EP6 sp9. As mentioned in http://help.sap.com/saphelp_nw04/helpdata/en/1d/3d59fdaa5ebb45967ea107d3fa117a/frameset.htm, i have installed MSX-A component and On testing MSX-A Componen
-
Control key not working on MB Pro while connected to windows 2008 server through 2x client. Any ideas? Works on windows XP through parallels desktop.
-
SJS opens .xls file present on server as HTML in browser window
Hello Everyone, I am facing a very different kind of problem here and have not been able to get any help. In my application I generate a report in .xls format and save it on the App Server. Problem arises when user tries to access this file from brow
-
"Unable to save markup: Cannot create output file" message with ISDK
Hi, We have an integration of AutoVue with OpenText Livelink, and we're seeing that if users open a document, and then work on adding mark-ups for a long time (3 hours) without saving the mark-up when the user saves the markup they get an error messa