JQuery :: Showing A Random List Element Depending On It's Attribute's Value?

Mar 28, 2011

I have a page which contains an <ul> list with 5 items. Each of those items has a data-weight attribute which corresponds to its importance in the list. I have to make only one random list item appear and use the weight to make sure that the most important one shows up more often than the least important item.

View 1 Replies


ADVERTISEMENT

Jquery :: Pick Random Depending On Value?

Jan 10, 2010

I want to add a button, beside the "Add" and "Remove" button which pick random of users depending on a given value, lets say that the value is 2, then it would pick 2 users randomly and move them to box 2.

Code JavaScript:

$().ready(function() {
$('#add').click(function() {
return !$('#box1 option:selected').remove().appendTo('#box2');

[code]...

View 24 Replies View Related

JQuery :: Change An Element's Text Depending On Another Element's Display Property?

Apr 28, 2011

I'm doing a very simple expand/collapse function using 'slideToggle'. The button that triggers this event simply says 'Expand/collapse'. I want this text to change depending on whether an element is visible or hidden.

[Code]...

View 4 Replies View Related

JQuery :: Alternating Bg Colors In A List Depending On Boolean Value

Apr 22, 2009

I have a list that looks like this:

<ul id="thisList">
<li class="this0">content</li>
<li class="this1">content</li>
<li class="this1">content</li>

[Code].....

View 4 Replies View Related

JQuery :: Copy Element Attribute Values To New Element?

Sep 7, 2010

I would like to change all img tags with a certain class on the page as follows [code]...

I do not know how to "copy" the value of the img tag src attribute to the background url attribute of the div.

View 2 Replies View Related

Mootools Sortable List - Drag An Element From On List To Another But Leave The Original Element ?

Dec 17, 2009

I have some sortable lists.

I need to be able to drag an element from on list to another but leave the original element in its list and have a copy in the new list.

I tried this;

But it treats el and elcone as the same element.

View 3 Replies View Related

JQuery :: Tabs - Setting List To Display Depending On Class Of Body Tag?

Nov 6, 2011

I'm working on a site where we display two lists of boats, sail or power via the organic tabs plugin. Now, our client wants us to show one list type by default depending on the class of the body tag - for example, if the user was on a sailing boat page, the body would have a class of 'sailPage' and therefore the list that would be shown by default would be the 'sail list' - and vice versa for the power (although be default this one shows first anyways as it is the first 'panel' in the HTML') In my admittedly rather clumsy way, I've written the following jQuery function which does seem to work (well, the first half) - however when the user clicks back on to the 'power' tab whilst on page with a class of 'sail', the power list doesn't display. There also seems to be a problem in IE7 where the content of the lists will not display until you select the other tab first, and then select the second tab again?

<div
id
=
"sailOrPower"
>

[Code].....

View 3 Replies View Related

Attribute Like OffsetTop But Showing The Absolute Distance

Jul 23, 2005

A piece of html code:

<table>
<tr>
<td>
<input type="text" name="myInput" onclick="myFunction(this)">
<td>
</tr>
</table>

myFunction(el) {
alert(el.offsetTop)
}

Alert shows the distance from input to the top of the table or table cell.
Is there any other attribute which shows the absolute distance from input to
the top of the page ? Because of some reasons I can't add table's and
input's offsetTops.

View 4 Replies View Related

JQuery :: Changing Classes Of List Items Depending On The Amount Of Them And Current Class Name?

Mar 28, 2011

I'm trying to create a list that contains items which are filters for a search. The list shows 10 items (max) on the page load. if there are more than 10 it changes the class of the elements > 10 so they are hidden, and a 'show more' link is appended. Now if the user has 'unhidden' the previously hidden items and then chooses one, I want the class for all those previously hidden items to change until the user has deselected that item.

[Code]...

Is there a better, smaller way to write this? It works for what i need currently, but there are future features im planning that will not be practical checkingindividualindexes the way i've done it.

View 5 Replies View Related

Showing Random Images With SetTimeout

Aug 5, 2009

I'm trying to show random images with a timer of 3 seconds.I'm still learning this (starting to :s)

View 3 Replies View Related

JQuery :: Add Class To Element Depending On Anchor Of Page?

Jun 18, 2010

First, my url looks like this [url]...

I would like, depending on the value of the anchor called, to add a class to the box related.[code]...

View 14 Replies View Related

Jquery :: Ui Autocomplete List Only Showing 'undefined'?

Jul 12, 2010

Is it just looking for the default label:value items in the json to put in the list? Is there a way to specify what you want in the list as the label and value?I've looked over the ui docs for it, but can't seem to find an answer, that or I don't know what I should be looking at.

I've got it working (populating the list with correct number of values, putting values in the field after select), it just doesn't display the options correctly.

View 2 Replies View Related

JQuery :: Inserting A List Element Into An Ordered List?

Jul 19, 2010

I'm working on a project that requires dynamic manipulation of an ordered list -- adding and removing elements in response to the user pressing buttons. I've run in to some odd behavior. Here's my code:

HTML

<ol id="track-list">
<li>Static Content Here</li>
</ol>
<input type="button" id="add-track" value="Add Track" />

jQuery:

$("#add-track").click(function(){
var listEl = $("<li>Dynamic Content Here</li>");
listEl.hide();

[code]....

Looks pretty straightforward, problem is when I add the new list element it does not prepend it with any number (being part of an ordered list). Now if I remove the hide and fadeIn lines (just append it), it inserts it correctly with a number before it, but I want this to look pretty being jQuery and all...

View 3 Replies View Related

DropDown List Popup Depending On Selection?

Oct 27, 2010

Here is my dropdown menu:
<select name="peeps">
<option value="Frank Tompson">Frank Tompson</option>
<option value="Henry Wilson">Henry Wilson</option>
<option value="Bill Kent">Bill Kent</option>
<option value="Jessi McDonald"> Jessi McDonald</option>
<option value="John Hays">John Hays</option>
How can I make it so if I click on John Hays a JavaScript pop up will say Hello John Hays, and if I click on Bill Kent a popup will say hello Bill Kent and if I click on any other name nothing happens?

View 3 Replies View Related

JQuery :: Changing Forms Target Attribute From Select List

Jul 22, 2010

I have a form that I need to target either _blank or _self depending on a selection made in a select list.

View 1 Replies View Related

JQuery :: Autocomplete Border - List Is Not Showing Properly When Changing It's Width

Jun 24, 2009

autocomplete border for suggestion list is not showing properly when i am changing it's width.

View 1 Replies View Related

JQuery :: Remove A Dd-element If The Dt-element In A Definition List Has A Specific Css-property?

May 17, 2010

i have got about 50 definition lists on one html-page witch all look linke this:

<dl>
<dt class="title">aaa</dt>
<dd class="subtitle">bbb</dd>
<dd class="city">ccc</dd>
<dd class="email">ddd</dd>
<dd class="website">eee</dd>
<dd class="description">fff</dd>
</dl>

if the dt-element in one of the definition lists has a specific css-property (e.g. length > 100px) then the dd-element with the css-class "subtitle" in the same definition list should be removed.

View 2 Replies View Related

Changing Default Of DropDown List Depending On User URL

Sep 2, 2011

I have a form that I am using for several different pages as they are exactly the same... however at the top you must make a choice from the drop down box that then shows the appropriate fields to fill in. Can I make the drop down default to a certain option depending on which page they are coming from?

View 3 Replies View Related

JQuery :: Get Attribute Of Element Selected By Name?

Jul 23, 2009

I am just working on a project where i have to replace the href-attributes of all links by another string. The problem is, that i need the old href-attribute to generate the new one, and i have no idea how to get it

i tried it with something like this, but it doesnt work [code]...

I know there is some way to do it but i forgot it and i looked up the whole internet for it and didnt find it

View 1 Replies View Related

JQuery :: Get An Attribute From A Selected Element?

Jun 3, 2011

What I’m trying to accomplish is set an attribute called opacityin any element with a specified value that can be used to toggle whenever the user hovers over the element. The code below works perfectly but one other thing I would like to be able to do is retrieve the attribute opacity after the document loads and fade the element to that value instead of hard coding the ".66". This is probably fairly easy I've just never ran into a situation where I needed to do this.[code]...

View 2 Replies View Related

JQuery :: How To Add Attribute Like Mouseover To Element

Feb 16, 2011

I quite like the fact that you may add through JQuery an attribute like alt or title to an element. And I can see that you may also add mouseover using:
$('#aa').mouseover(function(){//does something in here});
However, I want to be able to pass some very specific values too and that's where I'm stuck for an answer. Suppose I want to attach the following:
mouseover="hm(this,'la1',5)"attribute to an <a> tag.
How do I do this by using exactly those values inside the "hm(this,'la1',5)" ?

View 2 Replies View Related

JQuery :: Select An Element With A Particular Attribute?

Jun 24, 2010

I have a standard menu structured with an unordered list. Some of the items in the menu have sub items, but are not themselves links. Here's an example:

<ul id="mainMenu">
<li><a href="">home</a></li>
<li><a>services</a>
<ul>

[Code].....

How do I select a tag that does (or does not) have a particular attribute? In my case, I want to be able to select all <a> tags in #mainMenu that do not have the href attribute.

View 7 Replies View Related

JQuery :: Change An Attribute Of An Element?

Jun 24, 2010

I am trying to change an attribute of an element but can't figure out what the selector is to select it.

the page code is like this

<div class="slideshow" id="slideshow"><span class="image-wrapper current" style="opacity: 1;"><a title="" href="#2" rel="history" class="advance-link"> <img alt="" src="images/samples/1.jpg"></a></span></div>

I want to add a top css attribute to the img tag.

I tried many things such as

$('.advance-link:first')
$('.advance-link:firstChild')

but none seem to be working. The img gets generated by another script so I can't add an id or class to it. I figured an expert at selectors would be able to explain how to select it.

View 5 Replies View Related

JQuery :: Getting Value Attribute Of Input Element ?

Oct 2, 2010

I have a table with several columns containing input elements populated from a database, e.g.,

On every row, I need to perform a calculation using the value of several input fields. So I tried to access the value of the first input field like so (which had worked in another function):

But for some reason it's returning a 0, and the line below also doesn't work:

But this returns the correct class, so I know it's finding the element:

And if I assign the input element an id, say "count," this works:

Obviously I don't want to fuss with individual id's to get the values. How to understand why the first two examples don't work, and how to fix them?

View 3 Replies View Related

JQuery :: Hiding One Non-unique Element After Showing It?

Sep 16, 2010

$(document).ready(function()
{
$(".postTags_opener").click(function()
{
$(this).next(".postTitle .postTags").fadeIn(1000, function()

[Code]....

The indentation is probably a little wacky, since I just copy/pasted, but that's what I've got right now. When you click on .postTags_opener, it shows the nearest matched .postTags; that is exactly what I want, since .postTags immediately follows a .postTags_opener. The problem arises when I then try to close it: .postTags_closer comes after .postTags starts, so that's probably why next() is bugging out.

View 2 Replies View Related

JQuery :: How To Find Image Element By Attribute

Dec 24, 2011

I'm having trouble finding the image element by attribute "MyAttr" whose value is supplied: when the "onclick" function is called:
<div class="MyImages">
<div class="imageClass">
<img ... myAttr="abc"/>
</div><div>
<img ... onclick="findTheImageObjectByMyAttr("abc");" />
</div><div class="imageClass">
<img ... myAttr="def" />
</div><div>
<img ... onclick="findTheImageObjectByMyAttr("def");" />
</div></div>

View 2 Replies View Related







Copyrights 2005-15 www.BigResource.com, All rights reserved