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.
I'm using this sortable method: [URL] Works perfect! I have one question though: When a certain action is taken by the user, I want to reset the original order of the <li>s in the list. I can't seem to figure out how to do that.
View 3 Replies View Related[URL] When I clone a list that is part of a Sortable, the Draggable objects are not bound to the cloned list, only the original one.
View 2 Replies View RelatedI'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...
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.
I am currently working within the Java framework using JSPs (and developing on NetBeans).
I am currently trying to develop a Javascript solution where I have two lists:
I am trying to create the Javascript solution where A,B,C are sortable and also 1,2,3; 4,5,6; and 7,8,9 are sortable within each list.
My script is the same as this http://www.w3schools.com/php/php_ajax_database.asp
When the data comes back to me its using
document.getElementById("txtHint").innerHTML=xmlHttp.responseText
I get the data back fine. However inside getuser.php my data is in a sortable list. If i use this code above. My data comes back but I can no longer sort my list and move things around (I'm guessing because its returned as HTML only). Can anybody give me a solution of what i need to change so my list is also sortable again?
When using lists (UL, OL), if you click on the bullet of a list item, that item becomes selected. Is there a way to prevent this or divert the focus elsewhere. Code:
View 14 Replies View RelatedHow can i set attributes to a specific list element by javascript?
My form looks like this:
Code:
<ol>
<li class="something"><asp:Label ID="lblPositionTitle" runat="server" Text="Position Title"></asp:Label>
<asp:TextBox ID="tbxPositionTitle" runat="server"></asp:TextBox></li>
[Code].....
I am developing a jsp page which displays a calender for this i have succeeded to get month correctly when coming to dates it is giving only one date.This is my problem so i decided to add an arraylist for dispDay but i dont know how to do this so pls suggest me to get dispDay i.e., days in a month with arraylist i am sending my jsp code and java bean file.
# <%
#
# 'Calendar loop
[code].....
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');
I have to be able to move a div tag that includes a select drop down menu with "top-right", "top-left", "bottom-right, "bottom-left" to the corresponding position within the webpage.This is what I have so far. It works on the first change but after that it crashing and does weird stuff.
View 1 Replies View RelatedWhen the page loads there will already be a drop-down on the page, here's an example of the drop down.
<select id="dropdown">
<option value="2121S">Option text</option>
<option value="2122S">Option text</option>
<option value="2123S">Option text</option>
<option value="2121A">Option text</option>
<option value="2122A">Option text</option>
<option value="2121K">Option text</option>
</select>
On page load it will evaluate this drop-down and repopulate it determined on their values. If there is an S in any of the values the drop-down will generate an option for 'S' like so.. <option value="s">S Option Text</option> And for the first code example in this post - the Javascript would be able to repopulate the drop-down with the following:
[Code]...
[URL] This site has a filter on it to sort by different industries. I see there is a lot of CSS done with it but not sure exactly how they built it
View 7 Replies View RelatedI know I've seen (free) scripts that do this, but I can't find them.
(Please see the mock up (link below) for reference.)
On the left, under the "Table of contents" there is a drop down menu.
Nice clean lines, simple. The choices will show a line under it.
"contributing artist" will give the option to sort a-z or z-a
The solution has to be compatible with the list below; it should be able to sort the entries and their thumbnails. Ajax?
[url]
This is on a linux server.
I have a bunch of DIVs (not an <option> List) each of the class "SongListItem". For one of the DIVs at a time, I set a "Selected" attribute, so it sort of acts like a ListBox. So two rows in the list might look like:
<div id="Item1" class="SongListItem">Item 1 Text</div>
<div id="Item2" Selected="True"class="SongListItem">Item2 Text</div>
Now I want to write a jQuery function which gets the ID of the SongListItem div that has Selected="True". So far, I have tried:
var SongID= $('.SongListItem[selected="True"]').attr("id");
and
var SongID= $('.SongListItem[selected="True"]').get(0).attr("id");
In both cases, I get a "Object does not support this method."
How do I get the elements from a form when these elements are named like each other? I'd like to make a list of values and store it in few hidden elements. It is suppose to work like a list of checkbox whose elements have the same name (and same id), but they are diferent indexed. [code]...
View 5 Replies View Relatedi have a couple of elements on my web page, that i want to manipulate in one loop.
jQuery.each($(".specificClass"), function(i) {
// do something
}
Within that loop i have to check what type of element that very one is e.g. a <div> or a <span> or an <img> or a <input type="button"> or something else.I managed to isolate some of them, the easiest was the button where i checked the following:
if ($("selector").is(":button")) {
// do something
}
In the jQuery API 1.3.2 there are some more useful Forms Filters like :input, :text, :checkbox etc. What i really miss is something for a drop down list. I would have expected that there is something like
if ($("selector").is(":select")) {
// do something
}
but i could not find it.It would also be great to have something to check if the element is an image. I have read that there exist such a check, but that is for images that are input-images within a form. I am longing for a simple check for an image somewhere in the web page.
if ( !isNullOrEmpty($("selector").attr("src"))) { // --- image ---
// do something
}
[code]...
I have the following HTML...
<div id="files">
<ul id="filelist">
<li>
<a href="/image/b/" title="Uploaded on 02-09-2009 at 5:53 PM BST">delle4200_1.png<span class="size">34.6 KB</span></a>
[Code]...
When the user hovers their mouse over the <a> inside the list item I need the <span class="size"> to sort of slide to the left a bit and another span to be inserted where the current one is (fade in)... This new span will have links like "Share", "Bookmark", etc inside of it.
I would like to achieve the following... I have the following list:
<ul class="menu">
<li><a href="something.html">First main</a></li>
<li><a href="something.html">Second main</a>
<ul class="sub-menu">
[Code].....
Now, I'd like to remove the link from the "Second main" because it has a submenu. I know that I can get that exact item using $("ul.sub-menu").parent() but how do I unwrap the link in it?
I have a form made up, and there is an option where the user selects "Male/Female". The way its set up is as follows:
var lastLink;
function setLink(theLink){
if(lastLink) lastLink.className="genderSelect";
theLink.className="selected";
[Code]....
What happens is that when the user selects a gender, the javascript changes the class of the list item to 'selected' which has its own properties.
What I need to do is send the information that is attached to the selected class through my form and into my database.
How would I create and pass that variable to my forms post file?
I want my script to loop through all the list elements and when it sees a class name of "more services" an alert window should pop up. The alert is so I know i've done it right-which I haven't.
Currently my code looks like this.
Code:
<script type="text/javascript">
var serviceList = document.getElementsByTagName("li");
for (var i=0; i< serviceList.length; i++) {
if (serviceList[i].classname == "more-services"){
[Code]...
I want to detect if a checkbox is checked inside each item of a list element. If it is, I want to hide both the checkbox and the div text.
[Code]...
i have the following code to get the change of position, I dont know how to make the list tell me the position of aspecific elementwhen i click it.
[Code]...
i am trying to use jquery UI sortable on my webpage to displaytoolbars. what i want is, let people sort these toolbars in the waythey like. i have named toolbars with id "1","2","3","4", and i savedsorted order to database via toArray method. i was wondering how icould display these toolbars with new order when people browser mysite next time, is there any method that supports it?
View 4 Replies View RelatedI'm new to this jquery and still learning, i having a question on how to make sortable list draggable? For e.g drag a list from sortable list to droppable zone and drop it, after drag or drop the list will back to sortable list.
View 2 Replies View Related