So when the page loads the thumbnails cycle through using setInterval. When the user clicks on one of the thumbnails, it is supposed to open a new window and show the enlarged version of that thumbnail stored in bigpics. However it only comes up with a broken image link. Any ideas why this is not working?
Here is the code:
I want to have a simple code such that some data is stored in array. When we create a search box it has to give suggestions from the data stored in array.
View 4 Replies View RelatedI am having a problem to add numbers store in an array.
arrayValues[0][0] = 1;
arrayValues[0][1] = 2;
var col = 0;
var sum;
for ( var row = 0; row < index; i++ )
sum += arrayValues[col][row];
My result is ==> 12 it is defining my sum variable as string. Even I try do do this var sum = 0; to define sum as numeric variable. my result was ==>012.
I am looking to have the user input a word into a textbox then when the user hits an "Add" button, the word is stored to an array and then is displayed in a table. I also want the textbox to clear after the "Add" button is pressed. Next, I want the user to be able to input another word into the textbox and when the "Add" button is pressed, have that word stored to same array as the first word but just to a different number.ingredient(0)=first word; ingredient(1)=second word. Then I want the second word to be displayed right below the first word in the table, in the next line down.This is what I have so far.[URL]...
<code>
<html>
<head>
<title>Stuffed Pantry~Recipe Search (Under Construction)</title>
<link rel="stylesheet" type="text/css" href="main.css">
</head>
[Code]...
how to sum the values stored in an array of textbox using javascript and display it in a separate text box.
View 7 Replies View RelatedVisit [url]. I want to to save 32 stations grid in exactly the same format or better yet be able to somehow copy it in excel w/out going into the source and manually editing it. How is this possible?
View 3 Replies View Related<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
The script works if the images are stored within the HTML but when I try to store them in the JS array, it fails. Is there any way to store the images in JS with this script?
I have a php script that gets all images in my directory and outputs them as gallery[0]=firstimage.jpg, [1], [2], .. The php script is supposed to work with the javascript, so to cover all angles here is the php
<?
//PHP SCRIPT: getimages.php
Header("content-type: application/x-javascript");
//This function gets the file names of all images in the current directory
//and ouputs them as a JavaScript array
[Code]....
I know nothing about javascript, but have found a useful code for enlarging images, and it would be great if I could just insert a line or two to get the overlay effect - so, what I want to add is a background when an image is open: for example - [url].
Here is the code
Code:
Ihave two select boxes. The second one is getting the content with ajax call, acording to the value selected at the first one.
My problemis onlyin IE. When the second select box geting longer text and the html table TD is not enlarging itself too.
FireFox works fine with this code.
I am trying to get an object that is stored as an attribute. In IE7 it works but IE8 appears to return the object as a string value (pretty useless). I tried getting the attribute node and the debugger shows an object as the nodeValue but I cannot access it either. It returns an object in IE7 but in IE8 I get the result of a toString on the object again.
Is there a way to get an object stored in an attribute in IE8?
I am trying to pull a value being stored in a php function (it works fine) which is echoed into an html element, and use it in a javascript function. my HTML:
<img id="menu_image" src="<?php echo get_php_value(); ?>" width="356" />
my javascript:
function get_large_image(){
var image = document.getElementById('menu_image').src;
alert(image);
}
right now the alert is giving me flie path to the current page, I need a file path to the image. When I had javascript pull a value from an input tag using the id to reference and stored the php function in the value attribute, I got this: "object HtmlElement" The final purpose of all this is to modify dynamically and HTML <a>'s href and class attribute based on a certain condition being true.
I have a strange issue currently within my event.state I have a function that I would like to execute. So you can say that event.state = function(). How I now execute this function that is stored in event.state?
View 2 Replies View RelatedI have a web app that needs the follwing settings
Tools/internet options/settings/
Check for newer versions of stored pages.
I can not rely on the users to do this.
Is there any way to did this programatically?
I want to be able to see the javascript code in a javascript file on
the web server. Eg where you get <script src="../../../../resources/
javascript/ClientCore.js" defer=1></script>
How can I print the contents of those files to eg a DIV section?
Suppose, Ia text file stored on the server. We all know that when a file stored on a server is opened for viewing, some bandwidth is consumned and the consumption increases with every refresh of the page and so on.
So if i use $.get on the client browserto reteieve the contents of the text file stored on the server, will it affect the server bandwidth consumption? I just want to make it clear that it is just a plain text file.
I'm looking forall posibilities as how to retrieve the contents of a text file stored on the server from the client browser without necesarily having to consumned any server bandwidth.
Suppose I have:
<div id=div1>content1</div>
<div id=div2>content2</div>
<div id=div3>content3</div>
<div id=div4>content4</div>
And suppose I some how manage to store order of div like
div3 div2 div1 div4
Now at next page load how to load div in that sequence....
<div id=div3>content3</div>
<div id=div2>content2</div>
and so on
i have this simple function...
function update(value, oldvalue)
{
var a = value;
var b = oldvalue;
var result = a + b;
document.form.fieldname.value=result;
}
and call the function using a field with this...
onkeyup="update(this.value, other)"
But all its doing is concatenating the 2 numbers together as though they are strings!!!
so if this.value = 11
and other = 15
it displays 1115
i want to add them and display the total, do i need to specify them as being integers or something?
I have a dropdown which is being dynamically generated within the cfloop query.
<select name="ResourceType#ctr#" onchange="GenRWType(this.name,0)">
<option value="">None</option>
<cfloop query="getResourceType">
<option value="#getResourceType.Resourcetypeid#">#getResourceType.Resourcetype#</option>
</cfloop>
</select>
I am calling the JS function GenRWType which is carrying the name of the dropdown.....the issue is how do I get the value of the selected option from dropdown ? This is the code I have and it does not recognize "rname"
[Code]...
I've been advised that the only way to accomplish this is via some hand-coded javascript, at which I'm a complete noob, so hopefully someone here might be able to steer me in the right direction.I have a listings page which displays results using images and text which are stored in a MySQL database, all is working fine. The images are pulled into the page from the database and each listing can have up to a maximum of 10 images. Some will have all 10, some probably one or two, so the page is coded such that if there's an image in the field, it displays a thumbnail, if there isn't then it shoves a " " in instead.The results page has one main photo (image 1) and then a series of thumbnails (images 2-10) below it and I need to be able to set this up so that when someone clicks on image 2 it shows the full-size version of that image in the div where image1 sits, and the same for however many remaining images there are.
So my question is, how easy it is to do this with javascript and does anyone have any idea how to code it?The main photo sits in a div whose id is "mainphoto" the remainder all sit in a div whose id is "thumbpix".
Having trouble getting with these sortable DIVs, they are stored in a cookie and loaded correctly. But after that they can not be moved any more.
PHP Code:
<div id="example-1-4">
<div id="containment">
<div class="column left first">
<ul class="sortable-list">
<li class="sortable-item" id="A">Sortable item A</li>
<li class="sortable-item" id="B">Sortable item B</li> .....
I have a costestimatorslider using jquery ui slider as:
$(function() {
As you can see I can add the value from the slider ui.value without any problem.Now I would like to be able to ADD or Extract the$('.cost') value to other value as Total(total=parseInt($('#total').html());.) which is Sum of some other calculations stored in a HTML table cell in the page as:
I tried to do it by this way butFirstof all it doubled the value which makesense and it's wrong!, besides itcouldn'textract the cost from the total.
I've built a database driven job site, that allows employers/agencies to load their logos up which appear on each advert. Currently the max size limits of images are 600*200. Anything under these dimensions are uploadable.
The problem is that I have a control page that displays and manages all their logos. If their images are of different widths, it makes the page look tacky. So, is there a way of making all their thumbnails that appear on this page, all the same widths, but still in proportion height wise?
ie:
600*200 will display 200*66. (1/3 size)
400*180 will display 200*90. (1/2 size)
In otherwords, the width to be 200px, and proportional height wise.
I have a listings page which displays results using images and text which are stored in a MySQL database, all is working fine. The images are pulled into the page from the database and each listing can have up to a maximum of 10 images. Some will have all 10, some probably one or two, so the page is coded such that if there's an image in the field, it displays a thumbnail, if there isn't then it shoves a " " in instead.
The results page has one main photo (image 1) and then a series of thumbnails (images 2-10) below it and I need to be able to set this up so that when someone clicks on image 2 it shows the full-size version of that image in the div where image1 sits, and the same for however many remaining images there are.
So my question is, how easy it is to do this with javascript and does anyone have any idea how to code it?
The main photo sits in a div whose id is "mainphoto" the remainder all sit in a div whose id is "thumbpix".
Is there anyway to rescale a whole page homogeneously, so that
is looks like a thumbnail?
Can you tell me a similar way to do this?
http://img526.imageshack.us/img526/7344/blip1.png
http://img34.imageshack.us/img34/4171/blip2.png