I am trying to create a little code that when a user reads the rules they need to scroll right to the bottom of the textarea before the Select Option enables.heres my form:
HTML Code:
<form method="post" name="form1" id="form1" action="http://www.maddogfitness.co.uk/cgi-bin/FormMail.pl">
[code]...
Is there any way to get Mozilla to fire an event when a textarea
scrolls? IE seems not to have a problem with it, but Moz just won't
cooperate.
I tried the W3 event model: myTextArea.addEventListener("scroll", fn,
true); - also tried "false" for the phase parameter (apparently this
event neither bubbles nor captures).
I also tried the "singleton" event model: myTextArea.onscroll = fn;
When a certain option value is selected it is supposed to enable a text field. However, it's not working and I'm not sure why. Here's the code:
View 3 Replies View RelatedAll expanding textarea plugins I've seen always insert an additional line at the very end. This signals the user that more text can be typed since there is more space (such as [URL]). But can anyone direct me to an expanding textarea plugin which doesn't add an extra space at the bottom? I want it to grow only to the exact number of lines which have been typed.
View 1 Replies View RelatedI have a readonly scrollable textarea that is being updated via javascript (it's a chat window). I would like to be able to scroll to the bottom programatically.
For IE I have:
myTextarea.createTextRange().scrollIntoView(false);
Any hints for FF?
I'm using the following code to remove an option from a select control based on a selection in a different select control and the option text in the select option that is being removed. The code works as I want it to, but I would prefer to use the option value for identifying the option to remove instead of using the option text. I've tried several different ways to do this, but can not find the proper syntax.
[Code]...
I'm trying to recreate a behaviour which enables a disabled checkbox after the user has completely scrolled down to the bottom of a textarea ("agree to license terms"). My current state can be found at http:[url]....The checkbox is not being enabled with my approach. I can enable the checkbox if I explicitly set scrollTop to a value, but then I'm not able to scroll anymore at all. So I am guessing it probably has to do with the scroll check not working properly.
View 3 Replies View RelatedI wish to know if is possible to change the selected option in a SELECT selecting a determined option into another SELECT in the same form.
E.g: When I select the option "Istruction" in the SELECT named "A" I wish the SELECT "B" change the default state from "empty" to "other"
I'm using Prototype and scriptaculous either, but here it is:
I have two select areas and scripts to transfer items between the two.
Everything works great in FF, but in IE when an option gets removed it
removes the entire select area. Has anyone ever seen something like
this before?
According to [URL] intended way for jQuery to change dynamically the selected option of a dropdown select control isassigningthe desired text instead of the value. I found this way veryinconvenient (data structures usually deal with value codes, not value descriptions) and it seems to work only sometimes.
Trying different options I came out with this approach that seems to do the job so
far:
function setSelect(pID,pSelectedValue)
{
$('#'+pID + ' option:selected').removeAttr('selected');
[Code]....
if i have a <select> and i when i click an image i want to do an onclick event to select a specified option inside the <select> is this possible?
View 1 Replies View RelatedI have a form that uses jeditable to edit-in-place several fields and select boxes. Everything is working great. Now I need to a way to add a new option to the select list. What I would like is the user select "Add New..." from the select list that would pop-up a dialog window where several fields are filled in. When the form is saved the select field is updated with the new ID and description. I use Facebox for pop-up windows to display notes when the user clicks on a topic. I know Facebox can be used to display a form. It would be ideal to use this ability when creating a new option for the select box.
View 1 Replies View RelatedHow can I automatically select the next option from a select box? I would like a next button to scroll through the options.....
View 2 Replies View RelatedIf I select "Other", a text box pops up and I can type in something and hit Add Item and it will add it to the drop down box, but the selection will stay at "Other". How do I make it select the item I just added?
View 3 Replies View RelatedI am getting to learn JavaScript, and as for my first personal project, I would like to have a page with some text on it and when the user scrolls, a div containing a picture will move with the user when they scroll. I have found a solution, however, I do not like it.
<html>
<head runat="server">
<title>Test</title>
[code]...
As you can see, it works by getting the scroll position and adding 250, to a height property-element above the image div. I have tried to use document.getElementById("image").style.top = scrollevel + 'px', but it does not work.
I have an absolute positioned navigation on my page that makes you jumps up or down the page to view some pictures placed in another absolute positioned DIV with scroll bar. The navigation is simply made by numbers: 1 2 3 4 5 6. When you rollover 2 is underlined and onclick the page jumps down to the second picture and the number 2 stays underlined, and so on for 3 4 5 6. The style changes this way
HTML
<span id='first' class="selected"><a href="#1" onclick="first()">1 </a></span>
<span id='secondo' class="normal"> <a href="#2" onclick="second()">2 </a></span>
and so on for 3 4 5 6
[Code]....
What I would like to do is to make the style change automatically also when the user scroll the page instead of clicking. I thought I could control the y coordinate with window.onscroll but because what scrolls is the DIV and not the page the window.onscroll doesn't work. Is there a way to control the same way the scroll of a DIV? Or should I build the site differently?
I have this
window.top.onscroll = function(){moveScroll();
}
It works perfect in ie, but in firefox I get permission denied to get property onscroll.why? and whats the solution? on top of my page i have done this though var url = document.URL;
url = url.substring(7,url.length);
url = url.substring(0,url.indexOf(":"));
if(isMoz)document.domain = url;
Is there a way to detect if an textarea onscroll event is working in
Firefox (or Mozilla). I know that there is an onscroll event bubbling
bug with current vesions of these browsers so I want to detect this
problem with a test like "if (textarea.onscroll == 'undefined' ||
!textarea.onscroll) {}."
I'm looking to accomplish in the Form when user select "others" from the select options , want pop up java windows user to field in the information.
here there simple form code
<form>
<select>
<option value="others">Others</option>
</select>
The field to ask where do you hear about us? I have list of options in there but when the user select "others" i want to input filed popup and want user to filed in the info.
I have a problem with the following code, when run on IE6 the value for
opt_sel is null but on Mozilla or konqueror the value is the option
selected (as expected). I have tried several books on the matter(and
google), but they seem to indicate that what i am trying to do should
work.. Code:
in my SELECT (like below), the option value has 2 values, separated with
comma ","
<select name="sIdName">
<option value="10,John">John</option>
<option value="11,Eva">Eva</option>
<option value="22,Danny">Danny</option>
</select>
How can I read these two values individually from Javascript statement ?
like one is 10, another one is John
i.e document.form.option[document.form.selectedIndex].value?
I'm having two Slecet Option inputs. When both are chosen i want to compare the two make sure they ar ethe same. Its for confirmation purposes.How would i get the value of a selected option. (I don't know which option is chosen, I don't know the id of the option, i dont know the value of the option. I just now the id n name of the select)
<select name="whatever">
{Loop here to output many options}
</select>
Given a drop down list such as:
<SELECT NAME=sections >
<OPTION>Merge</OPTION>
<OPTION>Nuke</OPTION>
<OPTION>Merge & Nuke</OPTION>
</SELECT>
If one selects Merge, then i want another form displayed with input fileds etc, but if one select Nuke then a different form will be displayed and if one selects the last option then both above forms will be displayed. Can anyone show me a script (i.e. javascript) that does just that or care for a example?
How do i select an option in a combo box? i have tried looking on the internet but dont really know what i should be searching for. what i want to happen is that when a function is called
a line of code will select a specific option in a combo box. something like:
//excuse the dodgy syntax
function select_combo() {
cb_1.select[3] //where option 3 will be selected (or 4 if first index
is 0)
}
the combo box would be something like:
<select>
<option>First</option>
<option>Second</option>
<option>Third</option>
</select>
The function would change the selection in the combo box.
Hi!, I want to fix via javascript the combo width to a fix value. I'd like to implement a kind of ALT / TITLE function to show the entire option when the text is longer than the combo width...
View 3 Replies View RelatedIn the code below I want to alert the selected option of select.
In Mozilla the code works (If I choose "3" alerts it).
In IE alerts: nothing appear
---------------------
<script>
function hi() {
d = document.getElementById("day").value;
alert(d);
}
</script>
<select id=day onchange="hi();">
<option>0
<option>1
<option>2
<option>3
<option>4
</select>
---------------------