If I have this array
Code:
testarray = [
["1", "test1", "test11"],
["3", "test3", "test33"],
["5", "test5", "test55"],
["2", "test2", "test22"]
];
How do I access the 2nd column of the 2nd row?
I tried:
Code:
alert(testarray[1][1]);
But it says undefined.
See example at: [URL]. I want the thumbnails in 2 columns, not 1. Here is the javascript:
Code:
function ImgColumn() {
var str = '';
for (var i=0; i<imgArray.length; i++) {
str += '<div onMouseOver="Enlarge('+i+')">';
my_pic = 'mypic'+i;
// my_src = imgArray[i][0];// not used here
str += '<IMG id="'+my_pic+'" SRC="'+imgArray[i][0]+'" value="'+i+'"';
str += ' alt="'+imgArray[i][1]+'" BORDER="0" HEIGHT="70" WIDTH="70"><IMG SRC="images/spacer.gif" BORDER="0" HEIGHT="1" WIDTH="10"><br>';
str += '</div>';
} return str; }
And the HTML:
Code:
<table width="200" height="400" border="0" cellpadding="0" cellspacing="0">
<tr> <td><script type="text/javascript">
document.write(ImgColumn());
</script>
</td>
</tr>
</table>
See example at: [URL]I want the thumbnails in 2 columns, not 1. Here is the javascript:
[code]....
When a thead contain less columns than real columns in the tbody section, the Tablesorter plugin produces a variable not found error in jquery coreTo reproduce simply do not put all <th> in thead that correspond to columns in tbody.
View 1 Replies View Related<script type="text/javascript">
function popsizes(colorcode) {
var BLK=new Array();
BLK = ["2XL","3XL","4XL","5XL","LG","MD","SM","XL","XS"];
elem = document.getElementById("selcolor");
for (i=0; i<elem.options.length; i++){
sizelist = colorcode[i];
document.getElementById("selsize").options[i] = new Option(sizelist);
}}
</script>
In an event, i'm passing in "BLK" as the colorcode param. This is creating my selsize select box with B, L, K, and undefined options until the for loop finishes. ie, its taking the passed in colorcode as a literal string, instead of referencing the array. Anyone have a pointer as to how i can access the arry, instead of the literal string?
In my HTML, I have several of the following:
<input type='checkbox' name='right[]' id='right[]' value=Ɔ' />
All are the same except the value is set differently for each one. The
reason for the [] is so I can access the checkbox values as an array on
the processing page (when clicking 'Submit');
However, I want my Javascript code to examine these objects first. My
onclick event handler function (below) is called (I get the 'hi there'
popup), but it does nothing afterward (i.e., neither 'checkbox' alert
appears, and the handler, strangely, seems to return 'true').
I suppose my problem is that I am not specifying the checkbox array
properly. I tried several variations, but I've been working on this
problem alone for several hours and am getting nowhere. Code:
I created an array, whose entries looks like this:
[41, "The bird flew into it's cage"]
[33, "He drew fire from Joe"]
[33, "Roger asked her her name"]
[code]....
I'm a little puzzled over the possibility of accessing an array. I've declared the previd id - in the proxy.invoke call which works just fine (we have already implemented an .each loop which also works. My problem is this - after accessing the proxy.invoke function, the previd is populated correctly with push but after the call, we cannot seem to access the previd array to make a join to a string. Here's the basics of the code.
var previd = [];
proxy.invoke("validdateIDCard", p_caregiverid,
function(validaterID) {
var valcard = validateID;
previd.push(valcard);
}, onPageError);
var finalvalue = previd.join("|"); <-- this is where the problem lies - cannot seem to read the variable...
i have a php page in which i have a listbox as below:
<select NAME="scopeid[]" id="scopeid[]" class=sel1 multiple size=4>
<? while ($qrrs=mysql_fetch_assoc($qrrid)) { ?>
<option value="<?=$qrrs['scopeid']?>" <? if($db->isinarray($scopeid,$qrrs['scopeid']) ){ print " selected "; } ?>><?=$qrrs['scopedescription']?></option>
<? } ?>
</select>
<input type="button" name="add" value="Add" class=button onclick="Add()" style="width:40">
how do i pass the values of listbox[] to javascript?
below is my javascript:
function Add() {
Obj=(document.getElementById("scopeid[]"));
alert(Obj.value);
}
alert gives me only the last selected value and not the entire values. i.e if the user has selected 2 ,3 and 4th option, it gives me value of only 4th item instead of all three. how to do it?
I only manage to access non array named form fields.
Code:
<form method="post">
<input type=checkbox name=check[]>
[code]....
Okay, so I've sorted a numerical array and the minimum is at the top of the heap with [0]. How do I keep track of the original [?] so that I can access the associated parameters?
View 14 Replies View RelatedI have a form with multiple input fields and I'm trying to identify the specific input field that is in focus so that I can display a relevant status bar message.
I have a message array with various entries in it and I'm calling a showStatus() function with an onfocus function from the form itself e.g.
The code in the input form =
<input type="text" name="first" size="31" maxlength="20" class="entry" onfocus="showStatus()"/>
The showStatus() function so far is =
[Code].....
I'd like to access the array variable of the item that is in focus not only for the message but also for an onblur function to validate input.
im pretty new to jQuery, but familiar with JS in general. im trying to get a dom element by id to change the read only attribute. using jQuery i'm doing the following: var field = $('#name[index][index]').
but when alerting the field value, i get [object Object] and not an inputObject as i would expect.
i can use the normal getElementById and it works as I would expect. Is this a problem with jQuery?
I have an object with a member function that changes something on the objects state. This works perfectly fine in the easy case. But when I use an $.ajax call within the function it doesn't work. Here is the example code and failing QUnit tests: [URL]
View 3 Replies View RelatedI'm writing a program that involves a network of interconnected nodes (or simply objects in my example below). It depends on being able to access properties of an object's linked objects (a bit oddly worded, sorry)...Problem is I'm not sure how to properly access those properties... see below please.
<script>
//This is an example of a problem im having in my own code...
//I want to access the name of the object within the links array wintin the object...
[code]....
This looks as it should except that it needs more spacing between the columns. How would I do that?
<script type="text/javascript">
/* <![CDATA[ */
var numRows = "10";
[code]....
I am new to javascript. I am trying to create a drop box on a php form that gets its information from a mysql table. I want it to show two columns from the same table. Can someone give me an example of this or point me in the right direction?
View 1 Replies View RelatedI have a requirement to build a div in a page that contains a table of
plane details, and one of the columns (on the left - tail number)
needs to be sticky on the horizontal axis but not on the vertical axis
(i.e. when scrolling right the tail numbers need to stay visible on
the left hand side, but when scrolling down the tail numbers need to
scroll to keep up with the rest of the plane details).
I have been looking at various ways of doing this but currently to no
avail, the idea that looks most promising is to split it into two
tables and set them both to have scroll bars, the problem with this
idea was that both the tables need to be scrolled by the same amount
vertically, i could get the position of one table using the offsetTop
property but could not find a way of setting the offsetTop property
for the other table so they stay aligned. The other issue with this is
that it would be using the onscroll property which does not seem to
show any distinction between horizontal and vertical scrolls..
For example when row two is clicked I would like the table to reorder a, b, c, d
<table><tr>
<td>col 1</td>
<td>col 2</td>
<td>col 3</td>
<td>col 4</td>
</tr><tr>
<td>b</td>
<td>a</td>
<td>d</td>
<td>c</td>
</tr><tr>
<td>z</td>
<td>x</td>
<td>y</td>
<td>w</td>
</tr></table>
I have a list of records from my database being displayed on this page. I want to be able to sort the columns. Typically, I do this with an HTML table, but was wondering if there is a way I can setup the below code using jQuery to allow for the column headers to be sortable? I have an icon to sort up and an icon to sort down.My goal is to allow the user to sort the data without a page refresh.
<div class="header">
<ul>
<li style="width: 20%;">Customer Number <img src="images/iconSort.gif" /></li>
[code]....
I have some 10columns in a table….
First 5columns are viewed on load of the screen….
The fifth column has just >> buttons like this…..
On click of arrow buttons I should view the fifth column (>>) and the remaining 5columns….
But the fist 4 columns should be hidden…. That means the table should move like marquee tag…… The header part and footer part should not change
Firstly, please understand that this is a very big web application. There is a "tabbed" interface that allows one to switch from page to page... On each page, there are tables.
Each table has a "minimize/maximize" function that will resize the table and hide/unhide specific columns in the table...
Right now, the tables are constructed as HTML tables. The TD's that are to be hidden are given the class "hidden[tableName]" whatever the table name may be.
When the table is maximized, i execute the following function:
function changeVisibleByClass(element, className, display){
var allPageTags = new Array();
allPageTags=document.getElementsByTagName(element);
for (i=0; i<allPageTags.length; i++) {
if (allPageTags[i].className==className){
allPageTags[i].style.display=display;
}}}
This has gotten to be quite inefficient and slow because it loads all of the visible TDs in the HTML and then checks each one for its classtype, changing the visibility as necessary. This works fine for a small page, but as my tables grow, this is becoming horribly inefficient.
So I'm trying to get 3 DIVs to line up as columns horizontally.I've got it to work in some browsers but not all.It's supposed to look like However in some browsers it looks like The code I'm using (Stripped of all the crap) is
<div id="product_col1">
<!--Contents of column 1-->
</div>
[code]....
Need To Sort Colums From Database
View 1 Replies View RelatedI have a material table wich contains the article number, a quantity input field, a max quantity field... How can i test that the input quantity is less than the max quant one ?
Here is a sample code :
I want to hide columns with all green cells and I stored the column # that I want to hide into an array, errorColumn(). I am able to hide the rows I want, but I can't seem to figure out the columns.
I think the .has function is the problem because when I use the if(j!=5), it'll hide all columns but the 5th one. I just need it to do that for every column in my array...
Code: