Summary Grid
Hi I have a beginner question ! i want create a grid to show products , prices and calculate total. User can remove rows or add rows from another dropdowncontrol. Someone can help me start the right way? (need tutorial, example, etc). Its possible with standard widgets? thank you very much
How to submit a form with jquery-ajax and update input on the form?
How to submit this form with jquery-ajax and update ? In my servlet I can put some message as request's atribute or mb is better to put this massage to the response? How to update the <p class = "valid-error" > with jstl or with success function of ajax? This is my code: $(document).ready(function() { $("#mainbutton").click(function() { $("#ajaxform").submit(function(e) { console.log("before"); $.ajax({ url: "userctrl", type: "post", data: $(this).serializeArray(), success: function(data, textStatus,
Vertical Dot Navigation
I am working on a vertical dot navigation and have been able to have the hover label work, as well as navigating to the different sections on click. Where I am struggling, is having the active dot show when scrolling through the continuous page sections. Currently, when I start the scroll, all the dot navigations fill in, rather than just the one dot nav that is connected to the section. I have tried using $('this').addClass('active'); but as you can see, it still does not address the issue. Here
Stupidtable
Hi I wonder if someone can help please? I have successfully installed stupid table and it sorts when the head of each table is clicked. However I would like the table to sort when loaded on the 10th column ("Points"). Please find the code below and the suggested code below that. Does this code have to be in separate <scripts> or contained, I have tried several combinations without successes. <title>Stupid jQuery table sort</title> <script src="jquery-2.1.4.js"></script> <script src="stupidtable.js"></script>
RESTFul API WebGet attribute methods which defined as void working successfully in JQuery 1.6.4 but throwing exception in JQuery 2.1.3
Hi All, I am facing a critical problem in my project which is mentioned below: New version of JQuery 2.1.3 doesn’t support RESTFul API WebGet attribute methods which had been defined as void, as a result it was throwing the exception. Only GET( HTTPVerbs) method successfully running when we defined as with return value. Even I tried with RESTFul API WebInvoke and in this case also latest version of JQuery 2.1.3 could not able to execute those GET(HTTPVerbs) method Which had been defined as void.
Why I cannot get action from ajax post request
Here is my code: $(document).ready(function(){ $("#mainbutton").click(function(){ $("#ajaxform").submit(function(e) { $.ajax( { action : "mainbutton", url : "userctrl", type: "post", data : $(this).serializeArray(), success:function(data, textStatus, jqXHR) { alert("success"); }, error: function(jqXHR, textStatus, errorThrown) { alert("error");
How to add iframe as “content” in the JQUERY ModelN/sDashboard
I would like to add an iframe as content in many of the dashboards like: { widgetTitle : "Lady gaga tweets", widgetId : "tweet123", widgetContent : "<iframe id='I10' name='I10' src='newevents.asp'>" } I know I need to define this in the jquery code above and have tried several things but no go. Any help will be appreciated. Information is located here for ModelN/sDashboard:github.com/modeln/sDashboard
#anchor doesn't work in IE
I am using window.location.href to direct my page to an #anchor point on my webpage but it doesn't work within IE. How can I get this working. window.location.href = '#song4';
Bar Indicator - a new jQuery plugin
BarIndicator ( link ) Hello to all jQuery enthusiasts! I am please to announce the release of a new jQuery plugin, called BarIndicator. BarIndicator is a jQuery plugin that helps you visualize numeric data (percentage or absolute numbers) in to bars. Please feel free to check the plugin page , also visit the GitHub repository
understanding design pattern of a jquery gallery plugin
hey guys i was just going through the code of a gallery plugin and i have been on this for a few hours now , basiclly the plugin has the following code structure , have a look : (function( $, undefined ) { /* * Gallery object. */ $.Gallery = function( options, element ) { this.$el = $( element ); this._init( options ); }; $.Gallery.defaults = { current : 0, autoplay : false, interval : 2000
use jQuery UI dargable
I use the dargable JQuery UI, encountered a problem. My browser is Google browser, the page is a scroll bar. I drag it. If the scroll bar is greater than zero, the position and the mouse position of the drag element can be offset. English is not very good, please forgive me This is the wrong picture.. This is the right picture..
Preload images event --> Problem with multiple
Hello everybody! I have script which is preloading chosen image and after finish can make some event. But preloading is working only for one image.. var $src1 = $('#image').data('src1'); $('<img>').attr('src', $src1).load(function() { $(this).remove(); $('#loading').hide(); $('body').append('<img src="' + $src1 + '" width="200"">'); }); If I create another var (for example to take data from src2 ), and put it to function like this: $('<img>').attr(src: $src1,
Search Multiple Webpage URL and Display as HTML
Hi, I am normally not a back-end programmer (that's why I can't really understand programming stuff), but I am requested to develop an ios mobile app using jQuery Mobile. WIll truly appreciate it if some kind souls are willing to help me out! I am currently doing a search function, in which user should type a keyword, and the jquery script should search through 60+ url pages (pages written in .aspx, only can run using intranet) in one go and return links which contains the keyword in it. When the
How can i check whether the website is already opened, if opened redirect to that tab
Tried this? var win = window.open('http://google.com', 'tab'); if (win) { win.focus(); }
Jqgrid edit inline mvc Controller only get a value of cell eddited, And i need all data of row. Help!
Hi, I've a .net project with mvc and jqgrid. I use a edit in line in a jqgrid and i use a editurl to call to ActionResult class(Controller) like this: public ActionResult SaveManyGrid(string Id, string DateCreated, string DateExpired) Everything works fine, but the ActionResult only receive the value from the cell was editing. If i edit the DateCreated, DateExpired value is empty o null. When all has values. I need get all values, because the value of DateExpired depend of DateCreated value.
dialog box which contains just a title, an edit box and a submit botton
I hope it's the right forum for my question... I need to popup a dialog box which contains just a title, an edit box and a submit botton. Then I want to write programmatically to the edit box, write also manually and close it with the button. Is there some example to that? Thx I. Sher
jsTree
so I have here a jsTree instance, which is working fine. I'm dynamically storing datasets (with jquery .attr() and .data() ) in the list items, the html set is precoded (no loading via ajax or whatever). the structure looks like this: <ul> <li>Node1 <ul> <li>Node2 <ul> <li data-material-id="bpch1u1">Leaf 1</li> <li data-material-id="bpch1u2">Leaf 2</li> </ul> </li> </ul> </li> <button type="button" class="btn btn-primary" onclick="openMaterial($(this))">Open Material now</button> while listening
JQuery Array in Ajax post seems to serialise and appear as one element in controller list/array
Hi, I have an array in JQuery which holds the Id & value of attributes I need to pass to the MVC controller. The array seems to populate correctly in Jquery and the ajax post to the controller works too. However, the value being passed back to the controller appears as a flat single element in the controller array (i.e. all array values are flattened into 1 sequential string value). Here is the jquery: var attListArray = new Array(); table.find('tr').each(function (i, el) {
Version of jQuery UI based on jquery-1.10.2.
I have jQuery version jquery-1.10.2.js and what version of JQuery UI should I use? Please remember that user you use my website, they use old version of web browser. Thanks!
jquerymobile and Cookies Law banner?
Hi all, is there a way to add a cookies banner to a site created using jquerymobile? I tried the most unobstrusive ones but none of them worked. I badly need to show a banner on all pages (until the user click the banner OK button) but I can't find one? How can I comply with laws here in Europe with jquerymobile? TIA tony
Inconsistent swipe on android webview
For quite some time I have been unable to get the swipe to work on android webview. It would sometimes work and sometimes not. I decided to look into the jquery.mobile source to see what was going on. The main issue was a lot of the time when starting a swipe the line Math.abs( start.coords[ 0 ] - stop.coords[ 0 ] ) > $.event.special.swipe.scrollSupressionThreshold would fail early, causing scrolling to occur. Math.abs( start.coords[ 0 ] - stop.coords[ 0 ] ) would often be very low numbers of 3
How to scroll to an element inside Div (Jquery & Javascript)
I have a div that surrounds a table. Inside a table there is a span element inisde <td>. In one of the rows, the span element class is "Highlighed". after a button is clicked, I want the scroll bar scrolled to that span element with class "HighLight" The page is filled with old JAvascript methods, so if you can help me with either Javascript or Jquery or both that will be awesome. <div id="DivTasks" style="width: 100%; height: 83px; overflow-y: auto; overflow-x: hidden;"> <table class="blah">
Jquery UI Draggable Position Issue
Good day. I am currently working on a functionality wherein you can drag a div and place it in a div. It is almost similar to this Card Game. I have worked on it and I was able to run it, but when I integrated it to the main application, it is no longer working. Draggable is working since I can see that when I drag the div, I can see the dragging class. the reason why it is not working is that, when I drag it.. it does not move.. the top and left position is not updating. It is in just the same position
"appendTo / after" each item with $(this)?
Hi! I'm trying to move a div inside a container for each instance of that class. But when using the script below, it moves every single matching div below all the matching "group fields". My jQuery now: $('.field-1').insertAfter('.group .field-2'); The code: <div class="container container-1"> <div class="field-1"></div> <div class="group"> <div class="field-2"></div> </div> </div> <div class="container container-2"> <div class="field-1"></div> <div class="group"> <div class="field-2"></div>
Reset CSS in validator
Hi, I am using jquery validator to validate the form and setting the backcolor of the element: errorPlacement: function(error, element) { element.css("background-color", "red"); }, I want to know when unhighlight , how can I reset the css style to its original / default css? Thanks, Jassim
controlgroup('refresh') not working
hello i am having problems using both enhanceWithin() and controgroup('refresh'). i posted a question last month about a similar thing(link ) and i was help but when i try to apply what i understood it just doesnt work. Now my problem is i want all the possible answers in the quiz to look like this link2 now this was how i did it with just one question but now i want to do multiple questions.
append + trigger(“create”) really slow with large DOM in Phonegap
I'm using Phonegap and JQuery Mobile to create an iPhone mobile application. This application parses an external JSON and its contents are "formatted" in the Javascript appending the corresponding HTML tags and then adding all of this to the DOM. This is done with the following: $('#container').append(output).trigger("create"); The previous code works perfectly when the data in the JSON is small and therefore the contents in the output variable is also small, but when the data is large and the
problem transition inpages
hello i complete my application PHONEGAP using JQM but i find a problem in the transition in pages every transition the screen become white befor loading pages what i should do thanks
How do nest the same dialogue infinitely?
First of all, is this even possible? Second, How? I have not even attempted such a feat yet. I just do not know where to start. I have my base dialogue that pops when a user clicks new on an account (this account is to create a parent), but this needs to be able to be done infinite amount of times. I.E. Sub-Item of a Sub-Item of a Sub-Item of a Sub-Item, etc...
Fade out Div then add display none with fade in delay
Hi all - I'm having a small issue which i need help with. I have a div which has been overlayed over a set of gallery images called ".mask1". When someone hovers over this div i need it to fade out and display none added so i can use the gallery. When the mouse is moved off the gallery i need the div to fade back in after say 2 seconds. i've tried animating opacity with css but obviously the div is still their over the top so the gallery isn't clickable, i've also tried adding a class but the animation
Using jQuery UI toggle expanding/hiding nested divs
I have a recursive function that renders divs as shown below. I have been researching and have not found a good way to accomplish the toggle method. I would like to be able to have the click method fire on only a single element. IE: Only fire when i click on Administration, not when i click on anything within administration. Then at this point all i am really trying to do is click on a level 1, fire the toggle method to just show/hide whats nested inside that element. I would love to be able
JSON not working pls help
Dear All Please refer http://marathepratishthan.org/register.php JQuery code $('#relationwithmaratheid').change( function () { alert($('#relationwithmaratheid').val()); // display the id when drop down changes which is correctly displayed $.getJSON("relationwithmarathejsonfill.php", {id: $('#relationwithmaratheid').val()}, function(data){ $('#sondiv').text(data['son']); $('#daughterdiv').text(data['daughter']); $('#husbanddiv').text(data['husband']); }); }); The
Send decimal number as json parameter to web service
Hi, I have a json call that consumes a web service, it request several parameters, all of them string, but one of them is a decimal, something like this for example "2.21" as string, however, jQuery keeps crashing with error "500 undefined" if that parameter contains a dot, however if I change it to comma, it works, but the number is stored in the database as integer, with no coma, this my my code: function addReportLine() { var productVal = $("#productCode").val(); var nameVal = $("#productName").val();
jQuery slideshow
Hey Everyone I am trying to find a specific gallery style and haven't had any luck. Many are out there on live sites but I can't find any source files to save my life. I am looking for this with the transparent sides/next image preview... http://www.backcountry.com/ Thank you for any help. Sorry if I am in the wrong place.
Inherited this code, is there a better way
I have inherited the code in the attached doc. (tried to include it here but exceeded limits.), and, although I am very new to tablesorter, JQuery and AJAX, I can not help but feel that tablesorter is not being used quite correctly here. The following functionality works as the developer intended: promoTable.clear.click. (line 667) promoTable.auto_search.click (called on line 637. Function begining on line 661) The double click functions (lines 648 through 659) promoTable.filtered_search.click (line
Issue on Using Mouse Slow Event with Raphaël.js
I am trying to use the hoverIntent.js with Raphaël.js at This Demo to handle the handlerIn function not immediately and waits until the user's mouse slows down enough before making the call of any function( like Hover) but I am getting this error: Uncaught TypeError: Failed to execute 'animate' on 'Element': The provided value is not of type '(AnimationEffect or sequence<Dictionary>)' Can you please let me know why this is happening? and does Raphaël.js has any built in function to do the same job?
How to style Datepicker month and year dropdowns
Is there a way to style the month and year dropdowns of Datepicker when the changeMonth and changeYear properties are true? I wanted to change the background color and I don't know how. If there is a way through ThemeRoller, I couldn't find it. Thanks.
send an Html var using $ajax
Hi, Im trying to make a inline-edit table (it work) with jquery. But i need to customized some cells with html ( <br> <b> </b> ) nothing extravagant :) My problem is that my var in truncate with there is a html tag My code function saveToDatabase(editableObj,column,id,tableToUp) { $(editableObj).css("background","#FFF url(loaderIcon.gif) no-repeat right"); $.ajax({ url: "saveedit.php", type: "POST", dataType : 'html', data:'column='+column+'&editval='+editableObj.innerHTML+'&id='+id+'&tableToUp='+tableToUp,
Sorting divs by multiple conditions
Hi I had to replace a table list with a div-layout because of a desired hover-effect (additional info appearing when hovering over a row) before, I was able to sort the table with a jQuery-Plugin (tablesorter). there I had the possibility to sort by multiple columns. for example, first by rating and then by title Now i have the problem, that I don't get it to sort by multiple conditions. with 1 row, it looks like this: $divs = $('.container'); var sortData = 'title'; var sortDir = 'asc';
Having Issue on Assigning Functions to JavaScript Object
Can you please take a look at This Demo and let me know why I am getting following error? when I try to use $(boxes.BC).hover({ alert("You Are On BC"); });
Next Page