My problem mostly stems out of not knowing how to implement my problem, maybe someone in the jquery world can help. I need a grid to show a list of events. Think for example soccer matches. So for each you can pick the home team, draw or away team. The choice must be mutually exclusive for each match. My current solution has an extra column with a dropdown for your result.
I would like the actual items to be selectable. Im not forced to use a grid. A repeater would work too. The data source which is an object has the home and away team logo's, a match ID which is hidden from the user and a boolean value for home, draw and away. The latter boolean values are mutually exclusive.
So in essence I'd like to have a solution where you can click the home team logo and it will check the home boolean value and highlight the home team logo or select it in some way. The user should only see Home Team Logo, Draw and Away team logo and click on his pick. If he changes his selection then his old selection should be de-selected.
I have two check box. My requirment is if check one check box the other check box should be unchecked.Both should be mutually exclusive when checked. But both can be unchecked at the same time.[code]
It is simple and it works.But repeating it seems wasteful. I have a navigation menu that consists of an ordered list containing a group of list elements. This is a very common design pattern for navigation. Lets say that I want each list item to contain a div, and I want each div to be clickable.Yes, I know there is a usability issue there: relying on js to create hyperlinks is an ugly sin. But its easy enough to put an anchor element inside the "link div" for user agents without javascript. So here is our html:
So back to my problem:I want to make each div clickable. I could replicate my above js snippet for each one of the divs. But I know just enough about programming for that solution to seem kinda wrong.
We recently had our site redeveloped by a professional firm. We originally requested that users not be able to copy and paste text from our site. This has created an outcry and we would like to have text be selectable. I see that they achieved this by using jquery which I am not familiar. I believe that I have found the snippet of code that turns this ability off/on but I do not know how to write the correct code to allow selection of text. This is an IE specific issue, not a problem in Firefox. I have done some investigation online and found this: [URL]. It looks cut and dry but placing this solution in the js file does nothing.
I've recently started working with jQuery. Using v1.3.1 and UI v1.6RC6. I created an accordion with another accordion nested within it. I've set both to selectable. Things seemed to be working fine until I noticed that IE and FF were behaving differently. IE allowed me to open the accordion tab that contained the nested accordion, and then allowed me to open up the nested accordion. In FF, I could not open the nested accordion. I managed to get it working in FF by setting the cancel property to li element (which contained the nested accordion). Questions:
1) I traced through the code and didn't see where jQuery unbound the click event that should have been caught by the accordion headers. The only thing that I can see is that the selectable items catch the mousedown event, and when caught create a helper div element at the same position that the mousedown occurred and at z-index 100. I've read elsewhere that a browser registers a click only if the mousedown and mouseup occurred on the same element. Does adding this element fool the browser into thinking there wasn't a click?
2) Following #1. I've read that event bubbling follows the DOM hierarchy - from child to parent, However, is it correct to assume that the target element initially determined by the element with the highest z-index (assuming all different)? Once triggered then event would bubble up ignoring z-index?
3) If #1 and #2 are fairly accurate, does anyone have any idea why IE would seem to still register a click event? Maybe it ignores the fact that another element with a higher z-indez was added and simply compares mousedown/up coordinates?
What I'm trying to do is fetching Selectable option from my "subcat.php" by get method. It works in Firefox 5.0 and Google Chrome but it doesn't work in IE 7. As far as I know onreadystatechange=function() seems to be not working in IE 7.
version of Apycom's jQuery menu; you can find itat http://apycom.com/ and it is looking really good.I have uploaded files, and published it on a test site - www.flexin.beUnfortunately, some of the submenus starting from the second that haschildren elements, it adds the item on the top level in InternetExplorer.Does anyone on this list has any experience with this library?
I have an ASP.net page where I load a record set server side and upload it into a listbox. I'm trying to do all the movement functionalities of the listbox items client side. Specifically, I'm trying to figure out how to copy selected listbox items from one listbox to another -- on button click. I've searched for a while, but every example that I found moves the actual item into another listbox, I just want to copy the selected item to another listbox.
I'm having trouble with a plugin system that I'm working on. It involves binding a doubleclick with two elements that have the same id. The two elements are different plugins, and load appropriately, however the dblclick binding seems to not change between elements. Here's my code(simplified):
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml">
I have multiple ul with multiple actions on 'button' changes, i.e.:
<ul> <li></li> <li></li> <li></li> <li></li> <--this is to be hidden </ul>
[Code]...
The UL's are to show top 3 items let's say, and hide the rest. When items are hidden on page load [top 3], the Show button is on. When that is clicked, it shows all LI's for that UL and button/link text changes to Hide, and hides all other items of all other items of other UL's apart from their top 3 items.
When the items show, and the text/image is changed to Hide, hide's on click should also hide that UL's items and only show three items for that UL. 3 items are always shown.
I am trying to put the finishing touches on my client's website. The site was built with Wordpress as its CMS. For the site's 'Photos' page, I used the NextGen Gallery plugin to manage and display the image gallery. We (my programmer) made some modifcations to the plugin so that users could upload images from the frontend of the site. That was no problem.
Then I added a jQuery script that toggles each image's description text OFF and ON. It looks good on the 1st page of the gallery, but then if you click to page "2" you get taken to a screen that shows all the descriptions toggled ON. I don't know what's doing it, but something is causing all of these descriptions to show at once, which is NOT what we want.
Here's the jQuery script I am using (it's in no-conflict mode so it plays nicely with the other code libraries in wordpress):
Code:
var $j = jQuery.noConflict(); $j(function(){ $j(document).ready(function( ) {
[code]....
how I can make a 'description text box' disappear/fadeout when another one gets clicked? Right now you actually have to go back and re-click each one before it toggles OFF, which starts looking terrible after you've clicked a few of them.
Trying to get data from xml file. Got it. Trying add data in class. $(this).find('Category').each(function(){ var menuItem = ($(this).find('Label:first').text()) $(".DfMenu").text(menuItem) alert(menuItem) There are 4 menu item. Alert shows up right but it add same data in all menus one by one. How can I add four different menu item in four divs that is using the same class.
For some reason my loadFirstPage in the following code is unable to find the dynamically created list items built up in the buildGallery function. I have a button in the extended code that calls the loadFirstPage function on a click which works perfectly when I click it
var buildNavi = function(){ var naviTemplate ='<li class="prev"><a href="#" title="Previous">Previous</a> </li><li><span class="current"></span><span class="total">
I am having quite a bit of trouble getting items out of a json encoded array. I have searched this forum tirelessly and can't find anything except more confusion. I'm simply trying to retrieve data from a mysql db via ajax.
select.php: echo $json_encode_data; output is like so: {
[Code]....
Do you need to use a .json file when using .getJSON? I simply want to print data from my select.php file that has an json encoded array. If there is a more simple way to do this without using json encode
I want to compare the total number of checkboxes with the number of checked checkboxes of a certain nameI use these 2 functions:
alert($('input[name=checkItem]').length); // To get the total count alert($('input[name=checkItem]:selected').length); //To get the total selected count
I've been trying to work this out for a bit now but seem to have come a bit unstuck. I'd like to be able to use .find to search an <UL> element and find out if there are any items with two attributes the same as a search choice. i.e. : My UL looks like this :
I would like to do a search of the above UL and get back the id of the first LI element you can see in the list there by doing a search for typeref="E" && typeid="1". Is that possible using Jquery?
Here is the jCarousel lite page : [URL] And here is my project : [URL] Carousel pager works great, when you click a page, carousel switch to the chosen page. But if you try to drag an item outside the carousel (green border), the item won't go above the carousel border, but underneath.
I want to make a for loop with jQuery to reduce code, but it wouldn't work. This is the sorth of thing I want to do: run through an array of <li> and animate them separately with a pause in between.
Has anyone been successful in appending new items to the jQuery UI accordion widget? I'm trying all sorts of things, but however I manipulate the items in the accordion (like applying effects, or appending elements), it stops being an accordion. In case of appending, the new items do not act like part of the accordion. Issuing `.accordion()` on the parent after appending does not reactivate the accordion, etc.
