Creating draggable and resizable events in scheduling app
I'm interested in creating a minimal scheduling app with events that can be dragged and resized, as you would in the day view of Google Calendar or FullCalendar. I've looked at the draggable, droppable, resizable and sortable features of jQuery UI, but they all seem to stand alone somewhat. For example, if I were to use droppable elements to define time periods, how would I use resizing to make a element overlap more than one droppable unit. I would think that sortable would do this, but how do
Problem with Hover+FadeIn and Fadeout
Hi, I have two images ".serv_izq" ".serv_der". Teorically, when someone put the mouse over (or click) one of these images, a text which is hidden is displayed. But there is a problem: At the first time that the page is open and you put the mouse over one of these images, the text start hidding and showing at least three times. Obviously, I want the text be there until I get out the mouse. Here is the code: <script> $(document).ready(function(){ $(".serv_der").hide(); $(".serv_izq").hide(); click_izq
check availability before submit form
Hi, I have a form : <div> <form name="CreateIfaceEnvForm" id="CreateIcaceEnvForm" method="post" action="/Grouping/createIfaceEnv.do"> <label for="disabled" class="formLabel">Disabled*</label> <select name="disabled" tabindex="1" id="disabled" class="criteria" title="Disabled"> <option value="F">Enabled</option> <option value="T">Disabled</option> </select> <br/> <br/> <label for="interfaceType" class="formLabel">environment*</label> <input type="text" name="interfaceEnvironment" size="10" tabindex="2"
Selection box inline in header
Being a total noob on all jQ / jQM / Javascript, I'm trying in mobile apps. I learned that in a header section you only have the choice of max. 2 buttons inline with the header, one being left, one right, heading text in between (as opposed to a footer section were you can have multiple icons / buttons). But I want to have a selection box rather then a button on the left hand side, inlined in the header. This example ( http://jsfiddle.net/5t50uzcz/ ) does not work (quite obviously), it is not in-line
how save using jquery append
Hy all I have problem when using JQuery's .append(). please cek: jsfiddle.net/badvz/4ddutu47/3/ How I can save at every row or every nim when I'm click button save? I have try like this but not working : $(".save_item"+count+).click{//button save alert(send value); }); Thanks
How to Add Active Class to a Navigation Menu Based on URL?
Alright guys I am new jQuery and don't dabble to much in this stuff mostly just html language. But, I need to know how to add an active class to the li element of the navigation. I need to be able to do this as I am switching over my static html pages to a more dynamic environment where information is called from the server to help me in maintaining the site. So here is what I have so far: The page that I am working with / testing is the home page found at http:www.bomstudies.com My jQuery Code:
Why is my JQuery Bracketing plugin not running on page load?
Hi, I copied the code of JQuery bracketing from GitHub http://www.aropupu.fi/bracket/ and saved them in a folder then in my Dreamweaver CC page I put this in the head tag: <script type="text/javascript" src="scripts/jquery-1.11.2.min.js"></script> <script type="text/javascript" src="scripts/jquery.brackdt.js"></script> <script type="text/javascript" src="scripts/jquery.bracket.min.css"></script> <script type="text/javascript" > $(document).ready(function(){ $('#bracket').brackdt({
How do I bind the droppable event to dynamically created nodes?
Hey is there any way to bind the droppable event to dynamically created nodes? here my fiddle fiddle Go to my fiddle and drop menu to droppable place (it's work) then drop podcast into menu (it's work) drop music or any element into podcast (can't work)
How to resolve this?
I want to get Javascript array at button click. In final result I want to get same key with amount(same key with adding multiple amounts). How to add sum of amount with Same Key(dates) in each function? Please help for my code. Current My array result in alert: {dates:"01-2014", amount:"100"}; {dates:"01-2015", amount:"500"}; {dates:"02-2014", amount:"700"}; {dates:"01-2014", amount:"800"}; {dates:"02-2014", amount:"900"}; {dates:"03-2014", amount:"60"}; {dates:"07-2014", amount:"10"}; Expected array
Is Windows Phone 8.1 via Cordova compatibility on the JQM roadmap?
As is, the browser compatibility stops at windows phone 8, and there are "issues" on 8.1... I'm curious what (if any) plans are in place to add 8.1. Thanks!
Script transfered with MIME type text/plain
I'm receiving the following error in Chrome for my jQuery file: "Resource interpreted as Script but transferred with MIME type text/plain." This is the code in my html file: <script type="text/javascript" src="js/jquery-2.1.3.min"></script> <script type="text/javascript" src="js/index.js"></script> I'm not having any trouble with the js/index.js file. I found some information that said I needed to check my registry .js Content Type to make sure its data type was not "text/plain," and if it was
Can someone explain this code please
This is a followup to my last post. https://forum.jquery.com/topic/tablesorter-and-tablesorterpager-how-to-reload-tablesorter-table-after-using-drop-down-values-to-run-new-query If either is answered I will end the other. As a jQuery/Ajax/tablesorter novice, I was hoping someone could explain what this code is actually doing (rather than me continuing to go on my assumptions). It seems to me, if I am seeing this correctly, that the developer began with too much happening. I see the following happening:
Pulling my hair out! :) Simple code needed...
I would like to, if at all possible, get the code to use on any website (that has numerous check boxes) but no "select all" feature, the ability to select all the check boxes in one swoop anyway. I'm using Chrome and did find a utility that does exactly that, however.... Occasionally some of the check boxes on the main website I'll be using this on are disabled, and I don't even want to place a check on them, however this utility I'm using, somehow overrides the disable function of those boxes
Using ajax not able to remove class immediately after adding class
I have this piece of code $(document).ready(function() { $(".spam").on("click", function(e){ //var pid=$(this).attr('id'); //var fav_btn=$(this).attr('id'); var site_root="http://localhost/startup/msg"; $path=$(location).attr('href'); $.ajax({ url:site_root +"/insert_spam.php", type:"POST", data:{ 'path':$path}, 'success':function($result) { // alert($result); if($result=="suc") { $(".spam").removeClass('spam').addClass('reported_spam'); } else if($result=="err") { alert("Not able
difference between two arrays.
Hi, I would like to have the difference between two arrays for example : A = ['a','b','c'] B =['b'] <--- B is always included in A my result C == A - B == ['a','c'] Here is my jsfiddle : http://jsfiddle.net/mlotfi/zhjntqsd/12/ I would like an array that has this difference : data-restagencies - data-agencies when this button is clicked : $('button.btn').on('click', function () { Thanks
Embed submit button in Accordion Header
Hi everyone, Long time reader but never posted, Im having issues embedding a form into the accordion header, when the submit button is initated the accordion continues operating as normal and the submit is not triggered. Here is the code, pretty basic, is there a work around for this? So that both the button and the accordion can operate? $(function() { $( '#accordion' ).accordion( { collapsible: true, active: false, heightStyle: 'content' }); }); <div id='accordion3'> <h3> <table>
Errors in included jquery library files
In Visual Studio MVC projects they have a way to attach scripts using wildcards to attach all something like all the scripts that begin with "jquery". There is also a way to exclude files from your project so that they are not considered when the project is run or deployed. A couple of months ago to address so other issues I updated my jquery files from the default included 1.8.2 to the latest I could find 1.11.1. I excluded the 1.8.2 files thinking that they would not be included in my project.
Why dynamic insertion of buttons correct, but .data() not being passed
For reference: jquery-2.1.1.min.js jquery.mobile-1.4.5.min.js Problem exists in bigger project, I pulled code into a test page and tried to fix. I failed. I hope someone can direct me forward. Problem: I dynamically insert buttons into my page. Afterwards, I want to apply .data() values to each of the buttons - The buttons exist in the "generated source code" but any reference to the data key/value are missing. Interestingly, my js can reference the key/value pair as if it exist in the page though
Referencing HTML forms generated on the fly using JQuery html
Hi, I am generating an HTML form with radio buttons on-the-fly and when I try to catch a click event on one of those radio buttons, I am not successful. I am working on a web page that leads a user to the environment he wants to be in by asking a series of questions where the answers are specified by selecting a serions of radio buttons. For example, suppose there are 3 attributes that specify what environment the user wants to be in. Lets call them attributes A, B and C. The following table shows
How to change this?
How to change the following decimals value using jquery? 1234.56 ====>>> 1,234.56 12345.56 ====>>> 12,345.56 1234567.56 ====>>> 1,234,567.56 12345678.56 ====>>> 12,345,678.56 1234567890.56 ====>>> 1,234,567,890.56 Is it possible using jquery? Please give regex or code to get my output?
Jquery 2.1.2 or higher does not work with strict mode.
We are using strict mode on our site and when I try upgrading jquery to version 2.1.2 or 2.1.3, jquery throws the below console error: Uncaught SyntaxError: In strict mode code, functions can only be declared at top level or immediately within another function. Is there any way around this without disabling strict mode, or will I just need to wait to upgrade until it gets fixed?
Autocomplete keypress skip menu
Hi All, I am using jquery-ui 1.11.2 for autocomplete with the following custom menu rendering: function integrationSearchRenderMenu(ul, items) { var self = this, emptyItem = { label: '', value: '' }; ul.append($('<div></div>').data('ui-autocomplete-item', emptyItem).append( '<div class="image"></div>' + '<div class="name">Product</div>' + '<div class="dek">Description</div>').addClass('ui-widget-header')); ul.addClass('integration-search');
Pagination in jQuery
I am new to jquery. Now i want to implement pagination like the following link pagination using jquery example . But i want to fetch data from database and display in a table. This task has to be implemented using asp.net and jquery. Thank you!
jqgrid reload is not updating the data
Hi all, I'm very new to Jquery. I have one jqgrid which contains one hidden id . When i try to add a new row i observed that id is populating like jqq1. Once i do refresh the page then the id is populating properly . I need to refresh the grid with updated data . I'm struggling with this issue from past 1 week , tried a lot of options but none of them solve my issue . Here is my code : mygrid.jqGrid('navButtonAdd','#pager', { caption: "", buttonicon: "ui-icon-plus",
change color of alert text
Hello How can I change color of text in alert with jquery? thanks alot
Launching my first Plugin.
Hey Guys , I come here to this forum and ask a lot of questions and many of you are kind enough to answer and sometimes even give elaborate explanation , i really appreciate that . thank you . anyways , i am not done asking questions , i'll have a lot more questions lol . So lately , i really wanted to learn jquery and started building my own plugin , the purpose of this plugin is to be lightweight and as simple as possible . What does this plugin do (you can really dig the source and see that
TableSorter and TableSorterPager: How to reload tablesorter table after using drop down values to run new query
I have figured out how to get the page to do what they were looking for using append. Thanks anyway... I have taken over someones code, and most of this is very new to me.Below are the files I am working with. What is supposed to happen is that the page loads with an empty table. Then after a value, or values, are selected from the drop down, the tablesorter table should refresh based on the results from a query. Right now, the select works, the submit works, but the table does not refresh. Javascript
popbox.js issue with img hiding behinde my nav menu question
I really like the popbox.js http://www001.upp.so-net.ne.jp/www2014/ and I have it in my website here http://www.toolbin.com/template5.shtml My issue is that when you click the 1st tall image on that page it hides behind my nav menu. Is there a way I can edit your popbox.js file to make the pop image appear in front of my nav menu? Any ideas or suggestions and much appreciated and I thank you in advance http://www001.upp.so-net.ne.jp/www2014/
How to get value of dynamically added fields ?
Hi, Can you please tell me how to get the value of dynamically added fields, for example this jsfiddle : http://jsfiddle.net/mlotfi/43gyzepo/ Thanks
Proposal of an extension to jQuery core for async loading and module definition.
Hello friendly jQuery people! Please excuse this rather long mail. I'm writing on it and the docs for the better part of this day. (And excuse the word "mail" and the formating in the following. I thought there was a mailing list to post it to. Now I'm feeling a little old school while pasting it in here ;) Quicktip: There is documentation and code at https://github.com/ScheintodX/jqinit.js if you which to skip my writing and just have a peek. I'm the author of jqinit.js and would like to propose
where does $(this) point to , under the following circumstances .
Given the following code INSIDE A PLUGIN , where exactly is $(this) pointing to ?? EXMPLE ONE : var current = $(this); // declared as a global variable inside a plugin. EXAMPLE TWO function number_of_image(){ $(current).each(function(){ count++; }); return count; }; EXAMPLE TWO : function number_of_image(){ $(this).each(function(){ count++; }); return count; }; EXAMPLE THREE : (This is not a function , this snippet of code is typed in the global scope of the plugin) : var count
Space between lists on listview. Is there I missed something ?
Hei guys Im not expert in programming. Need to ask, when I try to build listview (any kind of list view) in JQM, Im getting trouble with the space between each list. It should be no space between lists as shown in JQM web examples. Is there I missed ? waiting for your help and solution guys. Attachment = comparisson between example and my result Browser = Opera JQM version = 1.4.5 (loaded js and css as well) Thanks a lot :)
Changing the non-active state of the text on a radio button.
I have a set of radio buttons, the theme of the background is white and the text on the button is white. It is fine when the button is checked as you can see the text clearly visible but how can I change the text on a non-active state to black? Thanks.
event handler loses capitalization of passed string parameter
Hi all, new here, but not new to js and love jquery :) Trying to create a label that a rollover causes to change to "DELETE" and rollout changes back. It works BUT it loses its capitalization. This is done with event handlers. Using jquery-2.1.0 (also errs in 2.1.1) Tested on firefox-33.0 with ubuntu-10.04 Tested on google chrome-38.0.2125.122 (64-bit) with ubuntu-10.04 Example is at jsfiddle.net/pwuatk09/1/ I have a <label> that says "Phone". When I mouse over it it is supposed to change to "DELETE".
whats wrong with this?
<!doctype html> <html> <head> <link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jqueryui/1.11.2/themes/smoothness/jquery-ui.css" /> <style> .wrapper { } .slider { width: 728px; height: 310px; overflow: hidden; margin: 30px auto; } .slider img { width: 728px; height: 310px; display: none; } </style> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script> <script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.11.2/jquery-ui.min.js"></script> <script> function
How to show modal dialog over an object.
Problem: Modal dialog hides behind the object tag but i want to appear modal dialog over an object .Thanks
Drag N Drop Stops working for some reason in IE 9
I'm a newbie in Jquery. I'm using jquery ui drag n drop (draggable and droppable) jquery-ui-1.10.3.custom.min.js and jquery-1.10.2.min.js, it works , but for some reason it stops working after several seconds when i'm sending some data (using ajax) about columns' position into the server , i can't understand what is the problem and why it stops working (i.e. i can't drag columns with mouse cursor , it only selects text with cursor but doesn't drag the columns). Also i have an issue with helper: "clone"
Radio Buttons & Stretching 100% on screen.
I am trying to develop an app on the iPhone. However due to the different sizes of the screens one of the problems I have is with radio buttons. I have a set that needs to stretch across the screen but I am completely stumped by it. I have created a fiddle, http://jsfiddle.net/83LpjLe0/, Any help would be really appreciated. Thanks.
Possibility of using jQuery Tabs with older version of jQueryUi?
I'm using an online service where on the backend, they have jQuery loaded. It's a previous version that doesn't necessarily work with the current jQueryUI version. More specificially, I am using the Tabs and Accordion functionalities. Well, by overriding the version of jQuery and jQueryUI, I have now disabled the native functionality they've included with their software. I wanted to ask if anyone could help me. I want to keep the jQuery version they have stored in their program and only call
Android and IOS Keyboards not hiding
Im using jquery mobile 1.2.0.min and jquery 1.7.2 and i also just tried the jquery 1.8.2 version and still got the same problem. I have tested my app in Android 4.0.4 and IOS6 , Xoom tablet and iphone 4 specificially. On any page , whenever I finish typing something and press the return button , it does not close the keyboard. I have tried .blur() , .focus() on another element , $('input').blur() , a chain of .blur() .focus() .blur() and they all do not work. In fact , .focus() on an element does
Next Page