I have a question about removing an item from an array.I am looking to remove an item from the array based on the property.Ie.arr = [{a1: 1, a2: 2},{a1: 3, a2: 4}, {a1: 5, a2: 6}]remove first item from array because a1 = 1.I am not entirely sure how to do this. I tried messing around withgrep a bit, but that didn't turn out well.
View 3 Replies
I'm trying to get a website up and running using WordPress. A particular plug-in for WP makes the site I'm building mobile-phone etc friendly - and I have a question regarding some JS that is part of the plug-in.Before people think badly of me, the licensing terms of the plug-in allow users to modify the code, but the suppliers will not respond for requests for help in doing so. I'm therefore having to see whether I can figure out how to do this myself.If I've understood correctly, the extract of code below will show/hide a search box when the user clicks on the search button on the menu page. However, I would like the search box to always be visible when the user visits the menu page (but not on any other pages).With the extract provided, could anybody tell me please, how to change the code to keep the search box permanently visible? :confused:PS I've only selected what I think are the important lines of code
var touchJS = jQuery.noConflict();
/* Toggling the search bar from within the menu */
touchJS( 'a#tab-search' ).unbind( 'click' ).click( function() {
[code]....
I'm trying to set a width of a span class based on the width of the image inside of it. I've got a container that will also have a bunch of images... some of them will have captions and will be wrapped in a class "caption"... some will not be wrapped in the "caption" class. I'm trying to loop through the container... find all the "caption" classes... and then set the width of the caption class based on the width of the image inside of it. Here's what a basic image with a caption will look like:
<span class="caption fltrt">
<img src="" alt="" />
caption goes here
</span>
I'm able to look through the containing div and locate all the images and then get their width using the following:
// Find all images in the overview section
var overviewImgs = $(".overview-content").find("img");
// Get the width of each image in the overview section
[code]....
I can't figure out how to loop through and find all the instances of "caption" and then set the width of the "caption" class based on the
width of the image inside of it.I can find all the "caption" classes... and I can find all the images and get the image widths... but I'm not sure how to combine these two so I am only finding the images inside of the "caption" class and then setting the "caption" class width based on the width of the image inside of it. The images are added by a separate content developer and can be any size. Not all images will have captions... only the ones wrapped in the "caption" class.
I am trying to select a div element based on its display property. Due to some reasons I can't use Id to select this element, DIV element is structured like this:
<div
class
="details"
id
[Code]....
I have a number of DIVs that I want to make 'selectable' on click, which means that I give the DIV you click on a class (just to show it's selected) and save its ID into an array. When I click on that DIV again, the class should be removed and its ID should be removed from the array as well. My code goes like
var selected_items = new Array();
$(".selectableDivs").click(function() {
if($(this).hasClass("selected")) {
[code]....
But the alert at the end of the code always shows my a list of all divs I ever selected, even those that I unselected again. The IDs are just not removed from the array. Is that maybe because items saved in the array are not exactly $(this).attr("id") anymore?
I'm trying to grab values from a set of arrays based on the value returned by my select box.
**Caveat - this is not an area I have any real experience with**
My arrays look like:
Code JavaScript:
I then need to test for each, then associate with one of my fees arrays, then grab each of the values in the array and write those values to elements within my page.
I'm then doing this to evaluate for each degree
Code JavaScript:
I need to first figure out how best to import all of these 60+ arrays and then in each of my conditions pull out each value and write to my page.
There is a unique 1 to 1 relationship between each degree and array so I can't consolidate as the values for each degree differ slightly.
I am working in ASP.NET 4.0 anduse IE8, Firefoxand Chrome for testing. Inside the web page I have a textbox and a drop down with 5 items. If the 4th item is chosen I want the textbox to become a datepicker.
Here is my best attempt thus far.
$(document).ready(
function () {
$(
"#txtSearch").focus(function () {
if ($("#ddlSearch").attr("selectedindex") == 4) {
$("#txtSearch").datepick("enable");
} else {
$("#txtSearch").datepick("disable") .....
I have something like this:
var images = $('#container img'); // my new array
images.get(images.length - 2).addClass('show');
error is like this:
Error: $("#container img").get(images.length - 2).addClass is not a function
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");
I've a function build in PHP that return this JSON: [URL]. In the HTML page where this PHP function is called via jQuery AJAX I have this code: [URL], this populate two select as you notice, something like this: [URL], But I need the same but in this way: [URL] value come from Json array position.
View 2 Replies View RelatedI am very new to javascript/jquery so bare with me. I am using this loop code below with a populated array called "listarray":
[Code]...
Is it possible to reference an object in an each loop like you would an array?
I've tried this without success:
I don' t know what I'm missing here..
$("div#carousel a").each(function(i) {
$(this).click(function(e) {
e.preventDefault();
console.log(myArray[i]);
});
});
it doesn't loop, it always prints the first item in the array (there are 18 <a>'s inside div#carousel, and 18 items in the array...)
I have an unordered list that I am using as a menu. This list contains sub lists.
I found out how to get the index of the primary unordered list item that is being hovered but I am not getting the syntax correct to reference the individual items of this listto get the HTML, the position, height and lengthof this item.
$(" #nav li").hover(function(){
// Locate the index of the singular list item that is being hovered
var index = $(this).parent().children('li').index(this);
// This is incorrect
var $itemObject = $(this).parent().children('li')[index];
Hi, i'm creating my own image gallery using jQuery, and there is a set of thumbnails at the bottom. The thumbnails have been put into an array, using jQuery, but what i am trying to do is to return the position of any clicked thumbnail in that array. i.e. when the 3rd thumbnail in the list is clicked, return 3, when the 5th thumbnail is clicked return 5 etc....
This in turn will dictate which item in another array (the main images array) will be displayed.
Ok so let's say I have this dropdown with a list of these items:
PALCO
TRIBUNA
ORO
And in a button on the page I want to send it one of those names, let's say I send it ORO, and through Javascript select that in the dropdown list. How is this done? Do I have to iterate through everything, and how?
Is there a best way to reorder a jquery group/array, eg bring one item to the first position? Should you do it with a normal array.sort() or splice(), or is it possible with an internal function map()?
View 2 Replies View RelatedI wrote a simple script to remove an element of an array but I don't think this is the best way to go about it. I have a list of about five elements seperated by ";"
I split the array using array.split(";") command and proceeded to update the elemment by assigning the null value to the arrayindex
array[index]=""
This of course assigns null to the element
But there are two problems
1. The array size is still five instead of 4 and my list is now seperated by "," with an exta "," to go.
I've got a drop down with a listing of categories (Books, Apparel, Music, etc) for adding products to a database.
When the user select "Apparel" I want it to reveal a <div> with extra options. But I "only" want it to respond to if apparel was selected. If books, music, etc are selected, it should do nothing.
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]...
Since the Array.splice() method isnt supported by IE5 here's a script with an add function and a remove function.
function remove(nr) {
var nb = parseInt(nr)
for(x=nb;x<myArray.length-1;x++) {
myArray[x] = myArray[x+1]
}
myArray.length += -1
}
function add(nr,value) {
for(x=myArray.length;x>nr;x--) {
myArray[x] = myArray[x-1]
}
myArray[nr] = value
}
You can test it out by including the following html, and an array in the script (here named 'myArray').
<body>
<form>
Nr to add/remove<input type="text" name="nr" /><br />
Value to insert <input type="text" name="val" />
<input type="button" value="remove" onclick="remove(this.form.nr.value)" />
<input type="button" value="add" onclick="add(this.form.nr.value,this.form.val.value)" />
<input type="button" value="View Array" onclick="aA()" />
</form>
</body>
</html>
And this small function
function aA() {
for(x=0;x<myArray.length;x++)
alert(myArray[x])
}
I am trying to code a quicklist for my site I am have a little trouble I can add a element in a array but when removing it is not working I have posted the code below
Code:
<script type="text/javascript">
var propList;
var curPos;
var curSize;
[Code]...
how to fix the coding so when a user select a category it will add a different hidden filed for that option for example:When the user selects category "Men" the hidden filed <INPUT TYPE="HIDDEN" NAME="REFERRER" VALUE="http://men.com/acatalog/"> will be added,and when the user selects category "Kids" the hidden filed <INPUT TYPE="HIDDEN" NAME="REFERRER" VALUE="http://kids.com/acatalog/"> will be added and so on...Here is my form coding I am using:
<form name="simplesearch" method="get" action="" onsubmit="ssite=document.getElementById('sitelist');this.action=ssite.options[ssite.selectedIndex].value;return true;">
<input type="hidden" name="page" value="search" />[code]........
Also I have one more question how do I make the "Select Catagory" a Must Choose and if not chosen to give message that say"Please Select a Category"
Using javascript how do I remove all the data within a particular table row and store it in an array. Then if the user wants it back I append the information to the same table again from the array.
View 4 Replies View RelatedWhat's the best (i.e. fastest) way to find out if an array contains a given
value? Other than looping, the only way I know to do it is to use an
associative array/hash instead....
Is there a better/faster way?
I.e if I have a list of names, what's the best way to find out if the aray
contains "jane"?
I have two different arrays with the same number of element. The 1st array holds the ID's and the 2nd one holds the Items....i want to use both of them in a Jquery autocomplete plugin.. showing the the 2nd one values but getting the value of the 1st arr.
I was wondering if there is a way to combine both in one in Javascript.
like Arr3 =[arr1, arr2] where i display arr2 elemnt and pass arr1 elements?
