I have a form with text boxes which I need to display values ie. <input type="text" name="image_ref" value="image1" />
This works no porblem until I enter the below javscript onto the page:
<script type="text/javascript">
var level1 = document.getElementById('level1');
level1.style.display = 'none';
var level2 = document.getElementById('level2');
[Code]....
This code is to hide certain parts of the form until they are activated. the problem is when the parts of the form are activated and displayed, the values inthe text input boxes do not show.
I have a problem created by my complete [rookie] status – only second time venturing into jQuery. I created a simple shopping cart using php and the PayPal buttons (1: buy now, 2: add to cart). The php back end does it great, it generates the table and the buttons and everything works just like it’s supposed to; Except, I forgot to add sizes. So I found out what I need to add, and I realize that the way the buttons work, I will have two different text boxes for size. Not very visually appealing, and since I’m not submitting this to the server before it goes to PayPal to pay, I cannot modify it with php the way I normally would. jQuery / javascript are my only hope of making this work. What I want to do:Have a single textbox where [size] is entered by the user.
Copy the value from the [correct] text box to the Value=”” section of the now hidden field in the PayPal form That way, no matter whether they [BUY NOW] or [ADD to CART] the right size is submitted to the PayPal shopping cart. This is the actual PayPal code that I’m trying to change
I got this far, and then decided to find how to insert the "enteredVALUE" into the right place in the input text field (what I called output) and I've not been able to figure out how to stuff it in there.
how to do what i wanted. I've got a .pdf file with a bunch of text fields, i would like it to make it so that when the user has focus (is writing in or clicked it) on of the fields it shows a different field with information on how to fill out that field and which field to procede to. Ive figured out how to show a field when focus is on another field, but cant get it to hide again when focus goes to something else.
I have just started using jQuery and getting familiar with the syntax. I have a simple function I want to run that will add a "focus" class when a textbox receives focus, and remove it when it loses it. I have the following code:
The code appears to run normally, but I don't see any alerts pop up when I give focus to a textbox or leave it. I have examined what jQuery is doing, and it selects the dozen or so textboxes on my page correctly and iterates through them, but afterward I don't see any "onfocus" or "onblur" events as being attached in the IE Dev Tools.
These textboxes are all hidden on the page to start with, but are accessible through the DOM.
I have created a contact form when that is suppose to show a summary of the information once the submit button is clicked. Instead I am getting var names and nothing in other areas. Here is the JS and summary page.
I have taken a class on PHP and started making some math homework and drills for the tutoring I do. I have asked my kids for feedback and they are telling me that it is inconvenient to hit tab to go to the next text box (They have small arms/fingers..)I then thought of a brilliant ideaLet�s say it was 12 divided by 3. If they wrote a 4 in the input area, the JavaScript would recognize the correct answer and automatically move to the next box. However, if they wrote a 3 in the box, the JavaScript wouldn't move over.This kills two birds with one stone. The inconvenience of hitting tab or clicking on the next box disappears, and they are forced to put in the correct answer.Ironically, I have learned PHP and skipped over JavaScript. Which code would I use to do this?
I coded the following and it does what I want but the cursor flickers annoyingly in the input field in IE.The code I have is (BTW -- am using this in a Java development environment and the '$' had to be changed to 'JQuery' for this to work...):This is supposed to fade in and fade out the groupTip div block.
I'm using the jQuery form validation plugin along with the fileinput plugin which hides the initial input area, but uses <divs> and some styling /javascript to show the file input field.The issue I am having, is that the 'this field is required' text that is meant to show on submission, doesn't come up for the file input field, nor some checkboxes that I have in a table. I am guessing that this is because the code is needing the label to be RIGHT next to the element (in this case the file input or the checkbox) in order for the validation message to show..Are there any work arounds that anyone knows of so that I can get the error message to show?Is there a way to show the error message for required fields when they have a div wrapping them or anything wrapping them? [code]
Apologies if this question has been asked a million times. I am fairly new to this game, have got my head around html & css and now it's time to add a little interactivity... BUT i've hit my first brick wall. I am setting up a (big) panel of text which i wish to present in a more reasonable fashion by hiding the content and only showing the headers. Got the Hide:Show function working ok as shown below, but I am stuck on my next requirement...
Basically The hidden text will show and hide when told by clicking on the relevant header - but i wish to hide the text in a visible area when clicking on a new header.
I am trying to create a text area input filed for user input, and i want to be able to allow the user to format thier text, just like the ones used in this user forum. I am writing my website in html, php, javascript and css with a MySql database. I am trying to understand how to create such an format-able text area for input.
I don't want to show a table with ALL the contact details on. I want to offer a dropdown menu or similar with the countries inside it, and then dependent on the country selected, the relevant contact information would be displayed in a text box alongside. How can I create this and - equally importantly - integrate it into a WordPress page?
OK. I use javascript to dynamically set the visibility of #search_form to 'hidden' and the visibility of #stealth_form to 'visible'. In mozilla/firefox there is no visual difference. In IE the #stealth_form input box is 1 pixel wider, and when the change occurs it catches the users eye and looks strange.
Any ideas / workarounds? I know this is off topic for this group, but most on this group know an awful lot about HTML / CSS, and I thought it was worth a shot.
Is it possible to have a text box input searching for the entered text on another webpage in the same way Find In Page would do? I have a webpage that I want users to input an item, and that this will open the targeted webpage and bring you to (and highlight) the matched item(s) like find in page does. Is this possible or is the easiest way to just make users open the link to the target page and just complete the find in page search there?
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 the user entering into a text area box but as they are typing into the text area I want it to replicate the first 250 charactors into an input (text) box.
I have to change text input type to password input type and i am using jquery script. This script work for FF, Chrome and Safari browser but not worked on ie7, ie8.
Script is as:-
How can i update my script, so that it works cross the browser.
How can I create a text input field which has a value displayed by default and when a use clicks in the filed, it disappears? Similar to a "search..." box - when a use goes to search, the "search..." text disappears.
I have a text field, call it income, that when the input is > 0 I need to dynamically show the next text box, and if it is blank hide the next text box. I would like to use onBlur but can't seem to get it to work.