JQuery :: Selecting And Rating Multiple Items From A List?
Jul 24, 2009
how to implement this bit of UI wizardry. I have a list of categories and the user is asked to pick all applicable items and then rate them individually. Right now I have a long list with checkboxes. Whenever a user checks one of the boxes a rating control pops up next to it and they just select the number of stars they want to rate the item.
Although this works for my purposes, it's a bit clumsy and takes up a lot of real estate (I have 30 items in the list so far and this may grow). What would be the best way to get this done?
View 1 Replies
ADVERTISEMENT
Apr 15, 2011
I am missing something here but this is what I want to do. I want to select a checkbox as such
$('chkRequired');
Easy enough. But I want to then use $(this).attr('checked','true'); and then $(this).show(); and then $(this).next().show();
How can I formulate that into something like:
[Code].....
View 3 Replies
View Related
Jul 23, 2005
I have a javascript index that is similar to the one in the Windows
help. It has a text field that allows the you to type text and it
finds the closest item in the list below the text field. The list is
simply a select element with options that looks like this:
<SELECT>
<OPTION VALUE="1">A
<OPTION VALUE="2">B
<OPTION VALUE="3">C
</SELECT>
My problem is when I have a large list, the closest entry selects the
item in the list at the bottom of the list box, not the top of the
list box.
So here's the question: Is there a way to get the list box to display
the selected item and move it to the top of the list and not just find
it at the bottom?
To get an idea of what I 'want' it to look like, in Windows, go to
Help & Support (in XP it's in your start menu) and pick Index. I
basically want it to mirror that functionality.
View 1 Replies
View Related
Oct 8, 2009
I have a cgi script (using perl for database queries) in which I have two select boxes. I am populating the left select box with rows from a database, and then provide buttons for people to move items to the right select box.
So far so good, everything works, the move right, move left, and move right all and move left all buttons work, data is always sorted in both lists. My only problem is, when I click the submit button, the follow up program only displays data that was highlighted/selected in the right select box, not all of the data in the right select box.
I don't know how to tell the script, via javascript, to highlight everything in the right select box when the submit form button is clicked. I would think i could just call a function via -onClick for the submit button. I could use some help with the function to select all data in that list.
View 2 Replies
View Related
Oct 1, 2009
I have a dynamic table where I would like to update cells by using a drop list selecting from half a dozen items. I have searched W3Schools for a tutorial but I am obviously looking in the wrong place. The working code I have thus far is:-
function insRow()
{
var x=document.getElementById('myTable').insertRow(1);
var a=x.insertCell(0);
var b=x.insertCell(1);
var c=x.insertCell(2);
var d=x.insertCell(3);
var e=x.insertCell(4);
var f=x.insertCell(5);
[Code]...
View 2 Replies
View Related
Aug 28, 2010
I have a simple table structure, like this:
I'm standing at the first tr and I want to select every following tr whose class does include "detail".
I'm trying to do it with the following idiom:
However it's returning every tr, no matter if it includes "detail" or not.
View 1 Replies
View Related
Jul 2, 2009
I am writing a test harness for a web app using jquery. When recording a test, I add handlers for user interaction events (e.g. click on an A tag), and record details of the tag clicked. When playing back, I need to find the tag (so I can emulate a click on it). The A tags do not have id elements - the only unique way to identify then is to use the href. However, I have hrefs containing quote characters [typical hrefs include "javascript:Go('fred')" and even "javascript:Go("jimmy's ")"]. How do I construct a jquery selector to match these?
My first attempt (before I noticed the presence of the quotes) was
$("A[href='" + href + "']")
Interestingly, this hung the browser completely for many minutes!
View 1 Replies
View Related
Feb 14, 2009
I have an autocompleter in which i am trying to grab the text in the first element in a list of returned results from the db. I have been able to grab the first element in the list with the below code however, it brings up an alert for every realtime list that comes back so multiple times. Is there a clever way to make an if/else statement that forces it to alert only once?
var item = $('.title_div:first').text();
alert('this item ' + item + ' is the first to be showed');
View 2 Replies
View Related
Dec 15, 2010
how to select (or set the focus on) the first-child within an ordered list, effectively simulating a mouse click on the item.
View 1 Replies
View Related
Sep 15, 2009
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">
[code]....
View 4 Replies
View Related
Jun 10, 2009
I have an accordian list much like the example here : Say for instance i have page links under the heading 'Section 2' of that demo.How can i make it so that when you visit a page from these links 'Section 2' is now active (by that i mean expanded, instead of the first item as default)I am looking at this information provided on the same page , but it's not really making sense to me.Selector for the active element. Set to false to display none at start. Needs collapsible: true.Code examplesInitialize a accordion with the active option specified.
$('.selector').accordion({ active: 2 });
Get or set the active option, after init.
//getter
var active = $('.selector').accordion('option', 'active');
//s
[code]....
View 3 Replies
View Related
Feb 20, 2011
I am having checkbox list and on top "add new" link. As I click on add new link dialog box appear exactly on checkbox list with form items and with submit button and as I click on submit button. Checkbox list appear with new added items.
View 1 Replies
View Related
Jun 16, 2010
I am having trouble displaying in an alert the id of the list item which contains an image.here is the structure of li
<li id="IDr">
<img src="ImagesDoneTimelessDSC_0483_Thumb.png" alt="Zombie"/><span>Description</span>
<img class="Pink" src="ImagesPinkBanner.png" alt="Pink Banner"/><span
[code]....
View 2 Replies
View Related
Jan 27, 2011
I have 21 items in the list, but scrolling by hitting the right(next) icon only takes me to the 13th item and stops.
View 1 Replies
View Related
Aug 5, 2009
I have selected a list that contains sub-lists. Now, I'd like to search for the list items that contain sub-lists (but not including
the sub-list-items). I think the example below will explain what I'm trying to do.
HTML:
<ul class="start-here">
<li>Do Not Need</li>
<li>NEED THIS ITEM[code].....
View 3 Replies
View Related
Jun 3, 2009
I have created a simple portfolio item for a site I am working on, with left and right buttons to move between the visible thumbnails in the portfolio.
The problem is this: when I click on one of the left or right buttons used to scroll the active list items, it resizes the space between all of the thumbnails by 1 pixel per click, up to 10 clicks.
Here is the markup and my javascript:
View 1 Replies
View Related
Aug 3, 2009
I have a multiple select list
<select id=mylist name=mylist[]>
<option id=1>first</option>
<option id=2>second</option>
<option id=3>third</option>
<option id=4>fourth</option>
<option id=5>fifth</option>
</select>
Then I have a string of id's that I want to set to selected like so.
var selectedIds = '1,3,5';
Is it possible to use jquery (preferably in a one liner) to set first, third and fifth to selected.?
View 3 Replies
View Related
Jul 1, 2009
How would I target (with jQuery or normal javascript) the 5th and 6th li in an unsorted list for styling? I need to change the css for only 2 items in a list.
View 4 Replies
View Related
May 20, 2010
I want to list out all the items that are checked in a resultset. I current have this to display the checked items.
$(function() {
$('input[type="checkbox"]').bind('click',function() {
if($(this).is(':checked')) {
$('#mydiv').append(' '+$(this).val());
}
});
How can i modify the code to remove the items from the list when it is unchecked?
View 5 Replies
View Related
Feb 7, 2011
Can anyone please tell me how to select only top level list items?[code]...
The answer I'm looking for is 3, since that is how many main listitems there are. How can I target only these main items?[code]...
View 2 Replies
View Related
Apr 27, 2009
I want to modify the appearance of an unordered list by assigning a value to each list item and then setting the custom properties for each list item. At first I was thinking of assigning a number to each list item and then controlling it's properties via that number.But now I'm wondering if jQuery can do a search for the list items content.
View 4 Replies
View Related
Mar 1, 2010
I am having difficulties to deal with a simple remove function.
I have an item list with "listitem" css class. I placed a button on each item to delete it. I am now trying to use the remove function to erase it from the page. I thought $(this).remove(); will work but it doesn't. I also tried something like this: $(this).parent('.listitem').remove(); but it didn't work.
When I write $('.listitem').remove(); it erased all the items of the list. I m just trying to be able to erase just the one clicked.
View 5 Replies
View Related
Sep 12, 2009
I followed a tutorial in .net magazine (a UK web design mag) on how to fade images using jQuery. I have followed it and I can now fade images for my menu, problem is, I am not sure how to append the code to all my to fade images for non list items. For example, I have a call to action button (just a telephone number with a graphic, I have used css sprites to add a hover to the graphic, but would now like to fade it using jquery. Still not managed to get this working, here is what I for my menu, which fades the images perfectly.
html:
Code:
<div id="navigation_primary">
<ul>
<li class="home hover"><a href="home">Home</a></li>
<li class="services hover"><a href="services">Services</a></li>
<li class="work hover"><a href="work">Work</a></li>
<!--<li class="blog hover"><a href="blog">Blog</a></li>-->
<li class="contact hover"><a href="contact">Contact</a></li>
</ul>
</div>
Here is my jQuery:
Code:
$(document).ready(function() {
navigationPrimary();
});
function navigationPrimary() {
$('#navigation_primary li').removeClass('hover');
$('#navigation_primary li a')
.css({ opacity: 1.0 })
.mouseover(function() {
$(this).stop().animate(
{ opacity: 0.0 }
, 300);
}) .....
View 1 Replies
View Related
Mar 29, 2010
I would like to display only a certain amount of list items on a page.
View 3 Replies
View Related
Sep 23, 2010
I have a list of links in a sidebar, each with an associated class name. When one of these links are clicked, I want to fade out all of the main content list items that do NOT have this class (ie - if I click on boots, I want to fade out the list items heels and sandals)
[Code]...
View 4 Replies
View Related
Sep 18, 2009
I've got an infinite jQuery carousel, which is working, however I need to make a couple of tweaks and I don't know where to start. Below is the code for a visually simplified, but technically identical version:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "[URL]">
<html xmlns="[URL]">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Page Title</title>
<script src="[URL]" type="text/javascript"></script>
<script type="text/javascript">
$.fn.infiniteCarousel = function () {
function repeat(str, num) {
return new Array( num + 1 ).join( str );
} .....
Basically, I'm trying to achieve two things:
1. The script creates empty carousel items; these are visible in yellow when you scroll through the items by clicking on the blue squares. How can I remove these so that item '6' goes straight back to item '1', without the two empty list items in between?
2. At the moment two clicks allow you to see all 6 'real' squares, plus the two empty yellow ones. How can I make it so that it scrolls one list item at a time, rather than 4 at present?
View 3 Replies
View Related
