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?
Theme Roller working but no theme options on download page still
Theme Roller is working now but to download the JQueryUI from the download page no theme is able to be selected.
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
Following or commenting a bug
I am interested in jquery ui bug #10544: https://bugs.jqueryui.com/ticket/10544 I was wondering how I can find out updates on this bug (eg: status or when it will be fixes). Also, is it possible to add comments to this bug so that I can voice my interest in seeing this bug fixes as well. Thanks
Adding 7 days or 5 days to datepicker
I am developing an mvc application with some datepicker textboxes and Radiobuttons. What I need to do is, there is a dropdownlist box with values --Calendar or Business . When a user select a business and pick a date from the two datepicker textboxes,5 days should be added to start date so date difference between start date and End date should be 5 business days. When Calendar is selected, 7 days should be added to start date so the the date difference between start and End date should be 7 days.
How does $.post work on the data passed to it ?
In jquery a $.post method can be used in the following way: $.post('fileupload.php', { data: result, name: fileName }, function(){ console.log('yeeey'); }); see how the secound parameter is a plain object , and PHP the data can be picked up like so: $data = $_POST['data']; $fileName = $_POST['name']; how can the parameters of a object be read in this fashion ? or is it that $.pos() method internally uses $.param to convert the object literal passed to it in the 2nd parameter to a string ? is
Disabling a javascript
Hi how can i remotely disable my own developed js component after some one has used it in his,her website ? how can we protect our js code in general ??? any guides ??
Exception Handling with php
Hi There, I want to ask how to handle some exception in middle of the process (I'm working with PHP). my js is : $(function(){ var request; $('.naviref').on('click',function(){ if(request){request.abort();} request = $.ajax({ url: "html.php", type: "post" }); request.done(function (response, textStatus, jqXHR){ alert(response); var text = JSON.parse(response); alert(text); if(text.error){ alert(1);} }); request.fail(function (jqXHR, textStatus, errorThrown){
@font-face not working,help me please
@font-face { font-family: 'customfont'; src:url('font.ttf'); } div{font-family:'customfont';} my code is working at android webbrowser, but is not working in my jqm+phonegap apk, the same code is not working,i dont know why,help me please Or Can i used cunstom font in android by jquery?
Multiple javascript files conflict - jQuery.noConflict()?
Hi, I'm currently making a form for uploading new members to a web page.I built the form using JotForm which includes js files for controlling the style (hide/show fields, fields that are required turn red, etc.) The js for this form worked fine on its own, but I also included a picture crop/upload as an extra. This also worked when I was testing it in a separate web page on its own, but now combined with the form, the js conflicts and I don't know how to stop that. My script head section looks like
Change function dynamically
Hi there, I'm using a function that hides and shows content. $('.new-customer-details').enableValidators(false); $('.quote-customer-select select').change(function () { var selected = $(this).find(':selected').val() if (selected == '-1') { $('.new-customer-details').slideDown(); $('.new-customer-details').enableValidators(true); } else { $('.new-customer-details').slideUp(); $('.new-customer-details').enableValidators(false); } }) In my example
SlideToggle only the first direct element?
Hi, Could you please check this out and let me know why by clicking on a li element all .hiddenDivs open? CodePen Example I want to achieve that by clicking on each li element only the next direct .hiddenDiv element of it opens and all the other .hiddenDivs remain hidden. CodePen Example
How can I stop a jquery slider?
Hi everyone, I'm trying to customize a blogger template and I'd like to stop the sliders that appear on every post (you can see hee: http://drlivinghome.blogspot.com.es/). I'd like to have a still photo instead. Can you please tell me how to do this? Many thanks
how to learn hybrid advance jquery mobile app
I know the basics of jquery mobile now I want to jump into creating advance/hybrid jquery mobile app. Can someone pls suggest me some online video tutorials which can help me to learn and give me the enough confidence to build any kind of apps. Books, online video tutorials anything would be fine. Thanks
Problems using jquery validator with SharePoint 2013 list forms
Hi, I'm experiencing problems implementing validation using jQuery validator in SharePoint 2013 list forms. My forms are OOTB and altered using CSR templates. My problems are that the error messages do not match the controls that they are assigned to so that all controls with an error will display error text for another field. I've never had a problem before and have been using jQuery validator with SP 2010 and 2013 custom list forms so I'm experienced with jQuery validator. Has anyone experienced
jQuery is not changing the function of my HTML
Hi there, I have made a web page about the default HTML tags as part of some HTML tutorials that I am working on. My page should, when you click next, reveal the next part of text, and when you get to the end of the tutorial, this next link should hide and the one that takes you to the next tutorial show. Attached is my jQuery and HTML code. Thanks The Code: <HTML> <HEAD> <TITLE>Coding Kids HTML Tutorial</TITLE> <link href='https://fonts.googleapis.com/css?family=Raleway' rel='stylesheet' type='text/css'>
Update height of div when height changes
Hi, I currently have a div which i am getting the height off. Current height is 72 pixels when the height is equal to or the same as 72 i display "20" when the div goes over 72 pixels i want to display "25". I have done this so far but want the height to automatically change to 25 when the div goes bigger than 72. $(function(){ var height = $(".input-container").height() $("#SignHeight").text(height); if (height <= 72) { $("#SignHeight").text('20'); } else { $("#SignHeight").text('25'); } });Any
malsup jquery form beforeSerialize passing file data
Hi, I am using malsup jquery form for uploading images for asp.net. I have three FileUpload in my webform. Ids are FileUpload1, FileUpload2 and FileUpload3. In my server side I wish to parse the file as below: httpPostedFile = HttpContext.Current.Request.Files["UploadedImage"]; If my fileUpload control name/id is UploadedImage, it is working fine. But I have three controls , so I gave them three different Id. ------------- In my previous code I used form Data. It wa possible : eg: var data = new
Distinguish between different reasons for failed AJAX requests
I have a question regarding an issue I ran into, which is connected to these two tickets, which got rejected: http://bugs.jquery.com/ticket/12675 http://bugs.jquery.com/ticket/13171 How is it possible to distinguish a failed Ajax request, which failed because the user navigated to another page, from Ajax requests that failed because of errors, not directly triggered by a user action. Currently I see no way to do so. To reproduce: 1. Navigate browser (tried Chrome 46, Firefox 42) to http://jquery.com
Jquery datatable function which permanently binds a table id to datatable.
Are there any datatable function which permanently binds a table id to jquery datatable? Thank you
Microsoft Edge with autocomplete does not work properly
In Microsoft Edge, when the menuslect event in autocomplete triggers the "select" method, this triggers a "blur" event followed by a "change" event on the element. The result is that the selected item is not set properly at the bottom of the function. I realize this may be an issue with Edge, but possibly consider setting the selectedItem before calling the "select" method to prevent this issue. Specifically: within the menuselect:function()... Move this line: this.selectedItem = item;
to the line
Next Page