JQuery :: Disable Click Function For Area With Specific ID Attribute
Nov 22, 2010
I have an image map with various areas on it. A user can click on the various areas and something happens. That said, I sometimes need to disable the ability to click on some areas. For instance areas whose id attribute contains 0 0. I have the code to split the id and grab whether the values are 0 or 1 and the alert pops up when one has 0 0 in the id but it's still clickable. I thought .unbind would do the trick, but it isn't. The alert is simply for testing.
$('area').each(function(){
// Use the each() method to gain access to each elements id
var idToDisable = $(this).attr("id");//get id of area
var splitID = idToDisable.split("_");
if (splitID[3] == 0 && splitID[5] == 0){
alert(splitID[3]+splitID[5]);
$(this).unbind('click');
}else{
}});
if you click the link, it expands some other html stuff, so this is a javascript link. there are up to 100 of these links on the page and i am trying to expand all with a one click bookmarklet.
i tried already to fetch the links with a custom js function named "getElementsByAttribute" but that didn't went out well and i didn't get any results, no matter what parameters i used with the function.
so i'm searching for another method for fetching all the methioned links or some correct solution using the named function. and i think i will might have problems with clicking/activating them all. ps. that is the first time i'm actively using javascript.
writing a javascript function to calculate the area of a specific area in map element wich attached to image once clicked by mouse on the relevant hotspot? here's down my code i'm trying to complete:
[URL]Example on this site u can test what i mean. I want that when all skillpoints are used further click function is disabled or better only works to disable selection to gain again a skillpoint. On current state u can see that when skill counter is at 0, 2 clicks messes up the selection and u can select further on. my code for each icon looks so far like this:
$("#2").toggle( function () { if (counter > 0) { $("#3").attr("disabled", false).fadeTo("fast", 0.50);
How to make an image map link to another page AND open a specific accordion section?I guess I need a script that knows which area of the image map was clicked and not only navigate to page 2 but opens the section via slide toggle I need it too.Here is the the page with the image map (although image map version not upload yet so I have what will be uploaded below)[URL] ...and the page I need to navigate to based on the area of the image map clicked and also slidetoggling the div I need it [URL] Here is the image map:
Now I am having problem the remove attributes are written on base of .change if I load the cookie at first then typeo option's disable attribute not getting removed. how can I use remove disable attributes and load cookies?
I'm trying to disable and reenable certain items in a .net 2.0 radiobuttonlist using jquery.I have 3 tabs which control which radiobuttons are enabled or disabled.when tab 1 is clicked I disable radiobutton 2 like:
$("#ctl00_cphMain_cblStatus_2").attr("disabled", false); when I want to re-enable radiobutton 2 neither of these 2 methods seem to be working: $("#ctl00_cphMain_cblStatus_2").attr("disabled", false);
I have several buttons within a table, i have made these buttons output information to the webpage upon being clicked. all of this works, but i can't seem to get the ouput to show up in a specific part of the table. is there anything i can do to target this area and have the output show up where i want it, as opposed to the bottom of the page?
I have been using tablesorter2.0 plugin to sort the table. My requirement is such that I don't want few rows to be sorted. Like i can add a class like <tr class="nosort"> for rows to whom sorting should not be applied. And rest all rows should be sorted. Can't find a way to do this.
I have a field that use the 'remote' option to call a server sidescript to check the field value.If the field value is wrong, after each new key pressed, the remoteserver side is called.This could be very ennoying and increase the load on our server.There is a way to disable the "onkeyup" event only for a specificfield ?I have tried :
I am trying to disable the user from being able to go to a new line in my text area. Why doesn't return false work?
Code JavaScript:
if (is_key(event, 13) && (with_field.value.length > 1)){ var search_list_ele_array = new Array(); var search_list_ele_array = document.getElementById('with_auto').getElementsByTagName('li'); for (j=0; j<search_list_ele_array.length; j++) {
I have a table that is 3 by 3. Each table I have a blank image. I wanted to make it, so when you click the cell area the image changes to the next and then to the third and then back to the blank. eg. blankimage, image 1, image 2. So, I am using the click function to activate it and the attribute option to change the image.
I am currently attempting to write a function that retrieves the name attribute from a list of items with a specific class name. To illustrate: Code: Show types of food: <input type="radio" name="food" id="fruit" onclick="setVisibility('fruit')"/> <label for="fruit">Fruit</label> <input type="radio" name="food" id="vegetable" onclick="setVisibility('vegetable')"/> <label for="vegetable">Vegetables</label>
I would like create a function called setVisibility to iterate through all the list items where class=food and return the value of the name, so that I can compare that to the radio box, and set visibility accordingly.
I'm working on a large page with lots of AJAX and .load() requests. However I have a lot of .click attributes that are applied when the page is loaded and I have to reapply them every time AJAX reloads those elements. Is there an easy way of reapplying the .click attributes once an AJAX request is complete?
Should I disable the right click option or not? I have a gallery site, I don't want people to be able to copy the images with the default right click over an image. From a professional looking site point of view I suppose I would be messing with the functionality a bit too much, OR is it OK in this instance to disable the click. I know how to write the code to disable the click, but what I was thinking was maybe it would be better to leave the right click but change the menu options? I'm not sure how to change the menu options ere is a link to the site. [URL]
i have a requirement in which i want to use click event to set some value into a jsp session object.
now from what i have tested, this seems to be logically very wrong, but the fact is that i want this thing to work somehow as there are no alternative for me in this case.
here is the code which i am trying.
$(document).ready( function() { var key = 'false'; // initial value
[Code].....
i know that this question might come into the category of absurd questions, but can anyone point out some logic for something similar, i have a jsp page and i want to set these values in the session based on the button click.
I'm trying to create an accordion (jquery ui) that shows information about its items when clicked. The information for these items is grabbed from 4 locations:- one to get the item's basic structure info one to populate an 'interoperability' info box where the 'service' and 'about' properties match a box like the 'interoperability' box, but for 'similarity' info a file with user-created 'annotation' information about sub-items that could be shown.
in a table I want to have a specific click event (calling a function) for the first cell of each row and another function call e.g. for the third table cell.I assigned different class names to these cells and used this script:$("#tab_kat tr").find(".firstCell").bind("click", function() { ... });And the same for ".thirdCell".But is this possible without assigning class names to reduce the size of the code?Something like that:$("#tab_kat tr td.cells[1]").bind("click", function() { ... });
