Creating selector for ul/li's
Have a hard time finding the best combo of selectors to get the text value of a li > a parent of a child ul > li choosen. In example below when I click "Add Files" I need to get the parent value of "File Links": <ul class="dropdown-menu appNavBar"> <li id="appNav4" class="appNav"> <a class="trigger left-caret">File Links</a> <ul class="dropdown-menu sub-menu" style="display: block;"> <li id="fe3"> <a id="lnk_fe3" href=" index.cfm/fileexchange/main/home"
recognizing html element in JQuery for CSS class under class.
My HTML code below has nested CSS classes <div class="homepage"> <section class="hp-top"> <div class="container"> <div class="userMenu"> <ul> <li><a href="#" class="home"><span></span></a></li> <li><a href="#" class="News"><span></span></a></li> <li><a href="#" class="about"><span></span></a></li> <li><a href="#" class="contactus"><span></span></a></li>
Buttonset failed accessibility testing
We recently had our website fail accessibility testing because of buttonsets not giving any indication of keyboard focus being anywhere on them. All other jquery ui widgets that we use do show keyboard focus. Not this one. Using the keyboard, it is quite difficult to use buttonsets (especially for checkboxes - radio buttons are a little easier) because you get zero visual indication as to what button in the buttonset currently has keyboard focus. This is with jQueryUI 1.11.4 and with all themes.
Can't Get Previous page URL using jQuery
Hi, I have facing an issue for getting previous page url while using document.referrer property using JQuery. When i'm going to click back button on current UI page(page2.html), it'll go to the previous page(page1.html) but again i want to come back to the current page(page2.html), It'll work instated of before clicking the back button i press f5 key, here the document.referrer property value is getting empty so that i can't get back to the current page. If anybody knows this issue kindly let me
commas and brackets ! ???
in tutorials and definitions for example in this page why do they write like this: jQuery.extend( target [ , object1 ] [ , objectN ] ) what does this syntax mean ????? why dont they write this way : jQuery.extend( target , [object1 ] , [objectN ] )
jQuery.fn.extend()
my functions are arranged as followings: var myBase = { myCat1: { myFunction1: function(){...}, myFunction2: function(){...} }, myCat2: { myFunction1: function(){...}, myFunction2: function(){...} } } i want to make methods like this: $(".sample").myBase.myCat1.myFunction1(); how do i make above with jQuery.fn.extend() ??
Jquery/ajax script for password
Hello people, For my website projetc, i search a jquery/ajax for the password verification during the typing in the registration. I search just an examples in adapt. Thanks for help.
Error: Method refresh does not exist on jQuery.timepicker
Hello everyone, I'm working with timepicker and I do not know much about that. Problem that I tried to fix is about 'refresh' method in jquery timepicker. Here is my code that I created and works fine, but once I move that code in my page where I have to use that functionality I'm getting as error: Method refresh does not exist on jQuery.timepicker. Sample code: http://jsfiddle.net/20m6b7qz/5/. If anyone knows how I can fix this problem please let me know. I spent hours but still can not find solution.
how to retain no. of minslides using bxslider
How do i get bxslider to be in horizontal mode at lesser widths and retain the no. of min slides. See fiddle HERE. as of now , the number of slides is being reduced to one :/ when resizing.
Print iframe content
I have a kiosk screen that dynamically updates the src for an iframe when clicking different options. I am trying to create a print function that would print the content that is within the iframe. The iframe consists of locally hosted PDFs, website hosted PDFs and outside html pages. I have looked up and tried several options to no avail. My current setup has a contiainer div that contains an iframe and the print icon. The goal would be to have the print icon clicked which would open the print
jQuery Cloud Popup
Hi everyone, I'm looking for a type of cloud,something like this. https://panic.com/coda/ ¿someone know the name of this type of cloud?,it's jQuery or CSS? Thanks in advanced! Kind Regards
Where is the JavaScript src for the demos?
Hi all, I've been checking out the jQuery mobile demos at http://demos.jquerymobile.com/1.4.5/ and for the life of me I cannot find the associated JavaScript code that is required to make the demos work. I'm most interested in the multi-page example, I have viewed the source and can only see includes for jQuery, jQuery mobile and another js file which doesn't seem to contain the code for the example. Am I missing something really obvious? Thanks
toISOString() function not working.
I have this simple script to run- var date = '2016-01-01 00:00:00'; var n = date.toISOString(); alert(n); But instead it returns error: Uncaught TypeError: date.toISOString is not a function I want to convert the date string into ISO date format which is compatible with firefox. However its not working in Jquery. Is there a different function for ISO date format conversion for Jquery or is there any error in my script?
double clicking on a tab removes the content
Hello, using Jquery ui on this page for the tabs. http://agileart.us/arachnohazard/locations/ I notice that when I double click on a tab the content w/in the tab just vanishes. How do I fix that please? Thx
isotope filtering, how ?
Hey there, i have a gallery of 3 columns per row and in each column is a bootstrap carousel. <div class="row">
<div class"col-lg-6">...</div>
<div class"col-lg-6">...</div> <div class"col-lg-6">...</div>
</div>
<div class="row"> <div class"col-lg-6">...</div>
<div class"col-lg-6">...</div>
<div class"col-lg-6">...</div>
</div>
my question: how can I include the isotope filtering, which I switch with a dropdown-menue, what i need to include ? and where ? In general what i need to do,
why my JQM code doesn't work in google script?
Hi all, I'm new in this JQM world, so there is a quick question... create a HTML file(list_checkbox.html) in google script as below: <link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css" /> <script src="http://code.jquery.com/jquery-1.11.1.min.js"></script> <script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script> <ul data-role="listview" data-filter="true" data-filter-placeholder="Search fruits..." data-inset="true"> <li><a
How to set remainder in full calendar ?
Guys, I am new to Full Calendar and very existed with the functionalities that it provides . But I stuck with Remainder Notification . Can anyone let me know how to set event remainders. Eg : If am having meeting at 06PM I should be notified before 15 mins of the meeting Thanks in advance
What is the best way to bind click events?
Hello. I'm an 'experienced' HTML5/CSS3/JavaScript Front-End developer and this is my first time using a framework that employs a dynamic DOM instead of loading pages, and I've come to the question: What is the best way, considering how jQ Mobile handles its dynamic DOM, to bind click events? So far I have tried 3 methods that work, but I do not know which is the preferred one: <div data-role="page"> ..... ..... <script type="text/javascript"> $("#mydiv").click(function()
jwplayer and selectmenu widget
I'm having a problem mixing the selectmenu widget on the same page as jwplayer. It seems to be focus related, when the play button is clicked on the player or the focus changes in some way a blue border either appears or disappears around the player. I've created a simplified static test page which shows the problem. Note that this is a NSFW site, but I've picked a fairly tame video to show the issue and the test page should be OK to view: http://www.mr-s-leather.com/static/video_test_4.html Note
Drag and drop
Hey, I am new to jquery. And i have created a simple project where i drag and drop objects to my site.But how do I clone an extra copy of the image that has been dragged.Please help. Here is my code :- $(function() { $( "#draggable" ).draggable({ helper:"clone" }); $( "#droppable" ).droppable({ }); });
add callback to function with ajax call
I have a function that is called on an element's blur. In there I have an if statement checking the return statement of a function. Well in the function, I am making an ajax call. I have been reading that this will not work because the function will return false before the ajax is done. So I read something about needing to use a callback, but I didn't fully understand it. Can someone help me figure out how to refactor my code so it will work correctly? First blur function: $("#OrderItem_itemQty").blur(function
Why I click the button but no response?
Here is my image. In my asp.net mvc page, I want to click the "Merge" button then popup a dialog, however nothing happened. What is wrong? Source:<br /> <input type="text" name="Source"> <button id="sourceBtn" class="btn btn-inverse btn-sm" onclick="LookupAccountBalance1();"> Verify </button><br><br /><br /> Target: <br /> <input type="text" name="Target"> <button id="tagretBtn" class="btn btn-inverse btn-sm" onclick="LookupAccountBalance2();"> Verify </button><br /><br /><br /> <button id="mergeBtn"
Using Global var to cycle through AJAX doesn't work
I am trying to call AJAX three maybe four times to get information from my DB. Can't get "global" var mapAddress to return. I've tried to position the function in various locations but can't get it right. I'm sure this has to do with asynchronous functioning but still don't understand it. Thanks for help, R <script type="text/javascript"> var recId=""; var mapAddress=""; // declaring here to create global var // ================================================================== // ===========
weird border around dialog close button
Hello, Please have a look at the attached screen shot. I create some themes for this at ThemeRoller, and everything seems to look good except for that weird border around the close button in the top right corner. It only shows until I click on the dialog, and then it disappears. Also, it only shows up in Chrome, not in IE. Here's the code that generates the dialog: <div id="TheDialog">Hi! I'm the dialog!</div> <script> $(document).ready(function() { $("#TheDialog").dialog();
Problem with charts
I have to do a website for my class and I encountered a problem with creating a chart. I have spent all day yesterday and few hours today and I still can't figure it out. Why doesn't it show on a website? Please help guys! <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <script src="Scripts/jquery-1.11.3.js"></script> <script src="Scripts/Chart.js"></script> <script> // Get context with jQuery - using jQuery's .get() method. var ctx
Detecting online status
To instruct the user, I have used the jqXHR.fail function in the Ajax call to do some error handling in case the server returns an error, or is not available at all (statuscode = 0). I would like to disable the submit button, but off course it needs to be enabled again when the server is reachable again. Any pointers to some code snippits or pluggins that are known to work with JQM are welcome. I was thinking about iteratively trying to download something small from the server, and when that succeeds
on() function in for loop
<button> 0 </button> <button> 1 </button> <button> 2 </button> <button> 3 </button> <button> 4 </button> <div id="log"></div> <script> var logDiv = $( "#log" ); for ( var i = 0; i < 5; i++ ) { $( "button" ).eq( i ).on( "click", { value: i }, function( event ) { var msgs = [ "button = " + $( this ).index(), "event.data.value = " + event.data.value, "i = " + i ]; logDiv.append( msgs.join( ", " ) + "<br>" ); }); } </script> When buttons are pressed: button = 0, event.data.value = 0, i = 5 button = 1,
Resizable child elements does not maintain minimum width and height when resizing parent
var resizable = function(that){ var resizeSelector = '#'+that.attr('id')+' .resize'; that.addClass("resize"); // Adding dummy class 'resize' to select resizable child elements using the above selector. that.resizable({ alsoResize: resizeSelector, maxHeight: 600, maxWidth:600, minHeight: 35, minWidth:35 }) }; The child elements are given the above resizable attributes. Resizing beyond the minimum width of the child element is not restrained when resizing the parent div. Thanks,
Scroll the list not the page
Hi, I have <select> listing all blocks in the country to let the user to select his block but the list is too long which cause the page to scroll. Is it possible to just let the <select> to scroll instead of scrolling the whole page? This s the page and the Field name is Block: http://cb.savanna.online/signup.php Thanks, Jassim
jquery validation negative integer
If i use digits:true doesn't let me negative integers
last border in listview isn't visible
Hello, I have a problem in my webapp with the last border of a listview which is missing. The link to my webapp is: mobile.wks-webapp.bplaced.de The listview is on: detail.html
Add javascript function to div
Hello, I have this task... <a href="#" id="btn_1">trigger form</a> <div id="myform"></div>and custom jaascript function: function generateForm() { var form = document.createElement("form"); form.setAttribute('method',"get"); // form method form.setAttribute('action',""); // form action url form.setAttribute('name',"frmName"); // form name form.setAttribute('id',"frmId"); // form ID var inputCtrl = document.createElement("input"); inputCtrl.type = "text"; inputCtrl.name = "data";
jQuery Timepicker Addon from Trent Richardson. Two issues.
Hi, I'm still a newby when it comes to jQuery so excuse my lack of knowledge. The story is this: - I get the time from the webserver (code behind) - I format the time (code behind) - I save it to a asp:hiddenfield called start_time (code behind) - I add an hour and save it as another asp:hiddenfield called end_time (code behind) - I display the start_time value as my default input value for the start_time_picker time picker <= first issue - If needed, I click the input box and select another time
Change menu using AJAX
Dear Sir please Refer http://prajaktasoftware.com/vasaiprag/index.php menu click BHASHA you will get 2 options English Marathi i.e. for selection of language When a language is clicked the menu contents are changed as per language using AJAX however, it doesn't get aligned properly.......the contents are displayed vertically... However when I refresh the page it works ok i.e. get aligned properly like normal menu How can is do this without refreshing the page......................... details
Implementing jQuery in HTml5
Our assignment is to include jQuery elements, selectors and filters as well as event handlers in the code from the previous week. Here is what I have for the code. I am completely lost on this. Any help would be helpful. <html lang="en"> <head> <title>Displaying Times and Dates</title> </head> <bold> <h1>Current Date and Time</h1> <script type="text/javascript"> now = new Date (); localtime = now.toString(); utctime = now.toGMTString(); document.write("<p><strong>Local time:</strong>" + localtime
https with jquery =) please help =)
I would like people to open instagram from my Website. It may be in a popup, iframe. But I can not because it only opens with FancyBox http and not https you recommend?
replaceWith() does not work like expected
Hi there, This thing is driving me nuts. Tried all kinds of things to replace all img tags within a html string. So I have this html on my page: <section><div class="content">Here is the html that has to be checked for IMG</div><div class="replyinfo"><span>25 Jan 2015, 13:18</span><a href="#" class="reply">Reply</a></div></section> <section><div class="content">Here is the html that has to be checked for IMG</div><div class="replyinfo"><span>26 Jan 2015, 15:02</span><a href="#" class="reply">Reply</a></div></section>
<select> is not working properly in JQuery Mobile
Hi, I have a <select> which is acting funny when the user clicks on it. This is the only <select> in the page with such behavior. Sometimes, it opens the list in a new page and sometimes it just show blank list and sometimes both issues at the same time. How can I fix this please? this is the link: http://cb.savanna.online Thanks, Jassim
Rounded corners and progress bar in jquery selectable grid
Hi, I am asked to create a application where in the user can do multiple select using mouse drag option and I understand taht I can achieve this using jquery selectable. But there are a couple of requests a) It needs to be touch screen enabled b) It needs to have rounded corners c) Each cell in the grid need to have a progress bar. Any suggestions on how to achieve this using jquery selectable or if there are any other things that I can use would be very helpful. Thanks, Tee
How to test jQuery Mobile in node.js
Is anyone using Node.js to test jQuery Mobile? I'm working on a plugin, which interacts with jQuery Mobile events, but doesn't do anything visual, so Node.js would be the ideal place to run my unit tests. I've found instructions for testing jQuery with node ( https://github.com/UncoolAJ86/node-jquery/blob/master/README.md ), but trying to extend this to load jQuery Mobile, I'm getting an error: TypeError: Cannot set property 'mobile' of undefined I am hopeful that someone else has configured jQM
Next Page