Uncaught TypeError: $(...).jqGrid is not a function
I have used Jqgrid in my asp.net mvc project.I got error like "Uncaught TypeError: $(...).jqGrid is not a function" I have Mentioned my code below.plz help me . Bundleconfig.cs bundles.Add(new ScriptBundle("~/bundles/rolescripts").Include( "~/Scripts/jquery.jqGrid.js", "~/Scripts/jqModal.js", "~/Scripts/jqDnR.js", "~/Scripts/grid.locale-en.js" )); bundles.Add(new StyleBundle("~/Content/css").Include(
Manipulationg CSS properties
Hi I came across this code for doubling the size of a div var target=$('#target'); target.css({width:target.width()*2,height:target.height()*2}); Please forgive my ignorance :) but i would like to know: in this piece of code 'target.css({width:target.width()*2,height:target.height()*2});' why is target.width mentioned twice when it is seemingly understood that is the width of the target that we are talking about? i mean why can't we write the code like this: target.css({width:width()*2,height:height()*2});
Issue with local jquery.js
Hi, I'm trying to convert my datepicker example page from using online jquery.js to using my local version downloaded. I have a working version of a datapicker but it uses the JS libraries stored at //code.jquery.com/... I have got two working locally but not the last one! My code is below, it works but the commented out part does not work. I have crawled the website and google but still in the dark :-/ Is there anything obvious I am doing wrong? I can confirm in the header of /js/jquery-ui-1.11.4.custom/external/jquery/jquery.js
Why my jquery code doesn't work with updatepanel post back?
Hello, I'm new to jquery. I want to use jquery mask function to format my input. Here is my original code: <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title></title> <script src="../Scripts/jquery-1.11.3.js" type="text/javascript"></script> <script src="../Scripts/jquery-maskmoney-3.0.2.js" type="text/javascript"></script> <script type="text/javascript"> $(document).ready(function() { $('#<%=TextBox1.ClientID%>').attr('maxlength',
Nested table, get value of td with class i defined, but only on selected row
I desperately need help on this getting the value of a column thats nested inside a table. I cant get the logic or code right. My table: <table id="eventsToList" class="table table-striped table-condensed table-responsive"> <thead> <tr class="header"> <th></th> <th>EventID</th> <th>Created</th> <th>Description</th> <th class="pull-left">Address</th>
jQuery UI sortable "forcePlaceholderSize" doesn't work with Firefox??
Hi, I set forcePlaceholderSize to true. In Chrome, a new placeholder div is created with inline CSS height property. <div class="sortable-placeholder" style="height: 92px;" ></div> But if I run the same code in Firefox (v 43.0.4), the newly created div placeholder doesn't has a height style. <div class="sortable-placeholder"></div> I know I could set the height in the sortable-placeholder class. I just wonder why forcePlaceholderSize does not work with Firefox. Please see below for my test code https://jsfiddle.net/Lgqt1ns7/1/
hasClass test for hasDatepicker failing - why?
Hi everyone, I have a form where all date entry fields have had the datepicker attached using the following code: $(this).datepicker({ changeMonth: true, changeYear: true, dateFormat: jqDateFormat, showOn: jqDateAction, buttonImage: imagesPath+"calendar-datepicker.png", buttonImageOnly: true, onClose: function(datesel,elem2) {SetEntryFlag(this.id);} }); jqDateFormat = “ddmmy”, jqDateAction = “button” I have a JavaScript function later where I need to check to see if
having a problem with slide and scroll
i got 3 rows with 4 icons in each. when clicked, each icon makes a div visible and slide down and the page scrolls to a specified span element at the top of each div.. but for some reason when switching to another div with longer height, it scrolls all the way down :) its pissing me off so much! so here is the code for one of the bottons: $( "#shop" ).click(function() { $( "#Enerji , #Hizmet , #SaglikYasam , #Otomotiv , #Sigorta , #Makine , #EmlakPazarlama , #Insaat , #YemeIcme , #Eglence , #Tarim"
how to list my own plugin in plugins.jquery.com
Hi der, I uploaded my plugin in NPM.. Is that any way to list my plugin in plugins.jquery.com.. Thanks..
jQuery slider issue with size...
Hi all. I am trying to develop my own website and having never used jQuery before I find myself in a bit of a pickle if I'm honest. I have got the necessary code and have adapted it to my needs. Before implemented in my website I done a test run using my own images to see how it worked and it was fine. Now the issue is that the size of my pictures (690x275) have slightly shrank leaving a bit of a gap around on my existing class=slider div. I have looked at all the code and for the slider code that
Display JSON data
I have two php files on website, 1 - index.php and 2 - list.php. A menu link in index.php points to the list.php page. The data on list.php is JSON from mysql server. Data can be correctly displayed. So far so good. Problem: Unless the link specifies data-ajax=“false”, the data does not render until I refresh the list.php page. Not a huge problem, but is there a way to achieve desired result without using data-ajax=“false”? Here is the javascript: $(document).on("pagecontainershow",function(){
pre loading adobe edge animation content with jQuery
Is there a way using jQuery to preload adobe edge animation content. By that I don't mean the actual adobe edge animation but the PNG and JPEGSs used in the animation. at the moment I cannot find a way to properly preload an Edge animation ( I have a huge file with lots of PNGs ) I would be happy if the adobe edge preloaded function works but it doesn't. My entire page interrupts any DOM activities including jQuery or css loading bar animations or whatever I'd like to amuse the viewer with while
Save and restore jqm form
I have made a form in jquery mobile with radioboxes, checkboxes, tekstfields, multiselect. I want to save my form data with a save button and want to restore the data with a restore button. I found a great script http://jsfiddle.net/mindplay/yLPY3/ But when I copy it to my form or I convert the script to jqm, ony the textfields are saved and restored. Checkoxes, radiobuttons etc are not saved. Should such a script work with jqm ? or is there an alternative way to save and restore a compleet form
how to create dynamic json treans js
pls help how to create dynamic json treans js http://fperucic.github.io/treant-js/ Thanks
Get diffrent 2 times in jqueyr by click
Hello guys, i'm creating cms which calculate diffrent when the employee come in in the office, but now i'm going to calculate diffrent time by event click when employee loggin and click the button come in but i always get Nan result in jquery, You can see this demo already googling here but there should add date other hand i only have hour:minute:second, thanks for comment and answer
Disabled value
Hi When using this code: .attr('disabled','disabled'); why is 'disabled' mentioned twice? Thanks for helping me! Regards Jayashree
Minimum jQuery version that supports IE11 - am I reading this right?
It looks like from the chart found on the link below, that the minimum jQuery version that supports IE11 would be any version >= 1.0, am I reading this correct? https://jquery.com/browser-support/
How To Disable Mouse Enter Event and Only Detect Mouse Move to Left or Right
Can you please take a look at This Demo and let me know how I can disable any animation on Mouse-enter in the #carousel-example-generic ? I want to apply the .css() rules ONLY when the mouse is moving to Left or Right on the #carousel-example-generic ? what is happening now is, as soon as the mouse enters into the #carousel-example-generic jQuery is running the CSS rule but I want to do it only when the mouse is moving to left or right. Here is the code I have var startingPos = 0; $('#carousel-example-generic').mousemove(function(e)
addMethod in jQuery Validate plugin with required = false
I have a simple script to test if field has alpha caracter [code] $.validator.addMethod("hasalpha", function (value) { return (/[a-z A-Z]/).test(value); // Has at least one letter } ); [/code] and it use this as a rules for my form [code] name: { required: false, hasalpha: true, minlength: 5 }, [/code] The problem I have is that it always fire and error of not having at least 1 alphacaracter when the field is empty, even if required
Error validation not working on cloned field using jquery validate plugin
Currently working jquery clone with jquery validation. In the first scenario with my current code where I can able to valdiate original fields. In the top i will get error count. In the second scenario if the user enter in any of the duplicate row field then validation should happen. But currently this one is not happening here is the code which i tried but still no use $(".cloned_field").each(function() { if(($(this).val().length > 0)){ bind_validation(); } }); https://jsfiddle.net/karthic2914/h3vh2pLm/1/
change data-theme dynamically
Hi, I am trying to change te dialog theme using below code but it is not changing... why? here is my div: <div id="dialogAlert" data-role="popup" data-overlay-theme="b" data-theme="b" data-dismissible="false" style="max-width: 400px;"> <div data-role="header"><h1 id="msgTitle">Error!</h1></div> <div role="main" class="ui-content"> <p id="msgAlert"></p> <a href="#" class="ui-btn ui-corner-all ui-shadow ui-btn-inline ui-btn-b" data-rel="back">Close</a> </div> </div> and this is my jquery:
JQuery propagating to children and disable/enable click event
Hi all! I am working on a kiosk screen. The screen consists of 5 circles that surround an image in the center of the screen. When one of the 5 circles are clicked everything else fadesout, that circle moves to the center of the screen, grows in size and 8 smaller circles fadein around it. One of these smaller circles is a back button that when clicked fades the smaller circles out, shrinks the main circle, moves it back to its original location and fades in all of its siblings. I am having two
[Fixed] Using Horizontal Drop-Down Menu Tympanus Codrops
Dear Friends, Just new to the forum. Not newbie in jQuery, however, also not expert. :) I'm trying to use thie Horizontal Drop-Down Menu (http://tympanus.net/codrops/2013/03/05/horizontal-drop-down-menu/), however I'm having a bit of a trouble. When adding the menu content dynamically, the sub-menu items will not be shown. If I copy the code generated and paste it in the HTML directly, it will work just fine. Am I missing something? Do I need to call any 'reloader'? Can you give me a hand? Thank
Jquery Issue on IE 11 build version 11.0.9600.18124.
Hi Forum, I am using jquery 1.7.2.min.js in our application and we use IE 11 browser preferably. Recently my browser got upgraded from IE 11 build version 11.0.9600.18097 to IE 11 build version 11.0.9600.18124. Then I found certain drag and drop functionalities were not working. When I try to debug the same, while dragging I am getting an error in jquery-1.7.2.min.js specifying mergeAttribute is undefined. It happened all of a sudden after IE upgrade. If I downgrade my IE brower version it works
JResponsive issue
I am trying to use JResponsive http://jresponsive.is-great.net I am able to make it work however the animation it produces is only applied to the first DIV i attempt to apply it to. i have tried calling it with the following syntax's 1) $(#div_one_ID).jresponsive(){ array of properties} $(#div_two_ID).jresponsive(){ array of properties} $(#div_three_ID).jresponsive(){ array of properties} 2) $(.class_name).jresponsive(){ array of properties} regardless of which syntax i use (one declaration using
change event on radiobutton click
Hello and thank you to everyone who has previously helped me. This time I don't have a problem as my code is working. I am only asking if there is a more efficient way (i.e. less code) to accomplish my goal of utilizing a show hide based on a radio button clicked. See jsfiddle In the jsfiddle above, if you click the Other button, a required textfield appears. If you click any other radio button, the textfield disappears and is no longer required. It's the hide part of the code, below, that I figure
Jquery having two effects on same div!
Hi all! I am new to Jquery so go easy on me! I have written a bit of code that works for the most part, however, when the #JSb is clicked it can trigger two different actions when clicked...but I only created one! When you click anywere but the top left corner of the div the entire screen fades out (this is not the effect that I want). If you click in the top left corner the action that I want actually occurs. I have this working for 4 other divs perfectly and no matter how many times I go through
Script is not reloaded
Hello, I’m Pierre-Yves graphic designer, digital publisher and Jquery beginner. for a job, I used indesign and export with In5 ajar (software that allow to export in Hml5, css and jc) to the web. In5 Ajar create its own html, css and Queries files, If you inspect my web page below you can see it. I put 3 images moving from right to left. Problem: At the beginning of the animation, images wasn’t hide. I saw that in the file in5.config.js (file created by the export from indesign) this function: function
Scroll animation
Good evening. I have two buttons with position:fixed on my website. What i need is to while clicking on a top button the window scrolls top on 300px, the same with bottom, it scrolls bottom on 300px. Any ideas how to make this?
Jquery AutoComplete on Mutiple textboxes on ajax populated page
I have multiple autocomplete textbox in partial view which is working fine when referred from lets say on View 1.On view 1 i have a button ,on click of which i am redirecting to view 2 which also refers this partial view.But here on view 2 ,autocomplete is not working.Then i used the .on function as below, and in this case only one textbox is getting autocomplete while rests are not working. Where i am going wrong. function PlanAutoComplete() { // debugger $("#txtPlanName").autocomplete({ source:
How to use recursion along with setInterval
Hi Everyone, My objective is to Request a database call STEP 1: if record is present then display the modal for five seconds while closing the modal again request a database call when the modal closes and repeat (STEP 1:) STEP2: if no record is present then request a database after every 2 seconds Below is the code I have tried and various other, but the problem is after the STEP1 is completed for say 4 records after call of these 4 records there is again a database call with all
Using Dialog with JQuery Validator
Hi, I am using JQuery Validator like this: rules: { cboPaid: { required: true }, cboCategory: { required: true }, dateFrom: { required: true }, dateTo: { required: true } }, I want to use use JQuery dialog with it like this: rules: { cboPaid: { $('#msgAlert').html("Please select paid or unpaid!"); $('#dialogAlert').popup(); $("#dialogAlert").popup("open"); }, cboCategory: { $('#msgAlert').html("Please select the category!");
Stuck trying to change the id and text of a button.
I am stuck trying to change the id and text in the header of a page. The text currently says 'confirm' and the id=btnConfirm - when this is pressed I want to change the text of the button to say 'edit' and the id to change to btnEdit https://jsfiddle.net/a4poster/ysyxvtyp/2/ Thanks in advance.
FILTERABLE PORTFOLIO excluding one category
Hi there, I'm using this fantastic FILTERABLE PORTFOLIO: http://webdesigntunes.com/tutorial/filterable/ But now i´am trying to configure the standard filter All (*) with the exception of one category. I have these categories: <nav class="primary clearfix"> <ul class="conteudo_corrente"> <li><a href="#" class="selected" data-filter="*">All</a></li> <li><a href="#" data-filter=".product">PRODUCT</a></li> <li><a
Keeping PHP Sessions alive while using JQuery
I just started using JQuery because PHP had my pages reloading every time I'd click a button. Now that I use JQuery with PHP, the pages don't reload. I removed the <form> tags and made all my calls to the database go through JQuery. But that's caused yet another problem. I don't know how to keep my PHP sessions alive now. When the pages were reloading all the time using just PHP, session_start() was called often, keeping the session alive. But with JQuery, this isn't the case. So I'm hoping that
.each function?
Hi all! I've received a complex task that I'm not able to answer. Hope you guys can help me! Task: You have a hypothesis that changing the order of the "Add to Wish List" and "Book Now" elements will increase conversions. Write the JavaScript needed to swap the 2 elements for every trip listed on the page when the "Change Order" button is clicked. Hint: You may want to write an each function to have this work properly. Make sure that you only have 1 "Add to Wish List" element and 1 "Book Now" element
Completing my code! - Copying a record between two objects
Objective: I have a table which has a column of check boxes in the first column. Then I have a button which applies an effect to the selected rows in that table. The button should copy the selected row, to another object. What the Code Below Currently Does: The code below applies the check boxes to the table, and places the button on the page. What is Missing from the Code Below? The action of the button, which copies the selected records to another table (object). The Code: // ------ Function to
Automcomplete not enabled
I added autocomplete using the code shown below: <input type="text" id="process" name="procname" value="press enter" > <link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css"> <script src="//code.jquery.com/jquery-1.10.2.js"></script> <script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script> <script> $(function() { $( "#process" ).autocomplete({ $( "#process" ).attr('autocomplete','on'); source: "process.php" }); }); </script> I found it wouldn't
Superfish Oscomerce
Hello, Need categories on oscommerce to go on the right and not drop down. Until now didnt found how. <script type='text/javascript'> jQuery(document).ready(function(){ jQuery('ul.sf-vertical').superfish({ animation: {opacity: 'show'}, // slide-down effect without fade-in
Using $(this) or this
<script src="https://code.jquery.com/jquery-1.10.2.js"></script> <p class='first'>p1</p> <p class='second'>p2</p> <p class='third'>p3</p> <script> $('p').after(function(i,v) { return "<div><b>" + $(this).className + "</b></div>"; }); </script> Output p1 undefined p2 undefined p3 undefined Why I can't use $(this) here? Why I must use 'this'?
Next Page