how to create a checkbox tree with checkbox only at leaf nodes
According to **jstree** all the nodes includes parent and childnodes will have the checkbox next to it by default. jstree but i want something like this.easyui where there are options for cascade and leaf node check. A sample has been given below. <div id="jstree"> <!-- in this example the tree is populated from inline HTML --> <ul> <li class="node" >Root node 1 <ul> <li id="child_node_1">Child node 1</li> <li>Child node 2</li>
Jquery Mobile what's new
I have been looking for a long while for this section and not found only detailed technical data in programmers' jargon. Is there a what's new list for general public?
list-style Custom autodivider selector for select menu
Hi Is there a hidden way for jqm 1,4 to have autodivider selector in select menu as in list? Or can list be seen as a single row and drop down when click? I need a drop-down with autoselector.
jQuery UI dialog in form
I have created a modal dialog inside a form. The intent is to display some optional fields if the user clicks an "options" button. I found that when autoOpen is false, the trigger button allows the dialog to flash, but immediately close. It works ok with autoOpen true, with the exception that the dialog is opened immediately. If I remove the <form></form> tags, the dialog works properly, but of course it is no longer a form. Is there a way to use a dialog inside a form in this manner?
HELP!
I am very new to this, reasonably competent in HTML and CSS. I need to change this from an 'on click' function, to automatically move every 4-5 seconds. Whats more, if possible, I would like to change it further by having each object move back slightly then to accelerate off the screen instead of leave at a fixed rate of speed. Is this possible? $('.box').click(function() { $('.box').animate( function() { if ($(this).offset().left < 0) { $(this).css("left", "150%");
hasClass error
What am I, a beginner in jQuery, doing wrong? $(document).ready(function() { $('img.pix4').each(function(index, image) { ..... if (this.hasClass('xyz')) { console.log('img is in group xyz'); } }); I get an error: Uncaught TypeError: Object #<HTMLImageElement> has no method 'hasClass' Using image.getClass gives the same error. All other functions such as .getAttribute() work.
wrapping event handlers with document.on(pageinit)
I'm writing a simple mobile web site using JQuery Mobile. I wrote this code to handle clicks on anchors pointing to bookmarks within the page. I put the code within a function, and I call the function from within the head HTML section. Here is the code: function initPage() { // Anchor links handling. $(document).on('vclick', 'a[href^=#][href!=#]', function() { location.hash = $(this).attr('href'); return false; }); } Here is HTML fragment calling the
What Jquery and css reference do I need to make my popup window work?
Hi I'm trying to create a popup window. I noticed that many samples have ... script language="JavaScript1.2" src="css_js/jquery-ui-1.8.17.custom.min.js" ... On the page. I don't have access to this reference. Have JQuery 1.5.1.js and JQuery-ui-1.8.11.js. Do I need to upgrade my JQuery. If so how do I get the latest update? I'm using Microsoft al Web Developer 2010 Express and I though I had the latest JQuery by updating through the NuGet Package Manager. What do I need to make my popup window work.
Ajax Successful status not received
Hi, Not receiving the Success returning message for a Ajax call. The MYSQL update request did update the required records. Not 100% sure how to generate the message. $.ajax( { type: 'POST', url: "file.php", data: {oldemail : oldemail_, newemail : newemail_}, dataType: 'JSON', success: function(data) { $('.calendargrid_email').append("<p>
[SOLVED] Extract from a select multiple values separated by type
Good evening, First of all I want to compliment the "comunity", a source of valuable resources and useful tips for those who, like me, you are approaching the wonderful world of jQuery! I have a problem related to the extraction of values from a multiple select. Basically, each option has two values: name and email. For each selection I want to place separately the two values in two different <div>, eg. the names in the class nomi_selezionati and emails in one class email_selezionate.
Adding bullets on Imageslider
I want to show bullets that can be used for navigation.Please help.
jQuery Autocomplete: Help with implementation on textbox
I've coded all the components for the jQuery autocomplete widget, but I'm having some trouble getting it to work. This is what I've done so far: 1. Added the following links to my PHP page's head: <link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1/themes/redmond/jquery-ui.css"> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1/jquery-ui.min.js"></script> 2. Created
revert handle value in multi handle jqueryUI slider
I have a multi handle jqueryui slider having range -30 to 50 , initially all handles set to zero. I want that if user slide any handle below zero then it automatically get set to zero. jquery: $(function () { $("#mySlider").slider({ min: -30, max: 50, values: [0, 0, 0], slide: function (event, ui) { $(ui.handle).text(ui.value); }, stop: function (event, ui) { if (ui.value < 0) { //here I want to set handle value
:empty filters
Hey Guys. I am trying to use the empty filter on a td but it doesn't seem to be working. Any suggestions as to why it might not be working? Thanks! $( "td:empty" ).text( "Was empty!" ).css( "background", "rgb(255,220,200)" ); TD 1
jQuery Rondell Scroller and jQuery UI Dialog don't play nice (z-index)
Hello all, I have a Rondell jQuery scroller plugin and wish to use a number of jQuery UI dialog widgets on the same set of pages with the scrollers. However, the z-index of the dialog widget cannot be set to what I need, i.e. on top of everything, no matter what I have tried. The modal only partly works in that the Rondell scroller also appears above the greyed-out page and above the dialog as well. I have searched through the jQuery UI site, tried the options from the docs and from user suggestions
jQuery Rondell Scroller and jQuery UI Dialog don't play nice (z-index)
Hello all, I have a Rondell jQuery scroller plugin and wish to use a number of jQuery UI dialog widgets on the same set of pages with the scrollers. However, the z-index of the dialog widget cannot be set to what I need, i.e. on top of everything (modal only partly works), no matter what I have tried. I have searched through the jQuery UI site, tried the options from the docs and from user suggestions for dialog widgets all to no avail. These are a few tries: this.css('z-index', 100000); dialog("moveToTop");
How to re-enable option from drop down
I can't re enable a option from my drop down. For some weird reasons I can disable but can't revert back. Is there any work around on this? I'm using SharePoint 2007 $(document).ready(function() if($("#ctl00_m_g_98b27f90_2d47_4399_9f55_39944c5c3d72_ctl00_ctl04_ctl23_ctl00_ctl00_ctl04_ctl00_DropDownChoice option[value='Validating']")){ $("#ctl00_m_g_98b27f90_2d47_4399_9f55_39944c5c3d72_ctl00_ctl04_ctl23_ctl00_ctl00_ctl04_ctl00_DropDownChoice option[value='Analysis']").attr("disabled", "disabled");
Altering a map created during 'pageinit'
Hi, I am using a multipage template and in order to avoid one error with google maps, I placed the map initialization in the location 'pageinit' event. I am now having trouble altering the map with a radius circle about the center point. I am putting the circle size in localStorage and retrieving it. But even though that value alters I cannot seem to make a dynamic radius. . How do I alter the map created in the 'pageinit' script dynamically. I have tried to make a var which is a circle and set it
Is this a Jquery lightbox set-up?
I work for a small company and we really like the look of this lightbox page. http://www.roguefitness.com/facility-outfitting/rogue-equipped-gyms/facility-gyms.php Is this something that a Magento Extension could do? If not, would this require a web developer to put together? Can anyone (you reading this) put this together? Any and all advice would help! Thanks in advance.
AJAX Form plugin - wait for event
I'm using the AJAX form plugin from http://malsup.com/jquery/form/ and I was trying to do some image pre-processing in the beforeSubmit function, but since the image processor relies on FileReader.onload, which is asynchronous, the form attempts to submit before the processing is complete. If I simply return false in beforeSubmit, I can't seem to see how to later continue the submission from the onload callback, although I may well be missing something obvious. Any suggestions?
Jquery animation problem
I don't know if this is a bug or what, but what I do know is that I have a drop down menu that uses Jquery and a image rotator that also uses it and when the menu is dropped down and the image rotator does its animation the rotator covers up the menu. I have attached a couple of screen shots of the issue. Is it possible to fix this? Or do I just need to move the rotator?
Validate Session timeout in Jquery
Dear All, I have implemented setTimeout method to validate user session and redirect to login page when it expired as below. setTimeout(function () { var Confrimresult = confirm("Your Session is Expirted, Do you want to reload Page?"); if (Confrimresult == true) { window.location.href = "myloginpage"; } }, 20 * 60 * 1000); this works fine, but in our page we have some jquey ui sortable,draggable, droppable are using, when user perform this action, the above
Ajax returning the error from server plus the header
Hi, this probably has been posted before but after some hours of searching i couldn't find anything. i have a form that collect data from the user and it is process using php before been inserted to the database.To process the form i created a page call upload.php. This page has a header footer and the form itself. I'm using ajax to collect the data coming from the server to let the user know the status. The problem that i'm having now if for some reason there is an error in the form, let say a
Bug with iOS 7 in Guided Access mode and JQM
Can anyone give me any insight as to how this problem might be resolved? With iOS 7, in Guided Access mode, the Select input no longer brings up the selection list. It just highlights and does nothing. To demonstrate, use this link to JQM 1.3.2 demo page using an iPad with iOS 7 and Guided Access turned ON (details below): http://view.jquerymobile.com/1.3.2/dist/demos/widgets/selects/ Steps: 1) Turn on Guided Access in iOS 7, on an iPad, Settings - General - Accessability - Guided Access - ON -
Datepicker Demo not working
Hi, I tried the datepicker demo for jquerymobile 1.4 with Win7 Firefox 26 and a Galaxy Tab 8 Standard Browser. In both browsers the popup datepicker loses all functionality and styling after changing the month by pressing next or previous.
Jquery dialogue box on windows xp IE 8.
I am using Jquery dialogue box on windows XP IE 8. I am getting following error Message: HTML Parsing Error: Unable to modify the parent container element before the child element is closed (KB927917) Line: 0 Char: 0 Code: 0 On other versions of IE and other browsers everything is working fine. For using a dialogue i have used it in a traditional way, by using a div with an id <div id='x' style='display:none'> Hello </div> and using it like $( "#x" ).dialog({autoOpen: false, modal
Disable collapsible [SOLVED]
Hi, I disabled a collapsible via javascript: my_collapsible.collapsible( "disable" ); But now the collapsible looks like the other ones but it does not react when I click on it. Is it possible to dynamically change the collapsed icon to a cross and gray out the text so it is visibly disabled? Thank you!
Dialog Modal disable all page, even dialog modal
Hi, when i use dialog as modal all page get disable even dialog and all controls inside dialog. Any idea about it? Thanks in advance.
Error using PlugIn printThis
Hello everyone I'm trying the contents of a JQuery dialog to print. I put this one the JQuery plugin print this. JQuery Version: 1.9.1 JQueryUI Version: 1.9.2 The content of the dialogue is an image which is larger than the dialogue is therefore a vertical scrollbar visible. In Firefox everything is OK, but I get the following error message in IE9. Error calling scrollable.onBeforeSeek: TypeError: Permission denied. I hope someone can help me. Thanx Talki
jquery Animation problem
Hi, I have a little Issue When I hover on cartbox button then it shows cartbox toggle effect(small-big animation), I need when user hover then it goes bigger and when user hover out it goes small but it animating continuously. checkout the link http://www.fltech.in/template1/ rollover on cartbox buttons
.has()
I am also trying to use the .has() filter to add a class to the text inside the Div tag "Test". It doesn't work. I don't seem to figure out what I am doing wrong here.... <script type="text/javascript"> $(function() { $("div:has([id=first])").addClass("a"); }); </script> <style type="text/css"> .a { color: Navy; } .b { color: Maroon; } </style> <div id="first">Test </div>
Uncaught TypeError causes dropdowns not to work
Hello, I'm trying to get a dropdown menu in wordpress to work properly and I think i have a jquery error keeping it from doing so. Can anyone assist and let me know what is wrong and where to find the error. I have both jquery 1.8.2 and 1.6.4 running. The error i receive is: Uncaught TypeError: Object [object Object] has no method 'on' hoverIntent.min.js?ver=r7:1 a.fn.hoverIntenthoverIntent.min.js?ver=r7:1 (anonymous function)(index):154 e.resolveWithjquery.min.js:2 e.extend.readyjquery.min.js:2
Why some Jqueries work and some don't?
Hi; I have a page with lots and lots of Jqueries but only some of them work! What I can tell is that Jquery is being loaded and accessible by the page. The page is HERE. For example when I click on <a id = "rubber"> (the RUBBER button), it should change the value of the text box above but it doesn't. It's in line 400 of my code: //Rubber $('#rubber').click(function() { $('#buttonStyle_DB').val('2'); }); Thanks for help.
Accordion on SharePoint's td element
I'm trying to use Accordion on my SharePoint project and I have this CEWP using JavaScript that creates a header placed under <td> element (see attached) class name "sectionHeader" the problem is its not working. Do we have some work around so I can use it on a table tag?
Allow .html() to be used on Shadow DOM
The Shadow DOM currently allows for the .innerHTML property to be used to modify the HTML. Is it possible to add this functionality to the .html() method in jQuery?
Accordion Positioning of Headers
Hi Looking for some help in trying to resolve what ought to be a simple problem. I have a very straight forward accordion setup, as per following code. It uses standard <h3> elements for the headers, and insofar as that goes it's working great. However, the extra bit I'm trying to achieve is in getting the web page to scroll so that the header that is clicked upon positions to the top of the viewport. For example, if I click on an expandable <h3> header within the accordion, that section expands
How to send a form using Ajax and jQuery Validation?
Hi I'm using the jQuery Validation plugin. When I press the submit button, I get forwarded to my php file which is included to the action attribute. I just want all the data get sent to my email without to jump to the php file. So how would use Ajax on this plugin?
using setInterval to check for a file I am waiting for
I am try to make a timer that periodically checks to see if a file has been written. Once the file exists I will read it and format output. This is what I am trying, but it seems to have created an infinite loop and I never get to success: <!DOCTYPE html> <html> <head> <title>timer</title> <script src="http://code.jquery.com/jquery-latest.min.js"></script> <script> $(document).ready(function(){ var myVar=setInterval(function(){myTimer()},1000); function
Datepicker
My question is how i can combinate the funtion beforeShowDay with onSelect: function(date, instance) { window.location = date+".html"; } (thanks kbwood.au) is already running with the second, but i cant make works with the other, i want that just the saturday is enable and in the same time when i click on the saturday can redirect in another html acording to the date(done)
Jquery AJAX problem
Hi, Im trying to do a SELECT REPLACE an old email with a new email in side MYSQL Thanks // search and replace email $("#myemailreplace").click(function() { var oldemail1 = $("#oldemail").val(); var newemail1 = $("#newemail").val(); $.ajax( { type: 'POST', url: "fixemail.php", data: {oldemail : oldemail1, newemail
Next Page