I am trying to find a way to add an extra piece of hidden text onto the end of the text a user enters into the form field so that when the form is sent the extra text will automatically be added to the end before sending. I have tried cobbling together different scripts using onblur/onclick etc but I just cannot get any to work as I need..
View 1 RepliesMy work website, [URL] has an activity search on the top-right side of the page that searches congregation details. It mostly works fine, except that if you search "greenwood" instead of getting shown Greenwood Uniting Church, it tells you that there are no congregations within 15km of Greenwood. Yet if you search "Kingsley" (Next suburb over, less than 15km from Greenwood) it finds the Greenwood Uniting Church.
We worked out that the issue is that there is more than one Greenwood in Australia, so it needs to be clarified that the state of WA needs to be added to the search. The easiest way (I feel) is to check whether WA has been included in the text, and if not, to add it to the search text. This is the code I've got so far (written by a friend, who wasn't certain whether it would work or not):
PHP Code:
echo '<script type="text/javascript">';
// Check that there's state appended to the search
echo 'function checkState(){';
echo 'var searchField=document.getElementById("suburb-address");';
echo 'if (searchField.value.lastindexOf("WA")==0) { ';
echo 'searchField.value+=", WA";';
echo '}';
echo '}';
echo '</script>';
(It's included in a Wordpress Plugin, hence the echo tags)and the form itself:
PHP Code:
echo '<form method="post" action="http://'.$current_site->domain . $current_site->path.'home/activity-search" onSubmit="javascript:checkState();return true;">';
echo '<label>Suburb:</label><input type="text" name="address" id="suburb-address" title="Enter Suburb & State" />';
echo '<select name="categories[]" >';
echo '<option value ="">All Activities</option>';
$categories_list = split('[
]', get_setting('categories', $db));
foreach ($categories_list AS $cat){
$cat = trim($cat);
echo '<option>'.$cat.'</option>';
} echo '</select>';
echo '<label>Country:</label>';
echo '<select name="country" id="country">';
echo'<option>au</option>';
echo '</select>';
echo '<label>Radius:</label>';
echo '<select name="radius" id="radius">';
echo'<option>15</option>';
echo '</select>';
echo '<input type="submit" name="submit" value="Search" class="btn" />';
echo '</form>';
I'm wondering whether the if statement is valid, but I'm not knowledgeable in Javascript, so I don't know where to begin.
I'm stuck with this one since my knowledge of javascript is very low, PHP I'm ok with but this is a new language to me. Anyway, I have a form (a table-less one) which I would like to have the ability to add extra file fields if needed. One is already placed but I would like the user to have the option to add more photos. Here's my html:
[Code]...
I wish to have my form update a text field when a 'add' link or button is clicked, allow for more entries to be added without having the page refresh. but i need to be able to have both the friends name and their number added to the field like so
if friends name is say 'jason' and their number is '0987654321' then it will add to the textarea like so.
jason [0987654321] this way i should be able to get the data and split it up when the form is send so i can add them in the DB. the part i am stuck on is how to get both fields in the textarea. allowing for more to be added without a refresh. can anyone suggest how they might do this.
[Code]..
I have been trying to write a script that allows a user to click on a button like a plus sign to add an additional field for a phone number when they have more than one phone number to enter. I have created a script that sort of does this. It doubles up what is already there, so, the first time, everything is fine, but after that I get a lot more fields than I want. I am a php programmer and not familiar enough with javascript to get to what I want. My script is included below. What I am doing here is retrieving the html content and then adding it to what is already there. In php I would use an if conditional test to see if the data has been retrieved.
The first time it would retrieve the data into a variable. After that it would not retrieve it. I think I am getting into some scope and sequence issues here. Javascript is a bit different than php in these regards. Also there is a commented line in the code that asks another question about the use of variables that I don't understand. I also tried using appendChild() here to no avail. I couldn't get that to work at all.
[Code]...
I need the value of my drop down box options to contain size information rather than price. However I would like to be able to calculate a price for the items based on what size the user selects as well as the quantity. Below is the code I came up with (which doesn't work obviously)What can I do to get this to work for me?
<head>
<script type="text/javascript">
<!--
[code]....
I have a textbox on one of my forms that is used to accept a time from the
user. I need to write this value to a database to trigger an event later on.
What I'd like to know is...
Are there any functions in javascript that can convert different time
formats to a known format (24 hour clock)... 5pm -> 17:00 or 5:00 to 05:00,
etc. ???
Assuming that I get the input into a 24 hour format, how can I create a full
time/date variable with todays date and the users entered time?
Finally, if the entered time is earlier than the current time, how can I
create the above date/time combination using tomorrows date?
that a javascript which is validating a phone number accepts only digits but if the text field is left empty it should accept the entry as an empty entry...
View 2 Replies View RelatedI have a website containing 26 subdirectories 'a' to 'z'
On the home page I want a text field and submit button
If someone for example types 'j' it will go to the 'j' folder home page
Does anyone know where I might find code like this?
Have a small problem with a cms whereby when i try to insert default text into an input text field using the "value" attribute it gets deleted. I was thinking to force insert the text in there when the page load with javascript but not sure exactly how...
<p><input name="vericode" id="vericode" value="This text doesn't display!!" type="text" onclick="value=''"/></p>
I have a working contact form with 3 of the fields requiring validation and they work well. I have added extra fields to the form (StatusClass, Project, CameFrom). These 3 fields return fine but I need to validated them. My problem is that the new fields don't show in the behaviours/validate panel even though they are within the form tag.
<script type="text/JavaScript">
<!--
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
[Code]...
I am having some issues with a form that has "name" "email" "address" text field the a comment section that has been pre filled with the followingI <name> of <address> blah blah blah blah blah blahblah blah blahblah blah blahblah blah blahSigned<name><address>Now my question is how do i get the form (made in html) pull what the user types in the text field and make it get added to the comment section of the form where the <name> <address> is required.Once filled out it is emailed to me.
View 6 Replies View RelatedI am looking to build as basic as possible, a form that has 3 select dropdowns that have predetermined options. The user will select the first option and based on that option the second will populate and based on that, the third one will give the last option. Now, when the last one is selected, i need a div or a paragraph displaying information to be displayed.So here's the framework.
Option 1 = fruit or vegitables of which fruit is selected is selected by the user
Option 2 = Apples, Grapes, and pears of which apples is then selected
Option 3 = Red, Green and Yellow of which Green is selected.
Once green is selected, I need a description about the green aple to be displayed.
I'm trying to think of the best way to do this, and have it be browser-friendly (Read: Runs in IE, FF, Chrome, and optimally Safari too, but the last one isn't necessary). User selects an item in a dropdown list. Clicks the Add button. A new entry inside a DIV appears, which consists of a hidden form field, the entry name, and a Del button. When the delete button, I need it to erase that entry (and the associated hidden field) but not the whole block.
View 1 Replies View RelatedIn a registration form middleName field is optional. When the users enters his/her middleName, then it should validate that field. I have used the following code to achieve the above scenario, but it is not working.
$("#middleName").rules("add", {checkName: true, required: false, messages: {checkName: "Please enter a valid middle name"} });
jQuery.validator.addMethod("checkName",
function(value, element) {
var regExp = new RegExp(/^[a-zA-Z0-9s|,|.|-|']+$/);
return regExp.test(value);
},
"Please enter a valid name."
);
How to achieve the above scenario.
I have a text field (field1) already displayed on the HTML page. However, there's a link where you can add additional text fields to the page as well. When the link is clicked, the second text field is added successfully (field2), and when the link is clicked again, the third text field (field3) is added successfully. However, the third field does not add itself to the page, and the text for anything greater than a third field also isn't displayed after. This obviously means that my "fields" variable is not working right
<script language="javascript">
fields = 1;
function addMore() {
if (fields = 1) {
document.getElementById('addedMore').innerHTML = "<input type='text' name='field2' size='25' /> <span>Field 2.</span>";
[Code]....
Lets say I have the following text field and button code...
View 6 Replies View RelatedI'm currently using the Jquery Flipv plugin, which works well. The only problem is, some words have extra padding at the end, depending on how many characters.
I'm not sure why this is, but it seems that the conversion to vertical text creates some extra spacing on certain browsers.
I am using counter to count characters in text area. Now the problem, if the number of characters calculated = 160 characters, then when I send the paragraph to my mobile phone, I get 162 characters, I got the reason, but can't find solution yet. Example: write normal paragraph in the text area without clicking on "enter button",when you are typing the paragraph, if the current word faced the end of the line, the whole word will be dropped to second line and so on, please see red star indicator.The text will be organized itself inside the textarea, but at each line if the word dropped down, I noticed 2 spaces will be added to the previous row.
View 9 Replies View RelatedMootools 1.3 user here. I am just wondering if I can pass extra data along with form values when I use the $('myform').submit(); method.
I am wondering if there's anyway to attach data the same way you do with a Request object (ie: Request.send(data) or do I have to create hidden inputs in my form to pass the values?
The reason is some parts of my form are dynamic. The user can add as many entries as he wants. Those entries are stored in an object that's a module's property (Modyle.property = {obj, obj, obj}).
I am wondering if I'll have to iterate through the entries and create hidden inputs for each before submitting the form or can I just create a string that I can pass with my Form.submit() statement?
Trying to create some sort of notifier if an input field does not meet certain conditions. I guess its my own validator. I could use a simple .show() but the input fields are not spaced out. I have attached a link to the jsFiddle i was working on.
[Code]...
I am very green in Javascript but I am working on it, I was wondering if this is even possible:
I have a bit of information as just text on a page, what I would like to do is to have the text change according to which form button they select. The trick is that the text information is not in a form, its just in a table.
example:
Here would be blah blah blah
()<-bad impression of a button
once I select that button, the information above it would change to something different.
I have a form and inside the text fields I have a note that indicates: Type here your name...all this instead of having titles for each field. That text is set as initial value and the user has to highlight the text to delete it. What I am wondering is if there is a way to have the text but when the user clicks on the Field the text disappears and there is no need for deleting. I have seen this before but I can recall where.
View 2 Replies View RelatedI'm trying to change the value in a text field to red for the validation. (It's one of those forms with an intial value in the text field which is currently got a style attached to it. If they fail validation, by not having anything in the text field, I would like the initial value to turn red from a style in the style sheet.
Here's a bit of my code for the form: *NOTE=the onblur is to make the intial value dissapear on click in the field. Code:
The javascript below works perfectly using Firefox, but not Opera or IE.I have a button which I would like to clear the text in the input field with.The "onFocus" on the input field works fine in all browsers, but when clicking the "cross.gif"-button, it only works in Firefox.javascript:
Code:
function checkclear(what){
what.value=''
[code]....
Ive got a form with 3 text fields, one for first name, last name and one i dont what the user to be able to write things in(if that cant be done no biggy), when I hit submit, I want to move these two entries (first name and lastname) into uneditable text field so basically just combine the two, and then the user can add more names and it just keeps adding them to the end of the other text field... kinda hard to explain, basically like a chat type thing, where hitting enter just adds more names to the other text field except only you can see it.
View 9 Replies View Related