EBay has implemented a different way to upload auction pictures ---
after browsing for the picture and selecting it, the image preview
instantly displays on the screen, which is nice. Apparently this
process is being handled locally --- could someone try to re-create
this ? ... I imagine its using DHTML or some other technique, I'm not
sure how I would code this.
could someone please point me in the right direction for creating an AJAX page that displays "live" data from a mysql database? I need the page to update its self every time data changes in a mysql table.
View 1 Replies View Related[URL] check the above website. on mouse over of any image a pop up appears and displays the image information i want to achieve the same thing in my project which language is used for this purpose and how to do that.
View 4 Replies View RelatedI knew very little about javascript and I didn't used it before a lot but now I Have a problem that: I want the pages in my website to go only forward and disable going backward.I mean the user can not go back to the previews page in some pages and I've been told that i can do that using javascript but I don't know how or using what.
View 2 Replies View Relatedi had this written for my wifes ebay store a while back but after moving the images to our own hosting, the script doesnt work it just crashes our shop front?
ps. i do have three other images that were present on the site that were somehow referenced but there is no mention of them in the below code (footer.jpg | gallerylisting.jpg | navhead.jpg) i think its something to do with this first line but dont know how to decode it.[code]......
I am creating a page with a dropdown menu that has 140 countries in the list. When someone clicks on say, Algeria, an image of Algeria comes up below the dropdown with a URL below that. I got the code to accomplish that much. What I need further help on is how to make the URLs a hyperlink (all different) as well as making the image clickable so that a larger version pops up when clicked on. I'm ok with starting from scratch if there is a better way to accomplish this than what I've got. code...
View 3 Replies View RelatedFancybox (Lightbox) - Last image not working. This is a follow on from another problem I had with the same image gallery I have this simple gallery that loads images from an xml file and uses Fancybox [URL]..Everything is working but the last image is not working with fancybox. The last image just displays in it's own window. Can anyone see why the last image is not displaying with fancybox.
[Code]...
I'm trying to use an ajax function to load filenames into a text area. This works and is not the problem.Then I read the contents of the text file and create an array of file images. The images can be .jpg, .gif, etc. Again no problem.However, when I try to create new <img ...> elements with a 'createElement' function, I get major errors. I think the problem is in the 'AddImage()' function in the code below.
Code:
<html>
<head>
<title>Image Display</title>
[code]...
I have the following html file
[Code]...
Now this code works on ios safari 4.2 and later but i can't get it to work on ios safari 4.1. On 4.1 it displays the canvas but will not draw the image. The debug console shows no errors. Is there anyway to get it to work, or is 4.2 the cut off point for even the most basic canvas operations?
when the user clicks on a thumbnail the image displays. I actually managed to make this work with just two images, but wasn't sure how to make the script work with, say 6 images. Anyway this is what I have so far:
HTML Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Gallery</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="style.css" rel="stylesheet" type="text/css" />
[Code]...
I opted to use JavaScript & PHP (instead of Flash) to create a sort-of "t-shirt designer" -- basically, it's a gallery-type script that allows users to scroll through t-shirt styles, swap colors, and so on, prior to reaching the actual design tool. And I'm starting to regret.
It's actually working very well so far, except for one thing: I want the t-shirt option that the user selects to link the user to the design tool. The "gallery" already has an image for each possible option that displays whenever the user selects a combination, but I want to make that image is a clickable link.
I have no idea where to start -- I know next to nothing about javascript -- and to accomplish this in Flasjh I'd have to start this stupid basic thing all over again from scratch, and it would defeat the point of not using Flash in the first place, so
I have a digital clock for my HTML website, which is created using images and javascript functions. This is the clock I used: [url]
I want to ammend it so that it displays a different color image between 8am and 5pm automatically.
Something like:
New to javascript/jquery, been trying to create a rotator which displays a large image with caption and uses next/previous button and thumbnails for control. Everything works fine but when the rotator gets to the last item i'd like it to go back to the first, and when the previous button is clicked at the first item I'd like it to go to the last.
$(document).ready(function() {
//set to zero
var x = 0;
[code]....
My validate() function is not working quite right since it should validate for at least on checkbox checked and even if opne is checked it will simply display the error message instead of validating. What might be wrong here?
Here's the function (note, all the checkboxes have the id='chk')
function validate(){
var countChecks = 0;
if (document.forms.getElementById == "chk")
{
for (var j in document.forms.getElementById)
if (j.checked)
countChecks++;
}
if (!countChecks)
{
alert('Select some checkboxes!')
return false;
}}
I am by no means a JS programmer, but I like to exhaust all avenues when attacking an issue. A signature fired off on a piece of javascript that came across the wire, with an odd "var unescape" inside of it. I am hoping to throw this code out there, to see if anyone has any insight on what this might be.
I am assuming this is double encoded, but I am not certain. Here is the snippet of code the signature fired off from:
var ibdf=unescape("%u0b0b%u0b0"+"b");
var fdofdopf="xcvb9090";
Does the world need another DHTML popup calendar? Probably not, but I'm writing one anyway. It's unique in that it allows drag selection of a range of dates. Works great on IE6 but I'm having some trouble with Netscape and events. In particular, the mousedown event doesn't work. The event fires, but I can't seem to get a handle on what html element was clicked.
View 4 Replies View Related[URL]...heckboxes.html as directed and I can't get it to work. What do I need to provide to get some assistance?
View 14 Replies View RelatedWhat I'm trying to do here should be simple and I suspect that I'm just overlooking something basic but I'm overlooking it. If you can tell me what I'm not seeing here, I'll be most grateful. This is the associated HTML code. Two statements to be rated from 1 to 10 using radio buttons.
<tr>
<td width="25"><strong>A</strong></td>
<td width="210">A statement is here</td>
<td width="21"><input type="radio" name="SI_QA" id="SI_QA_1" value="1" /></td>
(total of 10 lines like this)
[Code]...
I'm trying to pass data I gathered from a prompt into a later function.
1. Should prompts for information be in their own JS file separate from the HTML page? Or is it better form to have the prompts (for info) in the HTML page itself?
2. I have tried placing the prompts to gather info in several places, each time my script seems to stop after the data is gathered and does not perform the calculations which are contained within a function. The input data is gathered from a prompt, do I still need to "return valuea" and "return valueb" in order to use the input data in the calculation function? Initially I did not feel I did, as I am not performing a calculation initially, just receiving input.
[URL] I'd also like to use this plugin, so I don't have to create complex validation rules. validation plugin [URL]Trouble is, I can't figure out how to prevent form submission without first checking to see if the form is valid. My attempts so far have been based on using submit() to prevent submission of the form if validations valid() method returns false. But this doesn't seem to work. If I use ajaxForm, the submit() function seems to work differently. A form will still be submitted, despite a return false. validate has a valid() method that returns false if the form fails validation. How can I submit the form only if valid doesn't return false?
[Code]..
i am trying to create some markers on an image to point some options. I would like to emulate the same shape as google marker balloon, but i dont know if its possible to create using just css and javascript or not.
i have created a function which creates a rectangular div on the image when we click on the image. but i want its shape to be like a water drop, as it is much more better to see and figure out what it is pointing to.
Does anyone know how to create a "zoom in" effect on an image when you mouse over the image? By zoom in, I mean the original image gets smaller when you mouse over the image.
View 4 Replies View RelatedI wonder if it is possible to make a JS blur effect on an image while it's moving.It probably is but I haven't seen it done before with JS, only ActionScript for Flash, I wonder what is the reason for this.So the way I have been thinking this could be achieved is by loading several times the same image giving them transparency and offsetting them a pixel or two from each other.
View 2 Replies View Relatedi have a table row like this
for(var count=0; count<5;count++)
{
<tr>
<td>
[Code]....
also when i click on a particular date using onselect, i get the date value to be updated on a textfield but the datepicker doesn't hide itself.
i dont understand why is it so.
i am using this function for the actions
function datepick(id)
{
var elemID = id;
var idValue = elemID.substring(6);
[Code]....
also i want to add that the elements are added dynamically when i load the page. the elements are working properly..
I've been working at this one for a few days now, and I keep getting the same puzzling results on what should probably have been a simple issue.
My page has images I've loaded at the top and set to {display: none}. The eventual goal is to create thumbnails that will maintain the original images' proportions, but fit within 150x150 px (this is for an artist's gallery page, so it's pretty important to keep the thumbnails looking like the originals). Obviously, the first thing I need to do is get the images' heights and widths. I've tried to do this by iterating through the document.images array and just getting the widths and heights, but for some reason I always get 0 x 0 for the first image. I've tried fixing this by inserting another image before it and then starting the loop at 1 instead of 0 (so it excludes that first image), but I still get the same value. I even tried setting the script to "defer" so it wouldn't run until the page had loaded. Same results. It also doesn't seem to matter whether I ask for document.images[x].width or document.images[x].naturalWidth. The same thing happens either way. Does anyone know what's going on? There's got to be something I'm missing.
I've got a <ul> w/ 6 <li> items and CSS to make them 104x228 side blocks, which hold 2 images, one on top of the other. The 6 rows of images look like this:
X X X X X
X X X X X
This is what I want: The top row of images to be opacity:0 (or hidden), and then when you mouseover the bottom images, the top images come to 100 opacity. When you mouseout, the opacity is back to 0.Here's the HTML and CSS:
<ul class="carz">
<li><img src="img/impreza2.jpg" class="imgtophidden"/><img src="img/impreza.jpg" /></li>
<li><img src="img/wrx.jpg" class="imgtophidden"/><img src="img/wrx.jpg" /></li>[code]....
I am new to jQuery coding (but loving learning) and I want to figure out: how do I make this in jQuery? Here's what I have so far:
$(function() {
$("ul.carz li").hover(function() {
$(this).find('img.imgtophidden').addClass('imgtop')[code].....