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.
View 1 Replies
ADVERTISEMENT
May 18, 2009
how i can count the number of times a visitor clicks on a particular link on my site? can i use javascript?
View 4 Replies
View Related
Jul 30, 2007
I'm building a rich editor to replace a textarea, and am about to
release it as "live." But there's one last thing I want to do with it.
When using a textarea, if the visitor clicks on "back" then the
information is (usually) still there. But with the contenteditable
field, it's gone.
I read on a web page a few days ago that there was an easy solution to
this, but I didn't save the information and didn't save the page. Any
ideas?
View 2 Replies
View Related
Jul 20, 2005
a website opens in my iframe Is there a way to know the address of the
link the visitor clicks on?
View 2 Replies
View Related
Jul 12, 2011
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!
[Code]...
View 6 Replies
View Related
Feb 2, 2010
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?
View 3 Replies
View Related
Dec 23, 2011
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.
View 6 Replies
View Related
Jul 30, 2011
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."
View 3 Replies
View Related
Jun 2, 2009
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'm including the code:
View 1 Replies
View Related
Jun 23, 2009
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.
View 1 Replies
View Related
Jul 17, 2011
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:
HTML Code:
<body bgcolor="#ffffff" text="#000000" link="#0000ff" vlink="#800080" alink="#ff0000" onLoad="fillCategory();">
<FORM name="drop_list" action="yourpage.php" method="POST" >
<SELECT NAME="Department" onChange="SelectSubCat();" >[code]......
View 1 Replies
View Related
May 12, 2009
How to disable all clicks till the pageloads
View 2 Replies
View Related
May 2, 2010
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.
View 3 Replies
View Related
Apr 12, 2010
I've got a jQuery ajax call to a php script which gets aborted when a user clicks on any link on the page.
The ajax call aborts ok, but the php script, which includes a sleep() function is not aborted until after the sleep() has finished sleeping.
Does anyone know if there's any way to make the sleep() function also abort when a user cancels / aborts the ajax request?
View 10 Replies
View Related
Mar 8, 2010
Is it possible to play a sound file when a visitor to my website moves their mouse/pointer over a single image no matter what browser they are using?
View 4 Replies
View Related
Sep 5, 2011
I'm looking for code which does the following:
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.
View 1 Replies
View Related
Apr 22, 2010
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.
View 7 Replies
View Related
Apr 26, 2006
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:
View 18 Replies
View Related
Jan 17, 2011
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.
View 2 Replies
View Related
Feb 24, 2009
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]...
View 6 Replies
View Related
Aug 29, 2010
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:
Code:
Source: [url]
View 4 Replies
View Related
May 27, 2010
I am attempting to redirect a page after a user clicks on a submit button.I have a button:
<input id="SubmitButton" type="submit" class="button" name="-Edit" value="Submit" onClick="toSubmitted();"
And a function:
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.
View 2 Replies
View Related
May 5, 2010
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?
View 3 Replies
View Related
Jan 12, 2010
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
View 1 Replies
View Related
Feb 22, 2011
How to show/hide several paragraphs when the user clicks next and then the reverse when the user clicks prev.
View 1 Replies
View Related
Feb 6, 2010
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?
[Code]...
View 3 Replies
View Related
