Filtering with mixitup but content vibrates?
Hi if you press the filter CM, the single element in the 3rd row is kind of vibrating, but why, I hope you guys can help me. http://jsfiddle.net/p8k9sp3r/ Thanks
Specify one Checkbox to make a selected Row
Request: Use one checkbox only that has the class asdf that should be enable to select the row by changing the background color to yellow. The remaining of the checkbox (to the right side) shall NOT enable to change the background color to yellow. The problem that I'm facing is that don't know how to solve it. If possible not to change the structure of the html because it is used today in production phase. http://jsfiddle.net/qabnx4ph/27/ http://jsfiddle.net/oc1n1c49/2/ Thank you!
building an MVC framework
Trying to stir some interest and find others who might be passionate about having an SPA framework tailored to usage with jQuery. I've been working very hard on this: https://github.com/r3wt/jqMVC It doesn't chain you to anything. You are free to implement your own Views and Models libraries, so long as they conform to the interface. I'm looking for someone who knows Qunit.
Custom elements ('x-') and JQM
When a custom element is present in a 'paged' document, JQM enhancement copies the last (or the parent) element of 'x-container' to subsquent 'header', 'content' and 'footer' <div>s - <div data-role="page"> <div data-role="header">...</div> <div data-role="content">...</div> <div data-role="footer"> <x-container> <img src="../neither/here/nor/there/1.jpg"> <img src="../neither/here/nor/there/2.jpg"></img> <img src="../neither/here/nor/there/3.jpg"></img> <img src="../neither/here/nor/there/4.jpg"></img>
Jerky sliding animation and transition in JavaScript/jQuery
Im trying to animate or ease the incremental scroll left triggered as shown in the below fiddle, but struggling to find the issue with the smooth transition. Any help would be really appreciated, thank you function scrollRight() { i = (i + 1) % elements.length; jQuery(slider).parent().animate({ scrollLeft: (width) + 'px' }, options.hasOwnProperty('speed') ? options.speed : 1000, function() { obj.find('li:first-child').appendTo(jQuery(slider).parent().scrollLeft(0).find(slider)); if (!pause) timeout
Getting undefined with the below code..
Hi, This is my code, I am trying to get the attribute of previous td child from current td input, kindly see the below and suggest me the solution. HTML <html> <head><title>I am a beginner</title></head> <body> <table><thead/><tbody> <td><input name="1sttextbox" type="text" value="10/22/2015" id="1"/></td> <td><input name="2ndtextbox" type="text" value="10/23/2015" id="2"/></td> <td><input name="3rdtextbox" type="text" value="10/21/2015" id="3"/></td> </tr></tbody> </table> </body> </html> Jquery
Refresh after remove data-role
When I remove data-role, I am unable to refresh/create the styling. Using simple example below, <ul id="lv1" class="" data-role="listview" data-icon="false"> <li><a>item-1</a></li> <li><a>item-2</a></li> <li><a>item-3</a></li> </ul> <div onClick="$('#lv1').removeAttr('data-role'); $(#lv1').listview('refresh');">Remove class</div> I think the code $(#lv1').listview('refresh') should not apply as the data-role=listview already being removed. I also tried using $('#IdOfYourPage').page('destroy').page();
multiple instance of countdown
Hi, I am new on jQ and still have some problemes to make multiples instances. I have write a countdown in JS, long time ago. <script language="javascript"> date_today = new Date(); date1=date_today.getTime(); date_end_event = new Date(2015,12,20,11,40,00); //yyyy,mm,dd,hh,mm,ss date2=date_end_event.getTime(); remaining = (date2-date1)/1000; remaining_days = Math.floor(remaining/86400); remaining_hours = Math.floor((remaining-(remaining_days*86400))/3600); remaining_minutes = Math.floor(((remaining-(remaining_days*86400))-(remaining_hours*3600))/60);
JQM multiple links within TALL popups don't work on iOS
I know there are some issues currently with the history and back buttons on iOS devices and at first i thought this was part of that as my close buttons where being blocked but now i'm not so sure... on iOS devices (iphone 5s, iPad 4 both running on iOS 7/8) the default safari browser seems to have issues with links that are located with in a popup (with overlay theme or dialog type styling). if i have a short popup that will fit on the screen without having to scroll then ALL the buttons within
fill dropdown popup with theme
hi i want to fill dropdown popup with theme i use dropdown like this <asp:DropDownList ID="ddShipInstructService" runat="server" data-theme='<%= Session["ThemeValue"].ToString() %>' data-content-theme='<%= Session["ThemeValue"].ToString() %>' > </asp:DropDownList> i bind so many record so popup not fill theme so please help me Its Theme Problem
Pageinit doesn't fire/ jQuery Mobile Transitions
Hello, I have a problem with the transitions on my jQuery mobile web-app. wksinfo.peter.bplaced.de After Login I select an item in the listview and the page change from uebersicht.html to detail.html and then I press F5 -> then I press the button back/zurück (in detail.html) to come back to uebersicht.html. So, when I select an item in the listview which brings me back to detail.html pageinit doesn't fire. I changed pageinit to pageshow but it doesn't work.
Request with jquery and PHP running jquery function
Regards, I'm adapting a system that uses pure javascript to switch to jquery (jquery-2.1.1.js). I'm having trouble when making a request. In making the request ($ .post () or $ .getJSON ()) to a PHP file for success. But if PHP file has an IF and it has another function or javascript jquery I get an error message. Note: There are no errors in PHP and jquery function is included correctly. Attached is a flowchart of the problem. There is something to be done? I wait anxiously for answers to all!
Being new to GUI development, I m perplexed with this requirement. Kindly guide me
Need to develop a rich responsive GUI with following requirements. 1. Need to have a Metro look and feel. 2. Recent searches should be present [Id + value] 3. Database calls for any number as we type (autosuggestions) [Id + value] 4. “X” mark on the number once the user selects from a ‘Search’ 5. Graphical user experience on the selected parts. Technical frameworks: Spring MVC + Jquery + any_suggestions Kindly help me on this. Attached are screenshots of the requirements
JavaScript runtime error: Syntax error
I am using Jquery to delete a file but getting Unhandled exception at line 23, column 13751 in http://localhost/Scripts/jquery-1.10.2.min.js 0x800a03ea - JavaScript runtime error: Syntax error whenever this this line get hit $('#TestTable').html(data); Below is whole code $(document).ready(function () { $('.delete').attr('href', 'javascript://'); $('.delete').click(function () { $dialog.data('id', $(this).attr('id')).data('contId', $(this).attr('contId')).dialog("open");
Tabs beforeActivate: Using ajax result for return true/false fails
Hi, I try to use a ajax result for a true/false return in a function, but it doesn't work. I have read all about the stuff here so i built the following code: $( ".selector" ).tabs({ beforeActivate: function( event, ui ) { validateSession().done(function(r){ if (r.session) return true; else return false; }); }); function validateSession() { return $.ajax({ url: check.php, data: { session_check : true }, type: 'POST', dataType:
How to set dropdownlist selected index?
Dear All, I have load dropdownlist data using ajax and I want to set 1 item selected after an other button click. but what I try doesn't work, please help. the code I try using jquery: $('#IDName :selected').val() = 2; $("#IDName select").val("2"); Regards,
Important function missing from source code.
Was just going through the source of code datetimepicker HERE . the source code can be seen HERE . now there is this function Date.prototype.dateFormat = function( format ){ //you code for convert date object to format string //for example switch( format ){ case 'd': return this.getDate(); case 'H:i:s': return this.getHours()+':'+this.getMinutes()+':'+this.getSeconds(); /*case 'h:i a': return ((this.getHours() %12) ? this.getHours()
Trying to hide an element and having trouble
I'm trying to figure out what dumb mistake I'm making. I'm trying to hide the contact form name and contact information at the top of the page: http://www.schumacherliving.com/contact/ I installed jquery-1.11.3.min.js in my root folder and then added the below code into my header. I know I am doing something really dumb but can't figure out what it is :/ I would have used CSS to hide it but it uses the same div class as the form below it and I don't want to hide that form. <script src="http://www.schumacherliving.com/wp-content/jquery-1.11.3.min.js"></script>
Jquery date picker with dynamic fields
Hi, I am trying generate dynamic text boxes of Datepicker. The generation works fine, but i would like to customize the mindate for each from dates depending on what todate is selected previously. The best example of what i am trying to achieve is the multi leg journey and the from dates shouldn't overlap in each leg. I am using class to have datepickers for each of the dynamically generated text boxes. Say for example from date1:10/12/02015 To Date 1:12/12/2015 Below are the dynamically generated
jQuerys Ajax module.
Hey guys , i have never used much of jquerys ajax module , now i was just going through the documentation for $.ajax HERE . has alot of interesting features eg. statusCode (default: {}) Type: PlainObject An object of numeric HTTP codes and functions to be called when the response has the corresponding code. For example, the following will alert when the response status is a 404: $.ajax({ statusCode: { 404: function() { alert( "page not found" ); } } }); If the request is successful,
Re-enabled menu requires two clicks to select
The code below exhibits the following problem: If a menu selection disables the menu, performs an Ajax get, and in the 'always' part of the get enables the menu, it takes one extra click on the menu before the menu selects again. (Load the code, click on '1' or '2', get disable and enable alerts, and click on '1' again. You need to click once more to see the same sequence. Tested in Safari.) <!DOCTYPE html> <html> <head> <link rel='stylesheet' type='text/css' href='https://code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css'>
How to build a animated button
How would you go about build a button like THIS in a succinct way. ? I know its not an easy task but any ideas/suggestions are welcome :D
jQuery fadeIn fadeOut not workiing in Chrome or iPad
I have 3 tabs on a page that hide or show 3 different Div tags contained on the page. The script works fine in Firefox, but not in Chrome, Safari or the iPad. It looks very clean and direct to me, so I am not sure why it's failing. I am grateful for any guidance that can be provided. jQuery: $(document).ready(function(){ $('#publications').hide(); $('#students').hide(); $('#cv-nav').click(function(){ $("#vitae").fadeIn(); $("#publications").fadeOut(200);
tablesorter and postback
I'm using and ASP gridview and jQuery tablesorter On postback my sorting is lost and even if I do the .tablesorter() initialization again to the table it won't restart the sorting. I did read someone else having this problem and they solved it with an ugly kludge on the client to add fake headers when the table reloads after a postback. I was thinking perhaps on the server side my gvMilestoneAlertsData.UseAccessibleHeader = true; // for each table and gvMilestoneAlertsData.HeaderRow.TableSection
text() setter method on textnode
Hello, I asked question on stackoverflow but still not sure what could be the reason for this method to not set textnode value. Code sample: $('div').contents().filter(function(){ return this.nodeType === 3; // text node }).text("no change!"); Wouldn't it be an improvement to handle it? What could be the downside/issue? Regards.
xdan datetimepicker setting min and max date/time
Trying to set the min time to now and the max time to 7 days from now What would I have to add to the code below ~ thanks jQuery('#datetimepicker').datetimepicker();
Double Swipe and menu
Hello the community, i actually developed a mobile website with JQM and i had almost finish but i have a persistent problem. I need a interface like that. i try different way to do this, (I hope my drawing is explicit, if you have any question don't hesitate, ask me ! ahah), in add i want keep the same footer and header. The best result that i arrived, is the both scroll works but the external scroll from the iphone is disable (Impossibility to see the head bar of safari). If you have some tip
How to get a jQuery slideToggle to work
hi Everyone, I have a project which as some hidden links that I toggle to display. I have a nice neat jQuery function for that. The trouble is that I also have a 2nd link that I cannot get to work for the slideToggle. I know it has something to do with targeting the class "lecture-links" and I have tried all sorts of combinations of "next" "closest" and other ideas but cannot get the 2nd link to work. Below are the two functions. I want them both to slideToggle the "lectures-link" div. The first
couldn't get datetimepicker working
I couldn't get datetimepicker working Clicking on the field got me no response from the server
Targeting child elements
Hi, I'm very new to jquery and I want to use it to highlight the top-most element (parent) in my navigation list. For instance if i'm on a specific page, and I happen to hover over one of the child elements of the page I'm on I want to be able to change the background color of the parent element that i've just hovered over. Below is the code I currently have, but isn't working. var urls = window.location.href; var pages = urls.substr(urls.lastIndexOf('/')+1); $('ul#nav a[href*="'+pages+'"]').children().hover(function(){
Can you open the Demo files in Chorme explore?
As download the Demo files form the JqueryMobile homepage, which can not open on my local desktop by Chrome. is there someone know the reasons ?
Export as pdf
Hello i create this project but i would like to take button pdf and export the page as pdf,Please help me!!!!!
How to change elements inside iframe using jQuery?
Is there a way to remove footer element inside Gleam iframe? Ortranslate text inside Gleam using jQuery? How can I do that? I've tried it many ways, but unsuccessfully. My website goo.gl/cPuhkY Something like: jQuery(".entry-footer").remove() Try to run it inside console, you will get empty array back. I dont know why. It can reach inside iframe, perhaps. Can someone give me an example (if it is possible) on how to remove that footer on Gleam, or translate text inside of it. Regards
tablesort alternating rows
I've seen this question in multiple forms but not many good answers. In the documentation examples I see the sorted tables have alternating row styles. When I run table sorter on my tables generated from C#/ASP there are no alternating row styles. If I put alternating row style in on the server naturally when the table gets sorted the rows no longer alternate since each row maintains its style so the text is randomly light/dark. How do I turn on alternating row style on on the tablesorter client
How to get count in timepicker?
Hello everyone, I'm trying to get the count next to my end time values in timepicker. So if I pick start date and then I pick the interval my end date will be created. I have first part done, my function works fine. Now I'm looking to get number that will increment based on how many values are created in end time. Here is full working code that I have so far: http://jsfiddle.net/20m6b7qz/5/ I create count value and set equal to 0. Then I tried to put count++ inside of my end time but that did not
wrap first n words with span
Hey, I want to wrap a certain amount of words in every h1 with a span. The amount of words that I want to wrap are noted in the class of the headings (.hh- n ). So my html looks like: <h1 class="hh-1">wrap the first word</h1> <h1 class="hh-2">wrap the first two words</h1> <h1 class="hh-3">wrap the first three words</h1> <h1 class="hh-4">wrap the first four words</h1> $('h1').each(function() { hhNumber = $(this).attr('class').substring(4, 3); // ?? }); please help! best regards.
Html to html page navigation with jQuery mobile transitions
Hi I have made mobile application with jQuery mobile(1.4.5) and cordova(5.1.1) Using multiple pages(jqm) htmls. facing problems for transitions between html to html pages. What is the jQuery mobile provision to provide html to html transitions without giving page Hrff in link. I want to navigate to second html page from from first html through jQuery mobile method.and second page is multipage(data-role='page') html file Thank you.
how to make Tree table Droppable
Hi All, I am working on SAP FIori application using jQuery. Requirement: We are working on DRAG and DROP functionality in Fiori application. Drag and Drop between a Tree Table and List. I am trying to make a Tree Table Droppable as a normal Table, $("#mainTreeTable .dataSource").droppable({ drop: function(event, ui) { ..} ....}); but its not recognized as Droppable. Debugger does nto stop in DROP function at all. Please suggest, how to make a Treetable Droppable. Regards, Nagaraju
click event not working in jquery
Hi, in my application there is a div with id pr like this <div> <div id="pr">test</div> </div> on the click event of pr ,a new div will open like this $('#pr').click(function (e) {
e.preventDefault();
$('body').append('<div id="divprofit" style=" position:absolute; background-color:grey; width:300px;height:150px;border:1px solid blue; top: 200px; left: 250px;"><table><tr><td>Enter Admin password</td><td><input type="text" runat='server' id='txtpw'/></td></tr><tr><td><input
trying to add if/else statement to drag and drop interaction in jquery
Hi, Below is the drag and drop interaction for jquery I am trying to use: It works but when I to add the if statements below to the interaction it does not work. Can anyone review my code and get back to me on to resolve this problem. $(document).ready( function(){ alert("ready"); $("#draggable-1").draggable(); $("#draggable-2").draggable(); $("#droppable").droppable({
Next Page