Is is possible to make an ordered list with an onclick display prompt show the number item of the list? What I mean is like, say I have 29 items, but I click on item 15, is possible to make the prompt show the number 15, or the correct number for any item I pick?
View 2 RepliesI am using this script to rotate background images and it is working great HOWEVER we would like to control the order of the rotation and I am just not sure how to modify this code to do that?
<script type="text/javascript">
function ChangeCSSBgImg() {
if (!document.getElementById) return true;
var MyElement = "logo" //The ID of the element you want to change
var ImgPath = "graphics/en-US/new/rotate/" //The file path to your images
[Code]...
I'm working on a project that requires dynamic manipulation of an ordered list -- adding and removing elements in response to the user pressing buttons. I've run in to some odd behavior. Here's my code:
HTML
<ol id="track-list">
<li>Static Content Here</li>
</ol>
<input type="button" id="add-track" value="Add Track" />
jQuery:
$("#add-track").click(function(){
var listEl = $("<li>Dynamic Content Here</li>");
listEl.hide();
[code]....
Looks pretty straightforward, problem is when I add the new list element it does not prepend it with any number (being part of an ordered list). Now if I remove the hide and fadeIn lines (just append it), it inserts it correctly with a number before it, but I want this to look pretty being jQuery and all...
I would like to create an ordered list in a text area named textfield. Every time someone clicks on a link, I'd like it to add the link name to textfield1 in an ordered list. i.e., A) B) C) D).
Code:
function addMsg(text,element_id) {
document.getElementById(element_id).value += text + '
'; }
HTML Code:
<A HREF="#" onclick="addMsg('You clicked on Link1','textfield'); return false;">Click on Link 1</A>
For example, if you "Click on Link 1" 5 times, it will add this to the text area:
A) You clicked on Link1
B) You clicked on Link1
C) You clicked on Link1
D) You clicked on Link1
E) You clicked on Link1
Then, if you deleted line C), it will automatically relabel to:
A) You clicked on Link1
B) You clicked on Link1
C) You clicked on Link1
D) You clicked on Link1
Then, if you "Click on Link 1" again, the text area will again show
A) You clicked on Link1
B) You clicked on Link1
C) You clicked on Link1
D) You clicked on Link1
E) You clicked on Link1
Is this possible? The reason I want to do it is because I want users to be able to edit the text within the textarea, and copy and paste easily. Otherwise a list box would make more sense. Can't do HTML in a textarea.. though?
I have a string with javascript linebreaks with /n. I want to make a function that will make a text only ordered list (text within a text area... i.e. I don't want to us ol and li)
For example,
Spot1
Spot2
Spot3
would be converted to
A) Spot 1 -
B) Spot 2 -
C) Spot 3 -
So far I think I need to use an array, and replace...
Code:
function AddLabels(element_id) {
x=document.getElementById(element_id).value;
countlinebreaksstr=x
try {
return((countlinebreaksstr.match(/[^
]*
[^
]*/gi).length));
} catch(e) {
return 0;
}
var myArray = [A,B,C,D,E,F,G,H];
var i=0;
for (i=0;i<=10;i++)
{
}
Is there an efficient way (ie. not looping through all members and counting) to find out what number an li will get in an ordered list? For example: [code]...
Naturally #first and #second will be 1 and 2, respectively. Without looping though all children of ol and counting, can I determine the number for #first and #second?
I'm trying to have a user input a number in a prompt box which gets totaled and displayed in an alert box.This is what I have and its not working out for me.
<html>
<body>
<script>
[code]....
I would like to know how can i remove a selected item from an ordered list which was dynamicaly created??
View 10 Replies View RelatedWhat I want to do it multiple the quantity ordered by the kind of shipping selected in my <select> list.
I'm pretty sure that what I've got to do is establishe a quantity ordered variable like this var qty = form["Q" + i].value And then multiply that qty variable by the ShippingCost. But no mater where I stick this var statement it always either stops the script cold or comes up as a black or undefined value.
<script type="text/javascript">
/* <![CDATA[ */
var ListCount = 5[code].....
I am using a great js gallery script from [URL]they have a counter for the number of images shown, the number changes as user clicks on next bottom.from looking at the script, the counter is anchor to .ad-info and the counter code from the JS is .....
_afterShow: function() {
this.gallery_info.html((this.current_index + 1) + ' / '+ this.images.length);
ifthis.settings.cycle) {
make the number show double digits only for the numbers 1,2,3,4,5,6,7,8,9 (example- 03/07 or 09/28 or 03/58).. etc..etc
I should warn, i know almost nothing about javascript. i've been trying read sample scripts and examples on how to modify this script; but I just don't know enough. I have a script that pulls data from an array, and copies it directly to the clipboard when a user clicks on it. The problem is this only works in IE, because Firefox doesn't by default allow that to happen. I'm trying to change it so that when it is clicked, instead, it takes what was going to be copied to the clipboard, and puts it in a Prompt box for the user to copy and paste. I had other scripts that do that, but I can't for the life of me figure out how to learn from it!
[Code]...
I have a button that I wish to call a predefined function (Go()) shown below, but, I wish part of the URL that is sent to the function be inputted by the user.
function Go(URL)
{
window.location = URL;
}
Here is the code I have for the button, but I am getting a syntax error. What do I need to do?
<input type="button" value="Duplicate" onclick="Go(CustomerMailingList-duplicate.asp?ID=<%=rs(strPrimaryKeyFieldRecordset)%>&CustNum=prompt('Enter New Cust #', '0')">
I'm sure this is really simple, but I can't figure out how to prompt a user before they delete an entry in my database-driven website.
I have this:
$("a.deleteprompt").click(function()
alert("Are you sure you want to delete this entry?");
});
But the only option there is 'Ok'. I need to set this up with a 'Cancel' option as well, but don't want to use a plugin like Impromptu to do so as it's overkill.
i have a page with an iframe. once an item is deleted from the iframe, i need the main page refreshed.its seems like i can only delete or refresh, but not do both actions together. let me further explain. The confirmation popup message does appear and the refresh is done, but the file is not deleted. if i just use confirmation() on the onclick, it deletes the selected file, but if i use (confirmation(),refreshPage()) the file isn't deleted if they click yes. but the page is refreshed.
Code:
<script type="text/javascript">
function reloadPage()
[code]....
Doing web page with ASP/VB.NET. Have text boxes for UI on page. Two command buttons - Submit (for db update) and Cancel. I need the Cancel button to prompt the user to verify cancellation. Need OK/Cancel buttons on alert. If user selects Cancel-no action. If user selects OK then I want the text boxes cleared of user text input and focus returned to first text box. I think this may be the code but do not know how to apply it.
function Clear()
{
var res=window.confirm("Please confirm cancellation-text boxes will be cleared"); [code].....
Is this code valid or invalid for the events I need? How do I set it to fire when user clicks the ASP Cancel button?
I'm having difficulty making a list (both drop down and radio button) read
only; I am successful when I attempt to make a text field read only. Any
suggestions on what java script I use to accomplish this?
I want to select numbers from a list box and add it to a text box with comma separated. my java script code does not work into browser but work fine into eclipse jsp view.
function passingNumbersToTextArea(numToCall,allNum)
{
var numFromList=document.getElementById(allNum);
var numToTextArea=document.getElementById(numToCall);
if(numToTextArea.value.search(numFromList.value)!=-1)//if duplicate Number is exist
{
alert("Duplicate Number Can not be added :");
return false;
}
else
{
if(numToTextArea.value.length!=0)
{
// If textarea has value than it added another value with comma seperated
numToTextArea.value=numToTextArea.value+','+numFromList.value;
return false;
}
else
{
numToTextArea.value=numFromList.value;
return false;
}
}
}
jsp code
<h:inputTextarea cols="10" rows="4" id="numberToCall" required="true"
value="#{conferenceCall.numberToCall}" styleClass="form_input_box" />
<h:selectOneListbox styleClass="form_selectmenu" id="allNumbers" size="5" onclick="passingNumbersToTextArea('numberToCall','allNumbers');">
<f:selectItem itemValue="9971701077" itemLabel="Sharad : 9971701077"/>
<f:selectItem itemValue="9990102381" itemLabel="Saurabh : 9990102381"/>
</h:selectOneListbox>
javascript debugger shows error
Error ``numToTextArea is null'' [x-] in file ``http://localhost:8888/SparkServiceProvisioningSystem/home.jsf'', line 21, character 0.
Exception ``TypeError: numToTextArea is null'' thrown from function passingNumbersToTextArea(allNum=string:"allNumbers", numToCall=string:"numberToCall") in <http://localhost:8888/SparkServiceProvisioningSystem/home.jsf> line 21.
[e] message = [string] "numToTextArea is null"
Exception ``TypeError: numToTextArea is null'' thrown from function onclick(event=MouseEvent:{0}) in <http://localhost:8888/SparkServiceProvisioningSystem/home.jsf> line 1.
[e] message = [string] "numToTextArea is null"
Error ``TypeError: numToTextArea is null'' [x-] in file ``http://localhost:8888/SparkServiceProvisioningSystem/home.jsf'', line 21, character 0.
So I wrote this piece of code, which should display the first 10,001 prime numbers.
Code:
<html><head>
<title>Problem 7 project euler</title>
</head><body><script>
var x = 3;
var primes = new Array();
primes[1] = 2;
var n = 1;
document.write("PRIME#1= 2" + "<br />")
while (n < 10001){
if (x%primes[n] == 0){
x = x + 2;
}else if ((n + 1) < (primes.length)){
n = n + 1
}else{
primes[(n+1)] = x;
document.write("PRIME#" + (n + 1) + "= " + primes[(n+1)] + "<br />");
x = x + 2;
n = 1
}}
</script>
</body>
</html>
Now the problem is that somehow this code also interprets some non-primes as primes.
iwant to ask on how to display the sum of the 20 numbers i allready get the everage but i want to display the sum together of the everage this my code..
<html>
<body>
<script type = "text/javascript">
[code]....
I am trying to disply from 1 to 30 skipping the ones from 17 to 23 (included). I came up with the following code:
<script type="text/javascript">
var number = 1
for (index=0;index<30;index++){
if (((number+=index)>16) && ((number+=index)<=23)){
[Code].....
I'm trying to make a comment field that only appears once you've clicked the "Add comment link". I'd like it to replace the add comment link. I assume this is an onclick event of some sort, but I'm not sure quite how to go about doing it.
View 6 Replies View RelatedWhen a button is clicked, the button then disables (as well as running its normal function).Obviously I'm used to using this.disabled=true but in this instance I cannot access the onClick in the <input> tag because the page is hard coded by a third party application.So I'm trying to make a function which locates the button, notices if it's been clicked and disables it on click. Seems easy to me! However I cannot make it work!Here are the two variations I've tried (both call the function in the page onLoad):
function disableButton() {
document.getElementById('submit').onclick=document.getElementById('submit').disabled=true;
}
[code]....
What I need to do is create a dynamic select list using several sets of arrays.Example: fav color, fav car and fav genre.The trick is I need to use three radio buttons to control what is seen in the list.So if a user click radio button 1, the list changes values to one of the arrays.And if they click radio 2, the list changes to the values to another array.This is a learning process. I will really appreciate if anyone can help me on this.I can build the arrays, what I do not know how to do is make the list dynamic so that it fetches data from the arrays when a radio button is clicked.
View 5 Replies View RelatedI'd like the text in the search box to disappear when the box is clicked in. Easy, right? I've found several how-to pieces online, and gotten it to work with at least two different methods. However, I found a rather snotty discussion of form semantics that made me wonder: what's the right way to accomplish this, can I tighten up this code to be clean and tidy, and most importantly, can someone explain it to me so I can understand it? Forms tend to leave me confrazzled.
[Code]...
how would i display the numbers the user enters and display the average of their numbers?
<html>
<head>
<title>CSC107, while loops</title>
[code]....
I have some code to pick a wire size and conduit size from 2 separate drop down list. Then inside the js it is evaluated to decide how many wires. My problem is I can't figure out how to make the drop down options go into the JS. I just put in an error alert to test if they were for now.
Here is my code:
function fillcap(){
var wire = document.getElementById("wireSize");
var conduit = document.getElementById("conduitSize");
if (wire.option.length >= 10 && conduit.option.length == .5) {
windows.alert("Wire Size exceeds conduit max fill!")
}
And the html
<h2>Fill Capacity</h2><br>
<b>Wire Size</b><br>
<select id ="wireSize">
<option value="1">#14</option>
<option value="2">#12</option>
<option value="3">#10</option>
<option value="4">#8</option>
<option value="5">#6</option>
<option value="6">#4</option>
<option value="7">#3</option>
<option value="8">#2</option>
<option value="9">#1</option>
<option value="10">1/0</option>
<option value="20">2/0</option>
<option value="30">3/0</option>
<option value="40">4/0</option>
<option value="250">250</option>
<option value="300">300</option>
<option value="350">350</option>
<option value="400">400</option>
<option value="500">500</option>
<option value="600">600</option>
<option value="700">700</option>
<option value="750">750</option>
</select> <br>
<b>Conduit Size</b><br>
<select id="conduitSize">
<option value=".5">1/2</option>
<option value=".75">3/4</option>
<option value="1">1</option>
<option value="1.25">1-1/4</option>
<option value="1.5">1-1/2</option>
<option value="2">2</option>
<option value="2.5">2-1/2</option>
<option value="3">3</option>
<option value="3.5">3-1/2</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
</select><br>
<input value="Wires allowed" onclick="fillcap()" type="button">
<input type="text" name="myresultbox" id="resultbox10"> Wires<br>
Thank you for any advice.