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
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({
collapsible plugin always comes up uncollapsed
How can I get it to show as uncollapsed (the content is hidden) when the page is loaded. I've tried setting the contentOpen variable, and that does nothing. I also tried doing a trigger click and that doesn't work either. I can manually click on the heading and collapse or uncollapse the content. That's the only thing that works. Has this ever worked for anyone? I like the one that's for mobile only. It even works on the desktop but messes up the appearance of everything else on the page.
How to set end time based on the third value?
Hello everyone, I'm trying to get my end time drop down values based on the length of meeting that I can pick. So my code look like this: <tr> <th>Start:</th> <td><input type="text" id="start" name="start"/></td> </tr> <tr> <th>Length of meeting</th> <td> <select name="meeting" id="meeting" onClick="interval()"> <option value="">--Select length--</option> </select> </td> </tr> <tr> <th>End:</th> <td><input type="text" id="end" name="end"></td> </tr> <script>
Error Log OpenCart 1.5.5.1 shows catalog/controller/module/category_superfish.php on line 81
Line 81: if($query->row['parent_id']==0) $this->parent_id = $category_id; Any suggestions greatly appreciated.
Direct trigger jquery function
Hi, I need some help on how to direct call/trigger my jquery function. I'm still new in JQuery. Function: (function ( $ ) { $.fn.ajaxcall = function( options ) { var opts = $.extend( {}, $.fn.ajaxcall.defaults, options ); this.click(function(){ /* DO SOMETHING HERE.... */ }); /* onclick */ } $.fn.ajaxcall.defaults = { /* SOME DEFAULT VARs*/ }; }( jQuery )); My normal function trigger/call $('.ajaxclick').ajaxcall({id:'#id1'}); Inside ajaxcall, it will check for 'click' and do some processing. In
Labels and form elements not spaced properly
On a form, using the following code, I cannot get the label (when matching it's "for" with the form input element) to render directly on top of the input element. There is a space or what appears to be a space. <div data-role="content"><!-- content div --> <p id="sessioninfoforemp">New Session Info for Employee Name</p> <div id="forsessionform"> <form id="sessioninfoform" method="post" novalidate action="submitdata.php" data-ajax="false"> <label for="sessionstarttime">Start Time:</label>
Push value in an empty array from checkbox selection
I am retriving some JSON data from an API using Jquery AJAX and I want to change the url dynamicly on checkbox selection. I have four checkbox and I want to store checkbox value to an globle array. When I put console.log(category) or ajax code inside function its working but when I puth the code outsite the function its not working. var category = []; $(".ckbox").click(function() { if($(this).is(":checked")) { category.push($(this).val()); } else { var x = category.indexOf($(this).val());
trying to test of checkbox is checked
from my form: <div class="field" id="free_shipping"> <input type="checkbox" name="free_shipping" id="free_shipping">Free shipping </div> from my js: $('#free_shipping').change(function(e) { if ($('#free_shipping').prop('checked')) { $("#shipping_cost").hide(); } else { $("#shipping_cost").show(); } })
Trying to get a time delay between loops in a for loop
This is my content div in my html file: <div class="content"> <img id="img0" src="images/Snow_White.png" /> <img id="img1" src="images/Snow_White.png" /> <img id="img2" src="images/Snow_White.png" /> <img id="img3" src="images/Snow_White.png" /> <img id="img4" src="images/Snow_White.png" /> <img id="img5" src="images/Snow_White.png" /> <img id="img6" src="images/Snow_White.png" /> <img id="img7" src="images/Snow_White.png" /> <img id="img8" src="images/Snow_White.png" /> <img id="img9" src="images/Snow_White.png"
Drag and Drop table
Hello All, We are working on SAP ui5 application where Drag and Drop between a table (Droppable Table sap.m) and List (Draggable Table as shown in figure) is required. We followed this example: http://scn.sap.com/community/developer-center/front-end/blog/2015/08/21/how-to-use-drag-and-drop-between-two-sapui5-ui-elements In this example new item is added to droppable table when dropped, our requirement is to replace the item with dragged item. We have implemented JQUERY plug-in and able to drag
Code Injection in Jquery files
Hi Friends, We are facing code injection vulnerability in the jquery script files(jquery.tablesorter.min and BackOffice-pageEnd-all-min ). In HP fortify report, the code injection finding in set Timeout function. jquery.tablesorter.min setTimeout(function(){$(table).trigger("sortEnd");},0); setTimeout(function(){setHeadersCss($this[0],$headers,config.sortList,sortCSS); appendToTable($this[0],multisort($this[0],config.sortList,cache));},1); BackOffice-pageEnd-all-min setTimeout(function(){$(table).trigger("sortEnd");},0);
label remains after blind in form field
how do i blind the label too when i blind the div in a form field?
Select control crashing when loading in large number of options
I'm building a POC that will need a multi select control. This control gets populated with code and has over 1000 options in it. Please understand, this is just a POC and I totally realize that having this many options is useless for the end user. It's just a POC. If I code the select control without data-native-menu="false" it will render all the items in the select control. I need this data-native-menu="false" attribute because it is required for multiple select functionality. Any idea why the
mutliple image upload problem
hey guys, i've been working on a multiple image uploaded but i'm having trouble running the script when selecting multiple images as it will only upload 2/3 out of 9 images for some strange reason when i try to upload files singularly then all 9 will upload perfectly. i'm getting no errors in my server log also, so it must be something wrong with my script somewhere if someone can point out where I'm going wrong please. when user selects image(s) $('.upload-container').on('change', 'input[name="images[]"]',
jQuery freshman needs some feedback
Hey guys, I’m starting to create my very first German jQuery Mobile web-app (Only Web-App - I’m currently not planning to use Cordova etc.). Therefore I started with the user login, password-reset and registration. Now it is time to ask some veterans for some feedback. Questions I have: How can I improve the attached code, especially in JavaScript/jQuery because I’m completely fresh to this? Do I use something twice or do I using crazy stuff while there are better solutions? I appreciate your
jQuery plugins in ReactJS
I plan on starting my next project soon, which I'm planning on using ReactJS, which I'm very new to. I know React uses a virtual DOM, and I've heard some things regarding issues with React and jQuery plugins, since jQuery plays entirely in the DOM. Im basically converting a project that currently exists as PHP(CI)/MySQL/jQuery, to NodeJS/ReactJS/jQuery/(some DB here). So pretty much, the only part of the existing project I plan on keeping, is the jQuery code, which is a LOT of code, and a few custom
Right way to call heave tasks.
Hi All, I have a jquery mobile hybrid project where I call native functions from javascript using native bridge. These function calls are pretty heavy. if 1 javascript line of code takes .1 ms, the native function call is 2 ms. I cannot avoid these calls because entire business logic is residing here. Currently i call it from pageshow / pagebeforeshow. The result is the page draw and rendering is hold up for a few milliseconds and hence i see a flash, which looks ugly. what is the right way to do
slide show not working on certain pages
Dear Sir its funny to know that slide show is not working in certain web pages http://deafcarrom.org/brochure.php http://deafcarrom.org/chairman.php Its working fine on other pages viz http://deafcarrom.org/join.php http://deafcarrom.org/index.php http://deafcarrom.org/photogallery.php?id=55 etc the script is same I am calling jquery from program inc_header,php which has header , menu and is included in all web pages for this website <script language="javascript" src="stmenu.js"></script> <script
jquery ui dialog jumps sometimes
We have a tool (using jquery ui) which we can load through a bookmark. We use this tool to analyze the websites in our content network. Now I have the problem that the tool is positioned right on some sites. On other sites it's positioned offset, eg. sometimes at the end of the site or far too right. I discovered that on the sites where it is positioned wrong jquery ui puts an inline style with "position: relative". When I close the dialog and reload it the inline style has "position: absolute".
setDate JQuery doesn't work in IE
I have a JQuery function which works in FireFox and but stops in IE. The whole function is below but the error I am getting is on this line: I am using jquery-1.10.2 Unhandled exception at line 272, column in eval code 0x800a138f - JavaScript runtime error: Unable to get property 'setDate' of undefined or null reference depart.setDate(depart.getDate() + nights); The whole function ----------------------------- $('#dtCalendarFinalSubmit2').focusout(function () { var nights = parseInt($('#TextBoxFinalSubmitDayIncrement').val());
.replaceText only working in one instance of the word
Hello everyone. I am making a plugin (for google chrome) that replaces certain words with others and so far I have got it to work for one instance of the word in the text. For example, in the code I have below, it will replace the word "said" with "forgot" but if the text contains the word "said" more than once, it only acknowledges it once. I tries using /g and /gi and maybe I am doing it wrong but it isn't working. Could anyone point me to a solution that doesn't involve completely uprooting what
How to use $.ajax with a dynamically created form
I would like to submit form data using $.ajax from a form that is dynamically created. The dynamic creation process is successful and I have created a button that, when clicked, will call a function that will handle the ajax submission. The question I have is how to call the function and/or the $.ajax functionality from the dynamically created button, since it doesn't exist during $(document).ready or $(document).on('pagecontainershow'). MP
Next Page