Anchor inside listview causes page refresh
<ul data-role="listview" data-inset="true" class="tablist-left"> <li id="link-home">Home</li> <li id="link-questionnaires">Questionnaires</li> <li id="link-forms">Forms</li> <li id="link-demographics">Client Information</li> <li id="link-logout"><a href="/Account/LogOff" data-ajax="false">Log Out</a></li> </ul>For some reason once I add an anchor tag inside of my list element when I load up my page it loads fine at first, then immediately reloads the page
Post Example with ContentType?
i think there's something wrong with this code. Instructions for the API say to set the Content-Type header of your request to application/x-www-form-urlencoded but i don't think i'm doing it correctly. $.post(
"../api.php?action=edit&title=Portal:TagDescriptions§ion=2&summary=Hello%20World",
{ Text: "Hello, world.",
token:"c30460d9159a5e2eccca60944ef286405b2393d1%2B%5C%5C" },
function(data) {
$('#lblDescription').html(data);
},
"application/x-www-form-urlencoded"
z-index and styling <audio> tag
Hi: does anyone know , before I start exploring: do applications such as jPlayer, mediaElement.js, and there must be others... do they actually allow for adding a z-index to the styling? there are examples where the container is given relative positioning, but no examples with z-index. Any suggestions welcome... cheers.
JQgrid
jqGrid Treegrid does not expand and collapse rows after dynamic load of data <table id="grid"></table> <div id="jqGridPager"></div> <style> </style> @section scripts{ <link href="~/Content/jquery-ui.min.css" rel="stylesheet" /> <link href="~/Content/ui.jqgrid.css" rel="stylesheet" /> <script src="~/Scripts/i18n/grid.locale-en.js"></script> <script src="~/Scripts/jquery.jqGrid.min.js"></script> <script type="text/javascript"> jQuery.browser = {}; (function () { jQuery.browser.msie
a quick question about preventdefault
I am a whore
Video slider: stop when the video is switched
Hi everyone, I have created a video slider embedding Youtube videos (using tag <iframe>), that is, I have two videos that switch between one and the other when I click on a circle that I have taken from fontawesome.com. When I clic on the bottom PLAY to start the video, it does not stop when I switch to the next video of the slider. I would like when I change the video, the previous one is stopped. I show below the js code that I have written so far. If you can help me to know what I should include
JQgrid
when i try to close the tree create duplicate row .. tree expend or collapse not working jqgrid.
JQgrid
i am using jqgrid treegrid in mvc 5 but grid is not binding with json data. <table id="tree"></table> jQuery(document).ready(function($) { jQuery('#tree').jqGrid({ "url":"~/App_Data/Data.json", "colModel":[ { "name":"category_id", "index":"accounts.account_id", "sorttype":"int", "key":true, "hidden":true, "width":50 }
Document Ready & Change Combined
I want to show/hide areas based on the state of a checkbox and the value of a radio group, this works but looks long-winded & can someone tell me a more elegant way to do this please so its fired on page load and checkbox state change: $(document).ready(function() { if ( ($('#val_0').not(':checked').length) && ($("input[name='val_1']:checked").val() == 'custom') ) { $(".custom-row").show() }else{ $(".custom-row").hide(); });
how to read file from plugins to java class
Sir I used this plgins : https://www.jqueryscript.net/form/Drag-Drop-File-Upload-Dialog-with-jQuery-Bootstrap.html i have no idea to how to read file from plugins to ujava class <!DOCTYPE html> <html> <head> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <link href="//netdna.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css" rel="stylesheet"> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script> <script src="//netdna.bootstrapcdn.com/bootstrap/3.3.1/js/bootstrap.min.js"></script>
JQgrid
jquery.jqGrid.min.js:426 Uncaught TypeError: Cannot read property 'msie' of undefined at jquery.jqGrid.min.js:426 at jquery.jqGrid.min.js:428 i am having this issue when i used jqgrid in asp dot net mvc 5 to use jqtreegrid. my referance js is @*<script src="~/Scripts/jquery-1.10.2.min.js"></script>*@ <script src="~/Scripts/jquery-3.2.1.min.js"></script> <script src="~/Scripts/jquery.jqGrid.min.js"></script> <script src="~/Scripts/i18n/grid.locale-es.js"></script> <link href="~/Scripts/jquery-ui.css"
Use animate.css in Jquery with random effects
Dear Sir Pls http://jsfiddle.net/jaz7mvc2/14/ I am using https://fastcdn.org/Animate.css/3.4.0/animate.css at present I am using following script for animation $(this).animate({'opacity':'1'},1000); $(this).addClass('animated slideInLeft').show() ; Can I use/ apply the different effects randomly so that each div will be displayed with one of the following effects viz fadeInRight fadeInLeft fadeInDown slideInLeft your help will be appreciated slideInRight
JQgrid
TypeError: Cannot read property '0' of undefined when try to bind data in jqgrid in mvc 5 public ActionResult GetValues() { int page = 2; string file = Server.MapPath("~/App_Data/Data.json"); //deserialize JSON from file string objJson = System.IO.File.ReadAllText(file); JavaScriptSerializer ser = new JavaScriptSerializer(); var personlist = ser.Deserialize<List<Person>>(objJson); var jsonData = new
Stupidest question of the day
Okay, so I've use JQuery before and it's super easy. For some reason I'm having a mentally challenged moment here. Help! I've got the simplest (for test purposes) function imaginable: $( document ).ready(function() { $.ajax({ 'url' : 'http://www.laisps.org/getmeta.php?key=732', 'type' : 'GET', 'success' : function(data) { alert('Data: '+data); }, 'error' : function(request,error) { alert("Request: "+JSON.stringify(request));
Having problems using parameters of a function to display a message
the result of $("#"+nombrecampo) is displaying the parameters as strings and is not displaying the things on the following way: tipo="Medico" indice=2 clave=nombre $("#campo").html(Medico[2].nombre); Sorry for mi english, thanks!
Item ID lost after drag & drop
Hello, I try to create a drag & drop for my website since 4 weeks and I have a prob with the value of an item ID. I have 2 sortables and 3 droppables in a table. There is no problem when I drop an item between the 2 sortables. Each time the ID value is OK. If I drop the item in a droppable, no problem too. Same when I drop Inside all the droppables. But when I drop from a droppable to a sortable then the ID value is "undefined" You can see my code here : https://jsfiddle.net/cbh8anuL/12 Please can
Phone or email validation in one field is not working
Below is my js code. Inside console.log return correct value but at the time of enter phone number still asking valid email address: <script type="text/javascript"> $(document).ready(function() { $("#rform").validate({ rules: { email: { required: true, email: function(element){ //console.log(isNaN($("#email").val())); return isNaN($("#email").val()); } }, pass: "required", }, messages: { email: { required: "Please enter your email Id or phone number", email: "Please enter a valid email address"
delaying a css rotate
Hi, I want to rotate an element, but after other animations performed on that element with jQ. It's not working so far... css:@keyframes turn { from { transform: rotate(360deg); } to { transform: rotate(0deg); } } .turn { animation-name:turn; animation: rotating 2s linear infinite; } js: function doEl() { do_jQstuff(); setTimeout( function() { $(‘#el’).addClass(‘turn’) }, 4800 ); } what's missing? misplaced? cheers
Return ajax without using async: false
Hello, I'm trying to create a function that returns the result of an ajax request, but the ajax is asynchronous. Someone could tell me how to do it. example: function ajax(){ $.ajax({ url: link, data: data, dataType: 'json', success: function (result) { return result; } } }); } var result = ajax();
how to disable or hide the jquery balloon based on condition
See the below example. http://jsfiddle.net/zf51hb46/1/ What I am doing is enter some numbers in any of the textbox it will become *. Mouseover to the textbox it will show the balloon with numbers you entered. select all the *s and press the backspace it will remove all the *'s. Mouse over to the textbox again it will show popup that textbox has previous.It suppose not to show the balloon. I did the code with condition but it still showing. Is there anyway we can hide the balloon based on condition?
how to initialize the jquery balloon when the controls are added dynammically
Hi Friends I am creating rows dynamically for a table and each will have textbox. In this scenario how can I initalize the balloon like the code below $(function() { $('selectors').balloon(options); });
backbone-tree-view : error in code
Hi, I am new to JavaScript, nodeJS and backboneJS. I have to create Product view in my backbone JS code. I am trying to integrate backbone-tree-view in my codebase to display tree view on screen. I have taken below details as base to implement tree view. https://www.npmjs.com/package/backbone-tree-view 1- have install backbone-tree-view on my project path 2- Added all the dependencies of script in my html file which is defined as template in the project. 3- Added tree in the body of same template
What happened to "jquery-latest.min.js" on code.jquery.com?
A couple years ago, I was advised to use the above link to ensure I got the latest version of jquery, and have coded this into my website. Today, while I was editing my site, I noticed that the link no longer worked, as my sub-paging (using "tabs") failed. I was able to get things working again by changing the src file to "jquery-3.3.1.min.js". Is this a temporary problem, or the way of the world in 2018 and beyond?
About the usage of +function ($) {...}(jQuery);
Hi: I recently read the codes in bootstrap, and see the codes snippet as following: +function ($) {...}(jQuery); the main problem is I didn't see +function before, and also can not find out any explain about this usage, what is that means, and when to use it. Is there any material about that? Thanks a lot.
How to properly reduce the code?
Meliá Hanoi Lily Maymac vốn nhỏ con thật chứ chẳng phải sử dụng ảnh ảo trên mạng đâu, mẫu chính là "hot girl môi tều" sở hữu chiêu chụp ảnh để lúc nào cũng gợi cảm và sexy nên mới khiến cho người ta bất thần khi gặp ngoài đời. Sau lúc phun môi nên kiêng ko được tô son sở hữu màu lên khuôn mặt. Màu hồng cánh sen sẽ khiến màu da của bạn trông tươi sáng hơn, do đó phun môi hồng cánh sen luôn là lựa chọn của đa dạng chị em với làn da ko trắng. Nghệ với tác dụng chống loét dạ dày và làm lành vết thương,
Tree view
i an creating div dynamically and change id for div and bind tree with new tee but tree is not working. int dynamicalyID=1; $('.treegroup').append(''<div id=newID></div>); $('#newID').attr('id,newID+ dynamicalyID); ('#newID'+ dynamicalyID).tree({ primarykey:'id', datasource:record, )}; dynamicalyID++ note: if i use blow code then working but approch one for dynamically tree. ('#newID').tree({ primarykey:'id', datasource:record, )};
How to make row static in table sorter by maintaining its index position within its parent instead of the whole table
I have a requirement in table sorter with Tree Tables. See the example at http://keyboarddrummer.github.io/tablesorter/docs/example-tree-table.html It sorts at the parent level and then inside the respective parents, it shorts child rows within that parent which is great. My requirement is for making a row static so that row should not sort and maintain its index within the parent. There is static row widget: https://mottie.github.io/tablesorter/docs/example-widget-static-row.html But it will lock
how to show many data in dingle row of gridview
$.ajax({ type: "POST", url: "test.aspx/GetChat", data: '{managerid: "' + m + '",clientid:"'+n+'"}', contentType: "application/json; charset=utf-8", dataType: "json", success: OnSuccess, failure: OnError, error: OnError, }); return false; }); function OnSuccess(response) {$("td", row).eq(0).html($(this).find("message").text()); $("td", row).eq(1).html($(this).find("direction").text());
How to Add Custom Increment and decrements Counter in jQuery Ui Slider
I am trying to increase the width of an element (.inner) using jQuery Ui slider. This is somehow working fine but I need to keep the center of the inner always in the center of .wrapper. so I think I need to add negative values for top and left but I do not know how to achieve them. Do I have to create two custom counter there or is there any better way to achieve this? Here is The Demo $(function() { $("#slider").slider({ range: "max", min: 300, max: 1000, value: 1, slide: function(event, ui) {
IE10/IE11 Intermittent AJAX error: SCRIPT7002: XMLHttpRequest: Network Error 0x2efe
I get the following intermittent error in IE10/IE11 when making an AJAX request. I can submit the same request several times, but every 6th (or so) request will fail with this error in the IE F12 console: "SCRIPT7002: XMLHttpRequest: Network Error 0x2efe, Could not complete the operation due to error 00002efe." I have seen many discussions about this around the internet but have not found a solid answer on how to fix it. I am making calls to Spring MVC like this: $.ajax({ method: 'POST', url:
how to change or replace numbers entered by user in the textbox to asterisk (*) and how to show jquery.balloon popup on hover on textbox
Here the scenario and the code 1)when the user enters number in the textbox it should be masked as * 2)When the user hover the textbox then it should show the number which user used entered as tooltip 3)when the user enters something in the textbox the tooltip should not be shown see the code http://jsfiddle.net/vdkLwmy3/6/ Please help. Note : Dont ask me why to replace the numbers into * .That is the requirement
mouseover or hover or mouseenter event on td is not firing using jquery
mouseover or hover or mouseenter event on td is not firing using jquery See the below code <!DOCTYPE html> <html> <head> <style> #customers { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; border-collapse: collapse; width: 100%; } #customers th { padding-top: 12px; padding-bottom: 12px; text-align: left; background-color: #4CAF50;
How To Append Ajax Response (Array Of Objects) To Tbody of A Table
Can you please help me to figure it out how to append receiving data from Ajax into a tbody of an existing table? In my HTML I have a Table Like: <table id="example" class="table table-striped table-bordered dt-responsive nowrap" cellspacing="0" width="100%"> <thead> <tr> <th valign="middle" class="c-font">Projects </th> <th valign="middle" class="c-font">Road Length (Km)</th> <th valign="middle" class="c-font">Powerline Length (Km)</th> <th valign="middle" class="c-font">Penstock (Km)</th> <th valign="middle"
JQUERY AND AJAX API INTEGERATION
I have a dropdown integerated it with jquery from api response.I have an ADD button on clicking it the dropdown appends N number of times and i am able to fetch response in all dropdowns. The scenerio is: I need to add a vendor who is able to supply N no of products so on adding details i need to select the multiple products from the dropdowns and store the selected product in database. I am using post method. <script> $(document).ready(function(){ $("#submit").click(function(){ var vendor_name
$(...).slick is not a function
Dear forum, I am using slick slider plugin on my webpage, and it's all working fine. Now I want to move my webpage to a different server (different provider). Although code and content are identical on the new server I get the error: $(...).slick is not a function Any ideas? Karl
how to show the tooltip when move over the textbox and show the hiddenvalue using jquery balloon
Hi Friends, I have the below requirement. I have table with three columns with multiple rows. The last column has 2 textboxs one for use input and another one for hiddenvalue The requirement is 1) when the user mouse over the first text box I need a show the value of the second text box as tooltip using jquery balloon plugin. 2)when the mouse moves out of textbox it should not show plugin 3)The tooltip should not be show when the user types something in the textbox Please help <!DOCTYPE html>
Is Jquery UI 1.11.4 EOL?
Is Jquery UI 1.11.4 EOL? Should I migrate to 1.12.1.
selector - nested uls
I have a div let's call it 'myDiv' In it there are nested uls. the first ul has 3 lis that represent the main menu in those 3 lis there are a lot of nested uls (sub-menu, and sub-sub-menues....) When I click a deep nested li, I want to remove all the content of the 2 other lis, but not the li that I am digging in. what I tried removes the whole content inside all the main lis, including the one I am in. $('#myDiv>ul').find('ul').remove();
Chaning Ids of radio buttons in radiobutton groups
Hi, I have a button called Add Quantity. When it is clicked, a div is added with a textbox for Amount, a button called Remove and two radio buttons called And & Or. When Add Quantity button is pressed another div is added. So forth and so on. When Remove button is clicked, I'm removing the div and then I change the ids and names of each control in these divs so that indexes are sequential. E.g. if div Amount3 is deleted then I rename the divs and controls within it. I'm having trouble renaming radio
How to wrap $.ajax.then() correctly?
Hi there, I'm new to this forum, hoping someone can help me out understanding promises and deferrals correctly. in a small hobby project i'm using an ajaxwrapper like this: var APIlib = { 'ajaxWrapper' : function (url, params) { return $.ajax({ type: type, url: url, async: false, data: JSON.stringify(params), }); }, }; loading this snippet first, in my following code i can use APIlib.ajaxWrapper("url", data).then(
Next Page