I'm trying to get rollover images to work that are a little more complex than usual. I have a webpage that presently gives information on four groups within an organization. I've put each group within its own div with an id. The div contains a short description of what the group does, thumbnails pictures of each member of the group, and to the right of these thumbnails, a larger picture. This larger picture is supposed to change, when ever the mouse is over a thumbnail to a normal size picture of the thumbnail, for the first part.
I tried to put in a script that will preload all the original images that should be changed. First I created an array with all the names of the divs, then used two for loops, one nested inside the other to get the pictures into the array. Tried to get the names of the array to hold the pictures from the first array with the names (inames), using a two dimensional array (used an example from a post on this forum) but it seemed to have gone astray, as the onmouseover doesn't work. Code:
I'm kind of at a lose this is my first foray into using a multi-dimensional array and I've run into a snag. for some reason the second dimension always seems to end up being the last value of the second dimension of the array ie: in the case below the conditionArray[[0][1]] always ends up being 6.0 where it should be 1.0. Code:
Short version: I'm having trouble with "moving subarrays" in a multidimensional associative array.
Long version: (Yes, I know that there's technically no such thing as a js associative array and that I'm actually using a generic object.) This is one of those annoying questions for which significant code can't be shown.
I'm fetching a JSON object from PHP and parsing it as multi-dimensional associative array that comes out with this "structure": obj[regions][variables][years] = value; My presentation logic works fine for that. Year data is presented for each variable, and variables are grouped by region. For reference, if needed, the display is tabular and similar to this:
I'm sure this is a simple matter, but i cant seem to work out how to loop through a multi dimensional JSON object (where the keys are unknown). [code]...
I'm trying to create a multi-dimensional associative array that has some of its data created dynamically. The code I've currently got is as follows (using JQuery to retrieve form element values):
Code JavaScript: Â var data = { label: $('#label').val(), child_float: function() {
[code]....
.. if its values were not being created dynamically. However as you can tell that isn't what is being generated at the moment, as there's no opening/closing brace before/after the child_float's member variables. Any ideas what changes I need to make in order make the child_float behave as intended?
<script type="text/javascript" src="sylvester.js"></script> <script type="text/javascript"> var M = $M([ <?php
[Code].....
I need to build a 100x100 array. I'm using the sylvester plug-in to make a matrix. The code executes fine and when i go view source from the browser the 100 rows and columns are defined just fine. I think that the document is first loaded then the php loops are executed on the server. Is there any way i can load a multi-dimensional array with PHP. I must do it that way, cause later i'll need to query the databases in the loops above.
I really want to use this (javascript, jquery, and css) menu at this web page: [URL]. However, I would like to have this menu as a multi level menu. Currently it is two level. How to make this menu as three or four level?
I would like to be able to pass a multi-dimensional Javascript array through a form to a server-side script I am running. Any suggestions as to how to do this? I know how to asign a Javascript variable to a hidden field (basic stuff ), and if it was a single-dimension array I would join() it, but I don't know how to treat a multi-dimensional array. Any suggestions?
and what I want to end up is with an array with the sum of the [0], [1] and [2] values, so for instance with this example, I want an array returned like this:
[50, 60, 52] i.e. this is [(32+8+10), (13+17+30), (26+4+22)]
My real problem with this is that the "inner array" can be any number of (its dynamic), so in my example its just 3 values but it could be for example 5 values e.g.:
I am having serious problems over a JavaScript function. I have 2 x 2 dimensional arrays of data to display on the screen, each array being 18 x 18. The arrays and displaying them is working fine, I have 2 lots of X and Y variable (LocX1, LocY1, LocX2 and LocY2) which I use to reference the cells of the arrays.
I have 2 similar (but not identical) functions to move around these arrays using links on the screen.
[Code]...
As you can see, I have tried multiplying the variable by 1, adding zero and using the Number command. All other directions work fine and all links are identical, just passing a different 'direction' through an onClick.
P.s. I miss placed this post before, and it was sugested I re-check the links that set the functions off. They are all identical (all 8), except for the 'north' 'south' etc. bit.
probably one thats been heard often, but i have an onmouseover and onmouseout event, which basically swaps between two images. but how can i also get it to change an image elsewhere on the same page?
I am trying to create some rollovers using the following scenario. I have four groups, let’s say hearts, diamonds, clubs and spades. Each of these groups have a varied amount of members. For each group, there is a short description of what the group is supposed to do, and then thumbnails of each of the members.
To the right of the thumbnails is an image that holds a standard image, but would change to the enlarged picture of the member when the mouse is over the member's thumbnail, and below that image is another area which will hold the person name and position if any within that group. Basically there are four rollover groups. I can do the rollover for an image okay as in this code, adding more variables and images as necessary using something like this. Code:
I am not very well versed in js, but am attempting to figure this out. (Gotta start somewhere, right?) I want this to be unobtrusive js, if possible with no js specifics in the html (though additional or changes to classes/IDs would be fine). I've started with PPK's mouseover script, which is working just fine. To this, I want to add some onclick behaviors. Code:
Does anyone know of a good MIT-Licensed, or MIT-style image swap and disjointed rollover solution? All the ones I've seen are either GPL or personal-use only. The examples of img replacement scripts I've seen on stackoverflow are either only for personal use (I believe every example on the site is personal only, unless stated?), or too narrow in scope.
Any help would be great as the docs.jquery.com site has great demos on almost everything except how to swap images. I don't mind if its a block of code or a plugin, although preferrably something small and simple would be great.
It sounds like a big ask, but I thought I would ask as this place is super-friendly, unlike some of the other js libraries' forums' I've been to.
I'm having a bit of trouble with this script. I'm wondering if someone might help me. What I'm trying to do is to have a multiple image rollover whereby onmouseover, the image's source will cycle through a few pics and stop. I got this part to work fine--it's the onmouseout part that I'm having some difficulties with. I would like everything to be included within one function, instead of two (one for mouseover and one for mouseout). Here is what I have:
I'm having trouble figuring out why my image is disappearing when the user clicks on the arrow image to expand text for viewing. The arrow image only disappears if the link text is is more than one line. It remains if the link is only one line of text. Here is the code:
I'm doing a javascript slideshow with image transitions. The way it's setup at the moment that slideshow and image transitions are two separate "modules" with different arrays.
First array for images looks like this: NewImg = new Array ( "photos/1.JPG", "photos/2.JPG" );
Second it's a source for my thumbnails: function photo() { document.getElementById('div1').innerHTML = "<img src='photos/1.JPG' id='photo' class='photo'>"; } function photo2() { document.getElementById('div1').innerHTML = "<img src='photos/2.JPG' id='photo' class='photo'>"; } etc.. Is it possible to include the second one, thumbnails into the first array?
See attached mock-up of my site's order table... if I can figure out how to upload an image... [IMG] The user is allowed to change the quantity of items (input fields in the green box) to select which suppliers to order from, and based on this the values in the red boxes should be calculated. It should be a simple problem of multiplying quantities by prices and summing across suppliers for each product... but I want to do it in javascript without reloading the page : )
All values are taken from my database and stored in a php associative array - which seems to be the main complicating factor as it's quite a deep one. $products[13789]['sellers'][3]['products_price'] = 16.99 How would you guys tackle this? Are there any examples/tutorials out there you can point me to?
Ihave 2 simular image changing arrays on a page that are targeted to different images that are layered on top of each other (zBodBox.gif & zPWBox.gif). The images are being replaced with other transparent gifs so that the image below shows the transparent pixels of the overlaying image.The transparent gifs work, the links work, the problem is that I don't know how to make the arrays seperate and work independently so that they replace the image intended. This is for a website I am building for a prouuct I have just received a patent for so it is not on the net at this time. I could email you the entire file including the images if necessary. My email address is:stevenbraid@gmail.comIf someone could please help me work out this bug I could get my product to market. I am sorry the code is so long but as it is not up and running yet this is the best I can do. I have streamlined the code as best as I can without leaving out the essentuals.
So now the first dimension will have a size of two (0 or 1) and the second dimension will have an unlimited size. I want to sort this array by the integer values held in myArray[1][x], where x is any number between zero and the size of my result set. That is, I want to reorder the array such that
I was having a problem with rollovers, even though I do them in a very conventional way:
function roll(i) { document[i].src = eval(i + "_roll.src") } // in which value passed to function is "name" attr in img tag..
but on my home page, www.francesdelrio.com, I have rollovers like this:
function doRoll(Img,newImage) { Img.src = newImage.src; Img.width = newImage.width; // what's the point Img.height = newImage.height; // of these two? } function roll_web() { doRoll(document.web, web_roll); } // etc.
I'm just trying to remember why I did it like this, it was a solution given to me by someone in this ng, I believe the problem might have been that rollovers were not working in Opera (don't have Opera installed anymore, can't check it out); does this mean all my other rollovers are not working in Opera? (if you have Opera, can u pls go to www.francesdelrio.com/resume in Opera and roll over images near top of page and see if rollovers work? How prevelant is use of Opera? do I need to always script taking Opera into account?