not sure I understand the concept behind merging two arrays together. I know that I have to make a deep copy of each array before applying the function. I know that I have to create a temp value to store the information in the arrays while I insert, but not sure how to keep in numeric order. array 1 = [3, 7, 12, 15, 22, 45, 56] and array 2 = [1, 2, 5, 17, 20] What simple code could I start with to create this.
View 7 Replies
AJAX is a rich client-side technology that makes the web pages more
interactive. In practice, the same AJAX client-side code should be
unchanged, regardless of what server-side web technologies we use. I
guess this is same concept as traditional front-end plain html code
that can work with different server-side web technologies for back-end
processing.
Similarly, AJAX should be server-side independent concept,
is that correct? But if this is the case, why there are different AJAX
frameworks available for different server-side web technologies such as
Java, PHP? We should simply just use generic AJAX server-side
independent framework for our AJAX-enabled web applications.
I wonder what server-side technologies that google maps/gmail use for
their AJAX front-end?? I guess google maps/gmail can be good AJAX
models to follow?? What do you think?
I am working on a project that will involve large amounts of data. We have discussed how to summarize for the end user. Final presentation will be something like a bar chart with 15-30 bars. Each bar will be built by blocks whose height and column will be determined by formulas applied to data in the database. A static report is obviously no problem.
I want to develop a sandbox where the end user can drag and drop blocks from one column onto a different column. Others on the team think this can only be done with AJAX while I think jQuery will work and actually be better.
I am writing my own vertical scrolling news ticker as I can't find one I like. The basic functionality is:
Get the first item in a container (like a UL) and store it temporarily Remove it. Add the removed item to the bottom of the list. Slide the rest of the list upwards. In the example below, a UL is the target container. Each LI in the UL is removed in turn, added to the bottom and the whole thing works pretty good.Except in Internet Explorer 7 (IE7). I'm not even trying to get this working in IE6. In IE7, when the item is removed, there is no sliding animation at all.
[Code]...
Is it possible to merge two functions like these?
<script type="text/javascript">
function showdiv(pass) {
setTimeout('showdiv2("'+pass+'")', 750);
}
function showdiv2(pass) {
var divs = document.getElementsByTagName('div');
for(i=0;i<divs.length;i++){
if(divs[i].id.match(pass)){
if (document.getElementById)
divs[i].style.visibility="visible";
}
else {
if (document.getElementById)
divs[i].style.visibility="hidden";
}}}
</script>
the best way to merge two css files?
View 5 Replies View RelatedI attached an onclick event to a link, however I have another one, that needs to be put on the same link, unfortunately I have no idea how to do it. how can I attach the function changecolor to the "abcdefgh" link?
View 1 Replies View RelatedI'm starting to use jQuery lately. I'm trying to combine jquery.selectbox-0.5_style_3 with another script to google maps v3. If I don't use styling selectbox, I don't have any problem with selecting some option from selectbox and centering map on coords which are values of this selectbox. But since im using styled selectbox (changes <option> to <li>). I have no idea how to trigger google maps script to work when i change value on styled selectbox. I have actual value from styled select, but don't know what to do next..
View 2 Replies View RelatedI am trying to manipulate table cells in a dynamically created table but I find it next to impossible how to do it.
The table I have has the following structrure:
--------------
| Color | Item |
|------|------|
|Blue...| Car |
|------|------|
|Blue...| Boat |
---------------
what i want to do is using javascript or jquery on the client side to convert this table to the following structure:
--------------
| Color | Item |
|------|------|
|........| Car |
|Blue...|------|
|........| Boat |
---------------
I can get up to the point to increase colspan of row1, cell 1 to 2 but this creates the following structure:
--------------
| Color | Item |
|------|------|
|.........| Car. |
|Blue |------|-------|
|........| Blue. | Boat. |
----------------------|
how to delete the extra table cell.
I wrote the following script in order to traverse an HTML table and
merge the cells that have the same value across multiple rows. For some
reason, however, it works for the first, third, and fourth columns in
my table, but in the second column, the merged cell is not aligned at
the center vertically. The cells do get merged, but the cells in the
second column are always aligned at the top. Trying cell.valign =
"middle" had no effect.
Any thoughts? Could it be because I'm not actually deleting the cells
that are to be merged with the top of each such block; instead I merely
set style.display to none for these cells.
Here's my script:
var currCell;
var totRows = T1.rows.length;
var totColumns = T1.rows[1].cells.length;
var numValues = T2.rows[0].cells.length-2;
var i,j;
var nextRowMatch = true;
var myCell;
for (i=0; i<(totColumns-numValues); ++i) {
var currRow = 1;
var j=currRow+1;
var numCellsMerge = 1;
var identical = false;
while (j<totRows) {
var currCell = T1.rows[currRow].cells[i].innerText;
var nextCell = T1.rows[j].cells[i].innerText;
if (currCell != nextCell) {
if (i>0) {
var start=(i-1);
var sameValues = 1;
while ((start >=0) && (sameValues == 1)) {
var prevColText =
T1.rows[currRow].cells[start].innerText;
var prevColNextRowText =
T1.rows[currRow+1].cells[start].innerText;
if (prevColText != prevColNextRowText) {
sameValues = 0;
} else {
start = start-1;
}
}
if (sameValues == 0) {
numCellsMerge = 1;
}
}
if (numCellsMerge 1) {
for (var k=currRow+1; k<j; ++k) {
T1.rows[k].cells[i].style.display = 'none'
}
myCell = T1.rows[currRow].cells[i];
myCell.rowSpan = numCellsMerge;
}
currRow=j;
++j;
numCellsMerge = 1;
identical = false;
} else {
++numCellsMerge;
++j;
identical = true;
}
}
if (identical) {
if (numCellsMerge 1) {
for (var x=currRow+1; x<totRows; ++x) {
T1.rows[x].cells[i].style.display = 'none'
}
myCell = T1.rows[currRow].cells[i];
myCell.rowSpan = numCellsMerge;
}
}
}
I need some help in jQuery code I am working on. I have an asp.net grid view that I can’t manipulate in the server so I need to do it on client side. The gridview has a file name in the first column. All the files I deal with are in a known single folder on the server
I set a blank column at the end of each row and I want to:
1. Take the file name from the first TD (appears as simple text) and change the file extension (from doc to flv)
2. Check if the file exist in the server
3. If exist, put it in the last (blank) TD after changing the file extension (from doc to flv)
4. If exist Wrap it with <A href=”filename.flv”>filename.flv</a> and make it clickable for the user to download
Here is where I need the help: First problem: I manage taking the file name from the first TD and put it in the last one (see code below) but the text appears as regular text and the link is not active
The Gridview ID is "SearchResultsGV"
1. jQuery(function() {
2. jQuery(".SearchResultsGV > tbody > tr:not(:has(table, th))")
3. .css("cursor", "pointer")
4. .click(function(e) {
[Code]...
I've noticed that IE apparently has a horrible implementation of the
array object, since traversing one with as few as 1000 items it tends
to pop up a dialog informing the user that the script is taking too
long. I tried splitting the array into a 10x100 two-dimensional array
as well as changing the array to a linked list, but neither improved
the code's efficiency sufficiently. Can anyone suggest methods for
optimizing array efficiency, or some other workaround for yet another
one of Bill Gates' blunders?
I have a web document created by a script and instead of going back to
the db I choose to either create an array to iterate through or xml to
parse through.
So, my question is: What are the trade offs between using an array to
load data from or an xml structure?
My array would look like:
myarray = [[],[],[],[]]
My xml like:
<xml>
<data>
<a></a><b></b>
</data>
</xml>
I would use js to iterate or getElementByTagName to find data. I am thinking the page would load faster using xml, and then the user may not even use that functionality. In all cases I have to load the array to memory.
I am with XHTML and CSS as much do I have to learn in JavaScript programming. I’m just beginning to understand and modify the DOM and I ran into something that I couldn’t find a solution for after some extensive search. I have this function:
if(document.getElementById && document.createElement) {
function addflags() {
var children = document.getElementById('pagelist').childNodes;
for(var i = 0; i < children.length; i++) {
children[0].className = 'bulgaria'
children[1].className = 'england'
children[2].className = 'italy'
children[3].className = 'sweden'
}
}
window.
}
The XHTML is an unordered list with 4 list items and sub lists in those list items (plus links in each li) and I want to add a country flag (set as background image in the CSS) to the direct children of the ul (the first level list items).
Now I discovered that Firefox is only reacting to odd array numbers, i.e. children[1], 3, 5, and 7 (the even numbers have "no properties") while IE is applying the classes correctly(?) as intended above (0,1,2,3).
At which point did I go wrong? Sorry if this is a real stupid question but I’m pretty new in this field and my researches didn’t bring any acceptable results.
Is what I'm doing the right approach to creating an array of arrays? I have an external datafile with several employees' records. They are stored in an array with each element of the array being the complete employee record, ie: name, date of hire, etc., etc. These attributes are delimited by a :. I'm trying to separate these attributes while keeping the original array intact. That way I can access these attributes and validate whether or not an instance of the employee object will occur. There are too many records to create this from the start, so I'm trying to implement a for loop to do it for me. This is what I tried: datafile is the name of the original array of employees. emp is the array I'm trying to create .
for(var i=0;i<datafile.length;i++){
var emp = datafile[i].split(":");
//document.writeln(emp.length+"<br>");
/document.writeln(datafile[i]+"<br>");
}
//document.writeln(datafile[0]+"<br>");
How do I set this to "disabled":
<select name="awards[]" multiple size="6">
<option value="1">Award 1</option>
<option value="2">Award 2</option>
<option value="3">Award 3</option>
<option value="4">Award 4</option>
</select>
I don't know how many options there will be as they are fed from a DB.
Anybody got any suggestions about using two arrays. First i need to
ask the user their name and if their require a seat between 1and 5 or
between 6 and 10. I need to assign this information in two arrays.
Any suggestions. I have been working on this so far.
<script type="text/javascript">
var theArray = new Array(10);
//var sizeOfArray = parseInt(prompt("How many items will the array
have?", ""));
for(i=0; i<10; i++)
{
theArray[i] = prompt( "Please enter your name");
}
for(i=0; i<theArray.length; i++)
{
document.writeln( "theArray[" + i + " ] = " + theArray[i] + "<br />");
}
</script>
I want to make algorithms that take selections from arrays and put them together in new ways. here is a simple array I set up for notes of a piano keyboard: Code:
View 4 Replies View RelatedSafari and FF seem to allow this:
var wiggy = "ABCD";
ch = wiggy[2]; // ch will contain the character 'C'
however my JS book seems to insist that I do this:
ch = wiggy.charAt(2);
and indeed doesn't appear to mention the first method at all.
Since for my particular purpose I want to treat the string as an array
of single characters, I prefer the first method rather than the second.
Is there any reason not to pursue this approach?
Any neat way to copy a snapshot of one array to another?
A normal assignment results in the second array pointing to the first,
with changes to either array affecting both.
As a trivial example:
var a=new Array();
a[0]="zero";
var b=a;
b[1]="one";
alert("a="+a.join("*")+String.fromCharCode(10)+"b="+b.join("*"));
.... this results in a and b being identical two-element arrays.
Is there any easy way to set array (b) to be a copy of (a) BY VALUE -
ie using the contents of (a) as they were at the moment of assignment,
but leaving the two arrays separate so that subsequent changes to one
array does not affect the other?
looking for a way to pass an array to a function.
====================================
<script>
function myfunction(arrayname)
{
document.write("blablabla"+ arrayname[1] +"blablabla");
}
</script>
<html stuff>
<script>
arrayname = new Array("what", "is", "wrong");
myfunction(arrayname);
</script>
====================================
I'm a newbie of JS and don't know if I have got the right terms in my question. I want to lowercase all the arrays:
<script>
var txt = [
["Cats","Dogs","Rabbits"],
["Fish","Bones","Carrots"]
]
document.write(txt[0][1] + " love eating " + txt[1][1]);
[Code]...
"When we combine FUNCTIONS with OBJECTS we get METHODS". Then he creates an empty ARRAY:
var a = [];
then he uses the "push() method" to add elements to the array.
a.push(1,2,3);
uh, methods are for *objects* right? Yet he is using them on an ARRAY.how an array can magically becomes an object that is manipulated by a "method"?I mean, the array is still an array, no? It never actually becomes an object, right? Yet we still use a *method* to manipulate it. See my conceptual quandry?
I have 2 arrays and I would like to compare the 2 arrays.If an element in array 1 is NOT in array 2 then I would like to display that element. In this case, I should only display the letter "c" but it doesn't work and I don't know why?
Here's my code:
<html><head>
<script type="text/javascript">
function getValue(id){
[code]....
I recently had a problem where I needed to build up an array of strings, that would be join()ed into a string when the array building was complete. however, each value could only be in the array once.
This was a problem for a few reasons. Once a value has gone into an array the only way to check for it that works cross-platform is to scan the array looking for the value. FireFox has the every() and some() functions but they don't work in anything else.
Using an object to simulate an assocaiative array would allow me to avoid this problem by storing key/values with the keys having the same value as the value I was storing. I could then use the (a in b) construct to check that I had not already added a value.
However, array type methods won't work with objects, so I had no access to size () or join () meaning I'd have to manually build the string by iterating over the object.
My solution was to use an array object, but to store the provided data i nboth the array proper and as a property of the array object.
var myArray = new Array;
function addVal (val)
{
if (!(val in myArray))
{
myArray [val] = 1;
myArray.push (val);
}
}
addVal ('one');
addVal ('two');
addVal ('three');
addVal ('one');
addVal ('two');
addVal ('three');
console.log (myArray.length);
console.log (myArray.join (', '));
This approach does use up more memory but it does give me the advantages of both arrays and objects for little extra work. (if you don't have FireBug then replace console.log with alert)
for example if I have two arrys
arr1[10,20,30]
arr2[40,50,60]
how to merge them to get arr1[10,20,30,40,50,60]
