JQuery :: When Clicks On An Image - Visitor Is Taken To Contact Us Page
Jun 8, 2011
We have been trying to set up a procedure on our website so that the following happens:
When someone clicks on an image, the visitor is taken to our Contact Us page, the title tag is inserted into the Subject and they can complete the rest fo the form and submit.
We have about 40 pages of images, all of which have the ALT and TITLE tags completed. Each image has a description paragraph, and all pages are made using HTML and CSS.
We've seen several websites, although of course now we can't find them, that something similar occurs. Seems there was a jquery script that did this type of thing, but it would only work on the same web page and we want it to go froma category page (about 40 different image category pages right now) to the Contact Us page.
It is important that the name related to the image shows in the email form so we know what image they are referring to.
With our limited knowledge of javascript, we've not been able to insert the TITLE or ALT tag info into the form Subject so that it shows on the emailgoing to us. We've attempted onclick which now moves the visitor to our Contact page. We also can use the <a href as well.
My requirement: Each time a visitor arrives at a specific webpage i want the main image on the page to be different, or more specifically, one of 6 images which will be shown in rotation. Solution: Set a cookie. Each time the visitor access the page read the cookie and display the corresponding image. Then increment the value and rewrite the cookie, so that next time they'll see the next image in sequence. NB: if the cookie does not exist (first timer) or is at 6, then the value is set to zero (and then incremented).
Problem: Can't get my coding to work. Specifically it just doesn't do anything - no error message, no cookie written. I'm a very novice scripter, as in I've cobbled the coding together from bits off the net that i think i've managed to grasp some kind of an understanding of. Very suck it and see - so far lots of sucking and no seeing!
I want to have a big image and say 5 small thumbnails underneath. When the user clicks a thumbnail, the image loads where the previous big image was. Is there a standard way to do this?
Anyone know how to pop-up image for visitor that visiting for first time?
the pop-up image should be appears 30seconds then it will open new window tab with adress page that i have attached to image then after 30seconds the pop-up automatically close.
I don't know which language this could be done in. Javascript?I want my contact form to be such that I can login and turn off whether it displays my phone number. If I'm available to answer the phone, it would be set to "On," otherwise, "Off." This is similar to how companies use their "click here to chat" thingy.Also, it would nice if I could have a choice of phone numbers. If I am not available for calls but a co-worker is, I could direct calls to him. When both of us are unavailable, we could set it to "Off."
I've been looking for an "Ajax CMS" but decided to learn jQuery to learn how to code it myself in order to earn some geek-girl cred among my male colleagues. I've learn a lot about jQuery in a week but as you can imagine I still have a lot to learn.
I have successfully animated an image (move to the left and increase opacity) when the mouse hovers a div and reset the image (move it back to its original position and reset the opacity) when the mouse move outside the div. So far so good...
Here comes the question: What I need to do -and don't know how to - is when the user clicks on the div the image should stay in the hover position while still being able to hover any other divs and activate the animation normally.
When a different div is clicked the previous "Clicked" div should return (animate) to its original position and the new "Clicked" div should stay in the hover position. Content will be loaded when the divs are clicked but there won't be page refresh since I'm loading the content by using the load funtion of jQuery.
I want to create an AJAX sender form for a contact page.
My standard php mail() form does not work on the server I have a site hosted on so I am going to send the request to the form on another server.
What I want to do is use AJAX to send the data in each section of a form to another URL (external) but I don't want to go to another page.
So I really want the AJAX form to send / post the data, get a tell back signal to say if it worked or not and then dependant on that I would like to load a success of failure page.
Here is how the code works: (its like a phone directory)
-User first selects the dept.
-Once selected, a second drop down populates with the names of each person in that department.
-I want the contact info to show on the page once they select this last step.I need for when the user selects this second options for a link to open inside a iFrame inside of the same html page.Here is the code for the HTML doc:
I have a .Net website that uses a text file to record when visitors arrive on a page.
However, I really want it to also store the date and time that a visitor leaves a page. I can easily calculate the time spent on pages within a session but currently have no way of knowing how long someone spent on the last page they visited during a session.
What I need is a script that runs when a page is unloaded. The script will update a text file (stored in the htdocs folder of the site) with the current time.
So far, I have come to the conclusion that I may need to use JavaScript and the window.onbeforeunload event but I cannot get any further.
When a visitor visits my website and clicks anywhere on the page, (regardless of where the mouse clicks) it will automatically redirect him to another site.
I think an event listener might be a solution, but I'm not sure.
I want to add a global event handler for mousedown that will register whenever the user clicks anywhere on the page but I'm having trouble.This is what I'm trying to do:
var body = document.getElementsByTagName("body"); alert(body); body.addEventListener(mouseDown, myHandler);[code]....
But the event handler is never called. I can't even seem to get access to the body. Is the body tag the wrong place to be assigning the mousedown handler? I'm trying to make this code work correctly in both IE and firefox.
I am trying to pop-up a window when the user clicks on an image. The problem is that when the user clicks on the image and the window pops up OK, but the window underneath also proceeds to the image. The desired behavior is that when the pop-up is invoked, I want the underlying window to stay put. Code:
You can see that when selecting 'Contact' from the top navigation a light-box (fancybox) with a contact form opens, this form can be filled and when the submit button is pressed the content of the form is emailed to myself. However.... The 'Thank you message' is not appearing in the light-box as I would like it to and I cannot work out how to do this.
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]...
Im trying to have a click event that replaces an image on the page with a new image that has been selected randomly from an array. I have solved PART of this already (can get the random image to appear).
However, instead of appearing on the page where the old image was, the new image appears in a blank page.
My research indicates that this blank page location-problem is a result of using document.write in the Function. Therefore, I know I need to find a different way to accomplish this, but am failing miserably.
I have been trying for hours and hours and HOURS to figure out proper syntax for accomplishing this via elements, functions, variables and mootools.
A bit of my research:
-I found this---but havent figured out how to implement it in my scenario:
Source: [url]
-I found this---but havent figured out how to implement it in my scenario:
function toSubmitted() { document.myForm.action = some URL that has to do with a Filemaker Pro backend. document.myForm.submit(); window.location = "www.google.com"; }
Supposed to submit myForm, which sends necessary data to the FileMaker backend, and then I am wanting to redirect to a new page immediately after that.
The "window.location = "www.google.com";" line does not seem to function in its present location.
When a user in somewhere of a site, he/she may want to login to access some user restrict pages. He/she clicks a login link on the menu and sign in on the login page. How to use JQuery to let the user back to the page where he/she clicks the login link?
I have installed a flash mp3 player that streams music while browsing my website. Unfortunately there is a problem that any time you click a link to another page, everything reloads and the music restarts. Looking for advice on how to implement the music stream so it plays continuously and not affected by changing pages of the site. I would like to avoid any sort of frames implementation. Only other thing I can think of is some sort of AJAX implementation
I found this code sample that when a user clicks somewhere on the image, then an "X" will appear. I would like to have the "X"s remain visible even when the user clicks on a different area of the image. As you can imagine, a user clicks clicks clicks then there are "X"s everywhere. How do I do this? Do I need to create more "div" tags with the mouse click locations?
