jQuery UI download
Tried download jquery ui the updated on two different machines and 4 different browsers and keep getting that it cant open an uncompressed file
droppable parents
hi guys, i'm trying to figure out, how i could declare drop-function for my elements easily: <div class="foo"> <div class="bla" test="1"></div> </div> <script> $( ".foo .bla" ).droppable({ drop: function(event,ui){ alert(this.attr('test')); } });but that fails and i dont know why, can somebody help me pls! thx
How to open an entry in an Accordion Menu using a Link?
Hello, i have a website where i have on the left side a button menu and on the right side an accordion menu. how can i get it to work, that when a user clicks on a button in the left menu, the associated entry in the accordion menu will open? thanks in advance.
$.get and rebinding
Hi, so I have the same problem that gazillions of other users seem to have: I cannot figure out how to rebind an event after an AJAX-call. I have a page (let's call it "name.php") with an ordinary HTML <select name="lastname" onChange="nameChanged(this);"> dropdown. The function nameChanged() itself does an AJAX call (simplified like this): function nameChanged(currentElement) { // alert ('test'); $.get('doSomething.php', { 'last_name': currentElement.value }, function(data){
JS functions help required
Hi, Can someone tell me if the last 4 lines of the script below need anything more added to them? Related to these functions, the superfish module page in Joomla has identical baloon messages while hovering over functions that all say " callback function fires when Superfish is initialized : 'this' is the containing UL. ??? and there is a form window to add in something but I don;t have a clue as to what I should put in there. My question is what if anything should be added and where does it go?
arrangement of jquery
Respected Member, I want to know the standers of arrangement of j query scripts .so i used all the j query effects and help Please do need full. Thank you
error in $.cookies
$.cookie is not a function error has arrive when i run such code including cookies file. $(document).ready(function () { /*-------------Language Control Star-------------------*/ var lang = $.cookie('language'); if (lang == null) { var date = new Date(); date.setTime(date.getTime() + (60 * 60 * 1000)); $.cookie('language', $("#<%=ddlLanguage.ClientID%>").val(), { expires: date }); } else {
How to nest form fields?
I have collapsible-set -> fieldcontain -> controlgroup with checkboxes. I'd like to embed a text input field within a checkbox (bar). It's not working. Any alternatives? What I try to achieve? Let's say I have to make a choice of colors: white, almond or custom. Selecting one excludes the others. When custom, I need to have a text field to collect that custom color. Very easy to do for non mobile pages. Any ideas?
how to click to know the position in sortable list
i have the following code to get the change of position, I dont know how to make the list tell me the position of a specific element when i click it. please give some idea. $( "#sortable" ).sortable( { start:function(event, ui) { startpos=( $(ui.item).prevAll().length ); }, stop:function(event, ui) { stoppos=($(ui.item).prevAll().length ); } });
traversing one level of dom with nested dom elements.
i have been trying to recreate some XUL in html5 using jquery i was working on making the groupbox with caption and i am going to make it so if you add more then one caption it removes all but the first caption as a groupbox can only have one caption. and it works great till you put a groupbox inside another groupbox. the nested groupbox elements lose there captions. only the first groupbox will show its caption the right way. if($("xul\\:groupbox").length){ $("xul\\:groupbox").each(function(){
Question
Hello everyone, Maybe it's a dumb question, but I've stumbled at this and can't seem to find the answer. I have the following code: var pager = { $btnNext: false, // here "this" points to the "pager" object init: function(id){ this.$btnNext=$('.next',$('#'+id);); // find a button this.$btnNext.click(this.next); // register the object's "next()" method as a handler to the "click" event }, // here "this" points to the button next: function(){ // I need
setting input text from UI Slider
Hi there, I am trying to display the values from a slider as I change it. I can only get the text to init properly, but not update upon changing the value with the mouse. Could someone please suggest a solution? Thanks. <!DOCTYPE html> <html> <head> <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script> <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
Connected sortable grid lists behave weirdly, when dragging from second, third etc. row of a grid to an one-line grid
I have two lists as grids, so <li> elements have float:left. There is a list with the height of a single <li> element (so it looks like it's only one row). Below this, there is another list which has got no limit to its height. When I have one element in the first grid, and I move another element to this list from the second, third etc. row of the other list, the placeholder appears at the first place in the one-line list wherever I move the element. And this also happens when I have two or more
URL not showing in browser address box
I am very new to jQuery. I have taken over a previously designed site. I need to show the actual page url in the browser's address box. For purposes of being able to create links (in emails, etc.) which point the customer directly to the product on the site. As of now, you can only go directly to the home page. The site is: http://www.chimneysupply.com Is there a simple solution to this? Thanks. -rsmed1
asynchronous tests sometimes call start() after timeout
Imagine a test script with two tests that looks like this: test("some test description", function(){ stop(3000); // set test timeout at 3 seconds async_call(parameter, function(){ ok(true, "This assertion passes"); start(); }); }); test("some other test description", function(){ ok(true, "another assertion that returns true"); }); If the first test times out during async_call but it comes back later, its assertion (ok) gets run during the second test ("some other test description").
hiding list when another anchor is clicked
Hi there, thanks in advance to anyone kind enough to help me with this! This is my FIRST attempt at using Jquery to make a site menu for a client, and I'm pretty new to Javascript as a whole.. I have a two column horizontal menu, and when an anchor on the left column is clicked it brings up a list in the right column.. how do I hide list in the left column when a different anchor is clicked, bringing the new list to the top of the column? here is my code, Thanks again!!! <style type="text/css"> ul.nobulletnoindent
how to click to know the position in sortable list
i have the following code to get the change of position, I dont know how to make the list tell me the position of a specific element when i click it. please give some idea. $( "#sortable" ).sortable( { start:function(event, ui) { startpos=( $(ui.item).prevAll().length ); }, stop:function(event, ui) { stoppos=($(ui.item).prevAll().length ); } });
Sortables Question
The first paragraph in this post explains my question well. I was wondering if there was an option to make elements that are moved by the item you're sorting to do a sort of revert to their new area, rather than just jumping to it. Is such an option in existence?
building customer jQuery UI fails
When unzip the the built file, it always says the zip file is invalid.
Sortable and cookies: how to restore order after a page update ?
I'm at first try with JQuery UI and i'm trying sortable. All is working fine, but now i'd like to learn how to save sort order and restore after a page load. I've latest jquery + jquery ui + jquery cookie plugin.
Calendar Position
Hello everyone, I am using JQuery V. 1.3.1 If a date field is on the top of the page, the calendar shows up correctly right near the date field. But if the date field is set to the bottom of the page, the calendar appears somewhere in the middle of the page, which I have to scroll the page up to see the calendar. Please direct me how to solve this problem. Thank you very much!
Cascading toggles
I figured out the toggle thing, starting with two pictures showing, clicking on one to hide the next. Code below. However, I want to start with one picture and click that to show the second. And then I want to be able to click the second to show a third and so on, ending with a link after clicking the last picture. How do I do this? <html> <head> <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("button").click(function(){
.ajax fires both the error and success events
I'm very confused by an odd behaviour on my staging server. I have this code: $('#pdf-link-exists').hide(); $('#pdf-link-missing').hide(); $.ajax({ url: 'http://www.domain.com/theme/company-one/files/procedure_standard_1234567.pdf', type: 'HEAD', error: function(jqXHR, textStatus, errorThrown){ $('#pdf-link-missing').show(); }, success: function(data, textStatus, jqXHR){ $('#pdf-link-exists').show(); } }); It should be checking to see if a files was created
[jQuery] $.post array
Hi there I'm trying to send some data to a server side function via $.post My code looks like this: $.post("ajax.php", {page:"mypage.php", action:"functionName", params:["param1", "param2"]}); Basically ajax.php does an include of mypage.php and calls the functionName(), passing the array of params. The problem I'm having is that when I have more than one value in the params array, the data is not sent correctly. In FireBug the XMLHttpRequest being generated from the above code is <pre selected="true"
jQuery UI Dialog - rearraning DOM
I noticed that when calling .dialog() it moves the html elements to the very end of the document. This is a problem for me because I want my forms submit button in the dialog (while other form elements are not) - however, because it re-arranges the HTML, my submit button is no longer within my form tag - so the submit button does not work. Is there a way to prevent dialog() from re-arranging the DOM? Example: JS $('#saveDialog').dialog(); HTML <form method="post" action="/whatever"> <input type="text"
[jQuery] $(document).ready with ajax
I am loading a page with severl jquery events on one of the divs. Depending on interaction with the user, the div triggering the jquery events could be reloaded from an ajax call. But as it stands now, new content that is added to the dom is not triggering the code in the original $(document).ready() supplied in the head. If I want the page to set up those events again, I have to reimport the js file containing my jquery events (this causes to copies to exist in the dom. Is there a way to force the
Submiting form after animation
Hello I have a small problem with a form. After i click on a submit button a small animation starts, i would like to submit form after animation but nothing is working. I tried different methods and i also checked html for errors. Code of function: $(document).ready(function(){ $("#button").click(function() { var productX = $("#first").offset().left; var productY = $("#first").offset().top; var basketX = $("#basket").offset().left+15; var
getting id of button that triggered dialog window
hi. i'm using the dialog widget, and i'm wondering how do you get the id of the button that triggered the opening of the dialog window? for example, the demo here http://jqueryui.com/demos/dialog/modal-form.html has: <button id="create-user">Create new user</button> I want to be able to get the "create-user" id, but how? thanks!
creating dynamic jquery tabbed panels
hi everyone! i'm trying to create an dynamic jquery tabbed interface and need some help. so far i've managed to draft a rough idea of how i wish the interface to look like and would currently appreciate suggestions on how to get production under way. 1) this is default tab that is opened once the page loads 2) there is an open control right besides the default tab 3) once the open control is selected a drop down appears querying my database of all the categories selected, once a category has been
Missing scroll bars...
Hello... I am taking a look at .jscrollpane.js and would like to have 3 scrolling div's on my page. I have 1 correctly styled scroll bar in the first, but not in the second 2. Do I need to adjust this line of code... $('.historyScrollTableBodyContainerA').jScrollPane({showArrows: true}); ....??? I thought it would be something like... $('.historyScrollTableBodyContainerA,.historyScrollTableBodyContainerB,.historyScrollTableBodyContainerC'').jScrollPane({showArrows: true}); ....but that didn't work....the
Scrolling Content ?
Scrolling Page Hi all I have this Demo where the nav on the side scrolls the div containing the content It works ok but the the first yellow div flashs up when the scrolling is upwards From One to Two and One to Three the scrolling is fine. From Three to One there is a flash of the first yellow div. Can anyone help with this it's driving me mad. Any help would be greatly appreciated. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html
JQuery Cycle problem in IE
I've made a very simple Slieshow with JQuery Cycle plugin (following the "instructions" at http://jquery.malsup.com/cycle/) but I'm having some problems with IE. My example is in: http://web.ist.utl.pt/ist155465/Cycle/cycle.html The problem only occurs in IE (for Firefox is fine) and consists in a problem in passing from last to first image (please see the example) and the apear of "pages" control. I found that if I remover the DocType line (from html file) the problem is solved but I need that line
Help: .bind function
<html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <script src="jQuery/jquery.js" type="text/javascript"></script> <script type="text/javascript"> $('#test').bind('load',function () { alert('Hello'); }); </script> </head> <body> <div id="test"></div> </body> </html> Why message Hello don't display? How can bind an event after loading <div id="test"> element? Thanks a lot.
How to add an attribute like mouseover="hm(this,'la1',5)" to an element using .live()?
Hi, 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)" ? Thanks for
Using similar dialog styling in custom dialogs
I'd like to be able to have a consistent look between the default jQuery UI dialog and custom dialogs I create with markup. The buttons on the default dialog are smaller than buttons I add to a dialog which I have created using .button() There is also a border around the div that contains buttons on the default dialog. I tried adding the "ui-dialog-buttonpane" css class to my inner div that contains the submit button and the button disappears.
Groupon Clone
How can do seo? for our website? by Mr. Groupon Clone
Problem using jQuery in Internet Explorer 7
Well, while you position jquery as a cross-browser framework, I experience severe problems using this framework in Internet Explorer. To be more specific, let's say I have this function: function clear_block_contents() { $('#pTitle').empty(); $('#pageText').empty(); } It works perfectly in all browsers, even in IE8. Except for IE7 which reports that there is no such element, although I do have an element with the ID 'pTitle' and 'pageText'. The other problem. Look at this function: function
tablesorter plugin order columns
Hi all, I using tablesorter but I have a problem: My columns contains link... for example: <tr> <td>Hello</> <td><a href=.....>10</a></td> </tr> <tr> <td>Hi</> <td><a href=.....>20</a></td> </tr>If i order second column, order is not correct! How can I solve it? Can I use link attribut in table sorter? Thanks in advance
siblings question
$('img').each(function() { // define var $imgHover = $(this).attr('imgHover'), // swap image name, already gave by php $imgOut = $(this).attr('imgOut'); // origin image source $(this).data('isClicked', false); // click function $(this).click(function() { $(this) .data('isClicked', true) .siblings() .data('isClicked', false); // here is the question I want to ask // I need to get each attribute to change each image // can I catch each attribute when using siblings? // and then I can do this function
[pb] single html with multiple data role page
Hi, I have single document "list.php" wich generate a multiple data role pages. I When I load list.php directly it's ok. I can navigate into my multiple pages, so the multiple page structure is ok. But if I load list.php from a page that was loaded via ajax, it doesn't work and load the last (data-role page) in list.php List.php is link via a form : <form action="list.php" rel="external" data-ajax="false" method="put"> I have no ideas....
Next Page