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]...
Im generating multiple iFrames with javascript based on how many times the user clicks an Add button. Each click generates one iFrame. All the iFrames are being generated with the same id/name. What Im having Javascript trouble with is A) figuring out which iframe is which by number (myframe[0], myframe[1], myframe[2],etc) and B) how many iframes are on the page. For A) is there a way to tell what the number value is besides hard coding it? Right now Ive been playing with this in the src page.. window.frameElement.id but that just returns "myframe" and not the number. Ideally I would like to find the number as its being created on the parent page instead of getting it from the src page, here's what I have now for that...
[Code]...
How to show/hide several paragraphs when the user clicks next and then the reverse when the user clicks prev.
View 1 Replies View RelatedI 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 RelatedIs there js to prevent malicious clickers who try to ban my site from google ads by clicking so many times?
View 2 Replies View RelatedI'm not the world's best developer, but I have a page where people can comment on someone's profile.The list can very easily become very long, and I would like to figure out a way where the user can click MORE, just like on Facebook, and without the page reloading more results appear below the ones already on the screen. point me in the right direction for this? I can't seem to find what I'm looking for. Perhaps I'm not looking in the right area.
View 3 Replies View RelatedI 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:
I am trying to set up a toggle to allow users to show more precision when a user clicks a button. I have a function high() that doesn't do anything when it is called. I am fairly new to jQuery so I am not to familiar with the syntax.
View 2 Replies View Relatedwhen 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'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:
I have a hidden popup that I populate with content and it dynamically expands to the size of the content. I then show the popup. When a user clicks on another link, it populates the popup with longer or shorter content. When the content is SHORTER, it seems to show the background image that I'm using expanding to the height of the previous size of the popup. I've tried setting the height manually with JS, no luck. This only happens on IE6.
View 1 Replies View Relatedhow 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 RelatedI want to build simple comment box. It will containt text box, few smilies and view pictures for inserting tags like , , like in vBulletin and phpBB.
When user clicks on smile, script adds something like "" or "" into text box. I wonder what is simpliest way to do this?
I am using jquery with the cookie plugin and I have multiple image buttons that can hide/show multiple elements. My question is how can I add a cookie to this code to remember whether each separate element is opened or closed?
The code,
$(document).ready(function() {
// choose text for the show/hide link - can contain HTML (e.g. an image)
var showText='<div class="expanddown"></div>';
var hideText='<div class="expandup"></div>';
// initialise the visibility check
var is_visible = false;
// append show/hide links to the element directly preceding the element with a class of "toggle"
$('.toggle').prev().append('<a href="#" class="togglelink">'+hideText+'</a>');
// capture clicks on the toggle links
$('a.togglelink').click(function() {
// switch visibility
is_visible = !is_visible;
// change the link depending on whether the element is shown or hidden
$(this).html( (!is_visible) ? hideText : showText);
// toggle the display - uncomment the next line for a basic "accordion" style
//$('.toggle').hide();$('a.toggleLink').html(showText);
$(this).parent().next('.toggle').slideToggle('fast');
// return false so any link destination is not followed
return false;
});
});
HTML,
<a class="togglelink" href="#"></a>
<div class="toggle">
Content
</div>
I have a site which requires the user to upload multiple images at once. Using jQuery I have set it up so that the user can select individuals individually (using the file browser) and then upload them all at the same time bty clicking 'Upload'. However, this is not really good enough...
What I need to happen is that when the user browses their machine to select their images, they are able to select multiple images through CTRL+click. At the minute they can only select one image at a time. How can this be achieved?
As I already have the upload process working perfectly, I would prefer that I was able to keep this intact and simply add some javascript which allowed multiple images to be selected by the file browser at the same time. I would also prefer, if possible, not to use flash.
This is my first post to this forum. When a button in parent window is clicked multiple times, more than one popup window is opened. This problem is occurring in linux firefox and mozilla browsers. In windows the code is working fine. Is there any option in window.open() method to open a popup window once. s there any known issue regarding this case?. Need a workaround to fix this issue.
View 1 Replies View Relatedhen a button in parent window is clicked multiple times, more than one child window is opened. This problem is occurring in linux. In windows the code is working fine. Is there any option in window.open() method to open a child window once.
View 8 Replies View RelatedHow would you specify when user right clicks?
View 6 Replies View RelatedI 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'm newbie on jquery and I hope to help me. i'vea problem to showmultiple stack image. For example, I've a jpeg image map on background and I would like to show multiple pin with multiple coordinates.
View 1 Replies View RelatedI want to add something to my web site. when the user clicks to download. i want to see a pop up screen which says your download has started.
<script type="text/javascript">
function show_alert()
{
[code]....
I would like to change the text of an <a> element when the user clicks on it. The code that I've written is only "half" working:
Code:
$('#linkid').click(function() {
if ($('#linkid:contains("text1")')) {
$('#linkid').html('text2');
} else {
$('#linkid').html('text1');
}
Initially the text of the <a> element is "text1".
When I click on it the text is correctly changed to "text2". But if I click on it again, the text doesn't change back to "text1", it remains "text2".
I am trying to get a way by which I'll know exactly when user goes out
of my site by clicking on close button in browser, So that w/e user
click close button in browser, I can send a signal to server.
This seems to be achievable with body unload events, but it is little
too much, as even if user navigate within my site, this event will be
generated, this can be avoided by handling onclick of each link, so
that I'll know exactly which link is clicked, but honestly this looks
over doing to me, any other smart short cut for finding out when user
click on X in browser?
I want to send a simple email with just email & subject only when the user clicks a link that opens a pdf. I'm thinking javascript is the best way to do this but I have no idea how. I have googled it a bunch but most information is about getting an email when someone clicks a link you send in an email. I don't want that. This is on a website. I'm not sure if php would be better to use.
View 7 Replies View RelatedI want to execute a script when the user clicks the button. Currently in my html doc. i have the button declared. <input type="button" id ="button" onclick='notEmpty() value="Play"/> When the button is clicked, i execute the notEmpty() function and I want to execute a script inside the notEmpty().
View 3 Replies View RelatedI have written the following code to confirm if user wants to leave the chat. I want to stop the unload if user clicks Cancel. How to?
View 3 Replies View Related