Attempting my first bit of JQuery, looking to hide or reveal questions in a form based on the value selected from a drop down list.i.e. select1
"1" Red
"2" Blue
"3" Yellow
I'm following an example where a single value is matched, i.e. if 1 selected reveal question
$(document).ready(function(){
I have been building a website and am in the process of integrating a shopping cart into the website. I have colors for the products in a <select> but there are a few colors that require an extra processing step that would cost extra to the customer if they chose those colors. However I don't want that extra processing step to be visible unless those certain colors are selected because I feel it would be confusing to the customers.
View 1 Replies View RelatedAnyhow, as per my new site design, I need to have a DIV on the page, containing an image, some other divs, and some text within it, but have HALF of it concealed (see attached spotslideprev1.jpg) until the user hovers over the div, revealing the complete DIV (see attached spotslideprev2.jpg).I think it's pretty selfexplanatory. If anyone has any ideas or tips, I'd love to hear them!Attachments spotslideprev1.jpgSize : 209.88 KB Download : 635
I have a script that works perfectly on a live site that basically has a menu that reveals a hidden DIV and when you click a link, and then when you click a new link it hides the previous div and reaveals the new one. It is as follows:
Javascript Code:
Original - javascript Code
LastLayer = "nothing"; // the first div/layer
function openObject(theLayer){
// pass the name of the layer you want to bring to the top
// Then hide the last layer, and make the layer passed visible. This could have been done using the z-index property
if (document.getElementById) { // if it's IE5 or NS6 use this syntax to access the visiblity attribute
eval("document.getElementById(LastLayer).style.visibility = 'hidden'")
eval("document.getElementById(theLayer).style.visibility = 'visible'")
LastLayer = theLayer;
}
if(document.layers) { // if it's NS4 use this syntax to access the visiblity attribute
eval('document.layers[LastLayer].visibility = "hidden"')
eval('document.layers[theLayer].visibility = "visible"')
LastLayer = theLayer;
} .....
Now I am redesigning the site to work with a new style sheet, (There wasn't one before, it was all inline styles. Anyway, it broke my script. The CSS has a class that gives certain DIV's visibility attribute the 'hidden' value by default. I was planning on using the above script to reveal/hide them, but it does nothing. Here is the CSS that affects the divs I am referring to.
CSS Code:
Original - css Code
.job {
border: thin solid #000000;
float: right;
margin-right: 25px;
padding-left: 10px;
width: 40%;
display: none;
}
.job { border: thin solid #000000; float: right; margin-right: 25px; padding-left: 10px; width: 40%; display: none;}
As you can see there is nothing fancy in the css that would cause any concern.
I have a form script that is made up of Text boxes, radio buttons, and drop down boxes. What I am wanting to happen is upon clicking submit at bottom of form, it should run a check to make sure all questions have been answered. So far it catches all the text boxes, but it's not catching the radio buttons or drop down boxes.. I have all of this under 1 form name ( is this where my problem is located? do I need to seperate into different form names based on type?) I am not wanting the answer given too me ( at least not yet ). I have done a search for multiple types of validation. But nothing seemed to clcik... Also Do I need another validation set up point for the Month, Date, year Drop down boxes?
[Code]...
I would, first, like to know, when someone hits a submit button and a form
is sent, how could you get that form sent as text instead of an attachment?
And second, how do you get the user to be able to browse for an image on
his/her computer and load it to a form?
i nees a scriopt to create a form in which i need to ask 10 questions from users. each question will have two answers. yes or no (radio button). visitor will have to select either yes or no. no question can be left unanswered. above question answers (in same form), there will be data field for user where he will submit his
name, email, ph, address etc. after submitting all fields, visitor will submit. now following will happen.
a. a unique id will be created to be associated with this form
b. his data will be emailed to one email or two emails
c. in next screen, he will see his unique id alongwith results of his questions and answers
d. if he replied all questions as yes, he will be passed
e. if he replied no (even to a single question), he will be failed
I have multiple <select></select> elements in a php page. After an option is chosen from the first drop down <select></select> element, options of the 2nd drop down <select></select> element will show up. Selection of an option from the 2nd drop down list will get the options in the 3rd dropdown list show up. Thus input from the 3rd drop down list will show up the options in the 4th drop down list. Such is the case for the 4th, 5th ,... drop down list.
Each time depending on the inputs from the previous drop down lists , the values for the immediately later drop down list will be retrieved from the database. i.e options for the nth drop down list to be retrieved from the database will depend on the selected the values from 1st, 2nd, 3rd, .....(n-1)th drop down list.
Okay, how do I write a page with a form so that when I click Submit,
the following happens?
1. The data is submitted (of course)
2. The form is cleared (what I've tried results in the form being
cleared first, resulting in an empty submission), and
3. The cursor goes back to the start of the form, ready for more input
(kind of like how Google puts the cursor in the search box at the
start).
I can't seem to find the answer, and I've been looking on the net for a
few hours already.
I have a form which check boxes. The last check box is labeled "other". What I want is that when the user clicks other my text field contained in my hidden "details" div will be displayed so they can specify "other".
Here is the JS code I have in the head of my page:
<script type="text/javascript" language="JavaScript"><!--
function RemoveContent(d) {
document.getElementById(d).style.display = "none";
}function InsertContent(d) {
document.getElementById(d).style.display = "";
}
//--></script>
Here is the code on the "other" check box:
<label class="checks">
<input type="checkbox" name="Other" id="other"
onselect="PresentForm ('details');" />
Other</label>
And the code for the details div:
<div id="details" class="checks">
<label >
<input type="text" name"details" size="30" />Please Explain</label>
</div>
Here is the CSS for the details text field:
#details {
padding-left:20px;
display:none;
}
I am creating a form that you don't actually submit in order to allow people to download files. You select different options with radio buttons and drop-down menus and then use that information to "show/hide" divs with javascript. That part works, but if the user leaves the page and then comes back, the data can be somewhat misleading. One radio button may be checked, but the corresponding div that was showing before you left the page is not (it was set to "display:block;" in css with the "onclick" or "onchange" depending on which choice on the form caused it to appear). I know that I need to set a session cookie to save the values on the form, but it is a bit more complicated because I need to set divs to "display:block;" or "display:none;" depending on what the values of the form fields are. I'm a novice at javascript. Since I am not submitting the form, I can"t use PHP.
View 9 Replies View RelatedI have the following function that selects all of the values in a multiple select box. Can anybody help me extend it to do this for more than one select box?
function selectAll() {
List = document.forms[0].categories;
if (List.length && List.options[0].value == 'temp') return;
for (i=0;i<List.length;i++){
List.options[i].selected = true;
}
closeMe()
}
I have a form with a shipping address area and a billing address area. Right now I have a checkbox that fills in the billing address information if its the same as shipping information. Instead of having that so the form isnt so long when people first look at it I would like for the billing address fields to be hidden when you first come onto the page, and only if the address's are different the person will click the check box and the billing address section will appear. I know this has to be done in javascript but I have never done it
View 14 Replies View RelatedI have a form that I am using to generate an email with several user
selected fields being part of it. As part of this form, I have a select
box which allows the user to select which email addresses it should be
sent to. The box works great except that the CGI script I'm sending the
values to can only parse a single line for each field in the form. The
issue comes into play when someone selects more than one value in the
select box, the output of the select box seems to separate each value
on a separate line using a line feed (or carriage return, I can't
tell). The format that the CGI script needs is for a single line with
each of these values separated by a comma. I'm confident that a
javascript can do this fairly easily, but unfortunately, I am not very
well versed in javascript. I've found a few code snippets on the web
that I've mangled together, but since I don't really know what I'm
doing, it isn't working out so good. I've included what I have in the
form right now below (note that I've removed all of the other form data
but the select box code to save space). Code:
I have a list of products where they have minimum quantities in a hidden input. Some products have multiple colours, though the same minimum quantity and I'm trying to implement a jQuery check that entries made are at least equal to the minimum.
Blank or '0' entries are fine but if it's below the minimum quantity it should set to the minimum.
HTML:
Is there something obviously wrong with this? It isn't performing the minimum check and I'm really not sure why.
I am using jquery with the cookie plugin and I have multiple image buttons that can hide/show multiple elements. My question is how can I add a cookie to this code to remember whether each separate element is opened or closed?
The code,
$(document).ready(function() {
// choose text for the show/hide link - can contain HTML (e.g. an image)
var showText='<div class="expanddown"></div>';
var hideText='<div class="expandup"></div>';
// initialise the visibility check
var is_visible = false;
// append show/hide links to the element directly preceding the element with a class of "toggle"
$('.toggle').prev().append('<a href="#" class="togglelink">'+hideText+'</a>');
// capture clicks on the toggle links
$('a.togglelink').click(function() {
// switch visibility
is_visible = !is_visible;
// change the link depending on whether the element is shown or hidden
$(this).html( (!is_visible) ? hideText : showText);
// toggle the display - uncomment the next line for a basic "accordion" style
//$('.toggle').hide();$('a.toggleLink').html(showText);
$(this).parent().next('.toggle').slideToggle('fast');
// return false so any link destination is not followed
return false;
});
});
HTML,
<a class="togglelink" href="#"></a>
<div class="toggle">
Content
</div>
I am setting up a text search with 3 search buttons to allow 3 different searches from the one text box. Each search has different values for the 2 hidden elements. So far I've got the 3 submit buttons working with the below code but I can't figure how to get the hidden values to be inserted. For each of the 3 different submits I need to tell javascript what the 2 hidden values are.
<SCRIPT language="JavaScript">
function OnSubmitForm()
{
if(document.pressed == 'questions')
{
[Code]....
<pre><code><font size="4"><span>
Is there a way to find multiple values?This script checks <u>name = ben</u>, what about I want to check if <u>name = ben</u> and <u>name = joe</u>?
var</span><span> items </span><span>=</span><span> </span><span>[{</span><span>id</span><span>:</span><span>1</span><span>,</span><span> name</span><span>:</span><span>'bob'</span><span>},</span><span> </span><span>{</span><span>id</span><span>:</span><span>2</span><span>,
[code]....
I m trying to learn and also implement, what I would like to do is have a content div that maybe holds an image, header and content. When this div is hovered over the div is overlayed with a transparent color and a read more link is also displayed.
View 12 Replies View Relatedis there any way I can get what field has focus in the form? I would
like to trap the "backspace" only if focus is on spesific field.
I have several checkboxes that on .click add their ID to an xml string. I am having trouble with it adding multiple ID's, currently if you have one checked and check another, it overwrites the previous. Here's what I have:
if ($(this).is(':checked')) {
services += '<SERVICE><SERVICECD>' + this.id + '</SERVICECD></SERVICE>';
}
How do I make this work with multiple ID's so it adds/removes each one based on click, not overwriting? I need to be able to have multiple ID's added to the string.
I already know that you can combine multiple attribute selectors, &&-style, by doing:
$("*[name='someName'][value='someValue']");
However, what I was wondering is, is there any way to combine multiple
attribute selectors, ||-style, such that I could select:
$("*[name='someName'][value='someValue']").add("*[name='someName']
[value='someOtherValue']");
[Code].....
I have checkbox inputs like so:
<input type="submit" value="One" id="one" />
<input type="submit" value="Two" id="two" />
Say they are both checked.. How would I send those values through the code below properly?
$('#submit').click(function(){
value = $('input:checked'); // not sure how to collect all checkbox values here so they can be sent..
[code]....
I got something like that:
<script type="text/javascript">
$(document).ready(function(){
$('#demo1').quickEdit();
});
[Code].....
Before the home page of a site i've developed appears, I want the logo of the company to appear on the screen, then fade out to reveal the web page with full functionality. I also could do this be fading out the logo to reveal a static image of the home page which then could redirect to actual home page.
View 4 Replies View RelatedI have a some divs in a list which are shown or hidden using doslide. I would like to be able to make a link on another page or an email which will go to the page and reveal a specific div automatically without the user having to land on the page and then search through the list.
View 2 Replies View Related