I have an image gallery where every image has an index number ("data-index"). How do I access that index number when the image is "current" and then add +1 when it's "next" or subtract -1 when it's "previous"? Below is part of my code.
[Code]...
I am urgently need a code in this manner
var chkIndex = $('#ddlLevel').get(0).selectedIndex - 1;
alert('chk: ' + chkIndex);
here i got previous index value using current index, now i want to retrieve item value and item name using that previous index value, my code is
[Code]...
<select id="myselect">
<option value="a">test</option>
<option value="b">test</option>
<option value="c">test</option>
</select>
i need to somehow get the index of the item with value "c" (so it will return 2). how to do so?
I am trying to find and get the current index in a group of elements like so:
var index = $(attribute).index(this);
However, this returns -1 for all selectors I pass to it in the variable. Why is this? Is there another way to find a div's position within its container easily?
I have the following code and I need toreference the z-index value (something like if z-index:contains '2') but I have not been successfull. Anyone have a clue on how I can do this? <a href="javascript:RatingClicked('rate_value_vote_data_Herbieann','rate_display_vote_data_Herbie Mann', 5, 10)" style="width:50px;z-index:2">5</a>
View 5 Replies View RelatedI'm trying to find the currently clicked index of .accordion_trigger from within another element.
When inside the .accordion_trigger click event I can simply do the below to get the current clicked index:
Code:
$('.accordion_trigger').click(function(){
var index = $('.accordion_trigger').index(this);
}
return false;
});
Obviously this doesn't work when called from within another element. I understand that 'this' is part of the problem but can't seem to find a way to form the code in such a way for it to produce a valid result. Thus far I only get -1 or 0.
When .accordion_trigger is clicked it has an "$(this).toggleClass('active').next().slideDown();" applied so in theory I shold be able to search for which of the .accordion_trigger's are "active".
I've also tried doing this via the below method but to no avail:
Code:
var current = $('.accordion_trigger');
current.each(function() {
if ($(this).hasClass('active')) {
[Code]....
Is it possible to target certain <li> in an unordered list by index with jQuery? I thought maybe I could use .index but was not able to get the syntax right. I thought maybe something like this would work but is has not:
$("#mycarousel > li").index(i).css("margin-right", "5px");
$('td[id=opinionAxis]').html("<img src=images/"+this.attr("title")+".png>");
So essentially what I'm trying to is put an image inside all my td's that have "opinionAxis" as their id. The image has to be equal to the value in the title attribute in addition to the sub folder and file type. How do I access the current item's attributes?
is it possible to access the index of the json data array in the current iteration and use it in a template?
View 2 Replies View RelatedTrying to return the DOM 0 element index from within the html
Example: <input type="text" onfocus="alert(this.element)" />
I do not want to use IDs any way to do this?
i have a menu and i would like to change the color of the Categories which have subcategories only. In my example the basic categories are: News , Announcements , Contact and Career. Only Announcements and Career categories have subcategories. So i would like those two to turn green. The fact is that the list items include a href ,so i don't know how to access those "a href" combined with "this".
<ul id="my_menu">
<li id="id0"><a href="#" style="text-decoration:none">News</a></li>
<li id="id1"><a href="#" style="text-decoration:none">Announcements</a>
<ul>
[Code].....
I am trying to get the index of a li with a specific class. I know I'm selecting the right object because I can apply a CSS class to it (eg change border colour) but when I try to get the index it returns -1. But I know the object exists as I can alter it. :-s
jQuery(document).ready(function() {
var active = $("#tertiarynavigation .bordered").get(0);
var num = $("#tertiarynavigation li").index(active);
alert("Index: " + num);
[Code]......
I have a calculator and using JQuery Calculator plug-in which Tally's up groups of field values using key up. I have a summary page which presents the user with over all expenditure. What I need to do is subtract the expenditure from income, populate a total field onclick of an <li>.
View 4 Replies View RelatedI have been fighting a nutrition calculator and I finally have all the addition working. the problem is the subtract link is not working. (it works as a link but doesn't trigger my jquery).
var jM = jQuery.noConflict();
jM(document).ready(function(){
// Calculator behavior
//Addition Time!
jM(".add").click(function() {
//Create the Variables to Hold the Values for Nutrition Information.....
jM('.subtract').click(function() {
alert('test');
});
});
$(document).ready(function(index){
$(connectSort).each(function(index, obj){
$("." + this).sortable({
connectWith: ".connectedSortable_" + this,
[Code]....
the first function(start: function ..) displays an attribute (title) of the dragged item once the sorting starts. supposedly, the second function (stop: function ..) would display the same attribute but of the item replaced by the dragged item once the sorting stops.
I have tried a lot of things already, but none seems to work.
I have some js code in which a click on a nav arrow causes list to be walked up or down and hilighted. Partial code is below. The problem is that when I get to the end of the list (e.g. there IS no next()), I want to skip this part of the code and actually hide the right arrow. I have no problem with the hiding part - I just want to set a flag when I have traversed the list to the last item.
[Code]...
I have the below array called "results". When I loop through all document elements I would like to check "field_name" against the "results" array and see if it exists and what index number it is at??
// Split the comma delimited response into an array
results = result.split("~");
//Loop through array and populate fields[code].....
Heres my most current code. I have it where, onClick on an image it calls this. and it works, but the hp keeps restarting, like they all minus from 100, instead of the number that prieviously minused from 100. For xp: 100-9=91, is the first, the second, 100-72=28 instead of 91-72. How do i fix
var myhp;
function takehits()
{
var dmg= new Array()
dmg[0]=9;
dmg[1]=11;
dmg[2]=15;
dmg[3]=21;
dmg[4]=29;
myhp=100;
var rndtake=Math.floor(Math.random()*5);
document.getElementById('health').innerHTML=myhp-dmg[rndtake];
}
I want to have it where, you have an aray, and u have a number value that you want the number value, to be subtracted by one of the numbers in the array. And u lets say the array has 5 choices. Code:
Am i breaking any rules when I loop dates like
// Determine Memorial Day
intFlag = 0;
memDayHol = new Date (currentYear, 4, 31);
while (intFlag == 0) {
if (memDayHol.getDay() == 1) {intFlag =1;}
else {memDayHol = memDayHol - 1;}
}
I can find no docs that one can use the '+' operator directly on a date
object, and it assumes adding/subtracting a day(s). Is this deprecated
code?
I am trying to change the script below from adding the values to subtracting without much luck.
Code:
<script type="text/javascript" language="javascript">
function autocalc(oText) {
if (isNaN(oText.value)) //filter input {
alert('Numbers only!');
oText.value = '';
} var field, val, oForm = oText.form, netincome = a = 0;
for (a; a < arguments.length; ++a) //loop through text elements {
field = arguments[a];
val = parseFloat(field.value); //get value
if (!isNaN(val)) //number? {
netincome += val; //accumulate
}}
oForm.netincome.value = netincome; //out
}
</script>
I have the following function that will subtract n number of days from todays date. The problem is that it always returns the the wrong calculate date. The month is wrong.
see if you can spot my mistake:
Code:
function returnDate(ndays){
var dayOfTheWeek = now.getDay();
now.setTime(now.getTime() - nDays * 24 * 60 * 60 * 1000);
alert(now); // returns current date
alet(now.getYear() + "/"+now.getMonth()+"/"+now.getDate()) // returns new calculated date
}
Take a variable...
var time = "12:00"
split it...
var hour=time.split(":");
...then add or subtract from the numeric value of hour[0] based on timezone.
EST = -5
PST = -8
What would be the best way of doing this?
What Ive done is use local storage to set a value in my web app.
Then my next task was to write said value on my page (This took me hours but finally got it done).
My next task is using Setinterval(or what ever the correct way to solve my problem) to subtract a number (lets use "1" for this example) Every 5 seconds from the local storage value.So basically After I click the button. Value is set and displayed. After another button is click. Every 5 seconds the localstorage is subtraced by 1. I think the code im looking for is similar to this
Code:
I have created a PDF time sheet for work that automatically calculates the hours worked utilizing the below script:
topmostSubform.Page1.worked[0]::calculate - (FormCalc, client)
var amTime = 0
if (HasValue(amOut) and HasValue(amIn)) then
amTime = Time2Num(amOut.formattedValue, "h:MM A") - Time2Num(amIn.formattedValue, "h:MM A")- 1800000
endif
// compute total time in hours from the millisecond value
$.rawValue = Sum(amTime)/3600000
I discovered a problem; if the employee works less than 8 hours they may not take a lunch. I have it set to automatically subtract 30 minutes for lunch. How do I write it to only subtract 30 minutes if the work day is greater than 4 hours? I am new to java script and have NEVER programmed anything previously. I am working in Adobe LiveCycle Designer and what I have done so far was gleaned by reading the internet. So please, if you reply break it down Barney style.
I neeed to subtract values from two text boxes and then show the difference into a html label.
Basically I need to enter times, like 10:00 and 12:00 and it calculate that the difference was 2 hours.
i have a Drop down list with 10 choices (skillset). users must choose one skillset and the corresponding level (beginer/intermediate/master). ( they have to do this 10 times for all the sillsets) what i want is :
1 - i need to show up only one record (dropdowanlist) with level then have a button to add new skill and level if required 2- then when they choose the 1st skill from the dropdown , this one will not show up on the 2nd choice dropdown.