validate plugin not working with master page in asp.net
I am using jquery validate plugin with my asp project. I am using Master Page and Content Page. I've downloaded all the necessary packages for using validate plugin, pleases see the image attached and followed the tutorial provided on http://www.dotnetcurry.com/ShowArticle.aspx?ID=310&AspxAutoDetectCookieSupport=1 But there is no validation showing on my pages. I checked my project pages with chrome and firefox but there were no errors showing in console too. Please can anyone help me with this
Autocomplete: Do not show results
Hello! I would like to hide the number of found/matching results, which are always displayed above the input field. So far the text is no longer displayed but after the input of the first character, the line is increased by the size where the results were. In the code, I did not find the place which is responsible for it. Currently, the website is hosted on fast managed wordpress hosting. Does it has anything to do with the hosting platform? Can someone help please? Thanks and greetings Priti
JSONP request always throws error for sytax :
hi, I have the below code , i am fetching the json using jsonp , since i need to use the values returned. function logResults(json){ console.log(json); } var fetchProp = function () { console.log ('[exwprop] > invoke fetchProp () method.') ; $.ajax({ dataType: "jsonp", url: "http://localhost:8888/abc-samp-module-catalog/env", jsonpCallback: "logResults", type: 'get', processData: false, crossDomain: true,
Upload file , send response when upload is terminated
Hi , i must upload large file between 1 to 10 (size from 20 to 50 Mb ) , the script work but i must wait too many time to take the response. How can i change page and allow user to see other page , but work the php script in background ? this is my code: in datiForm i append file $(document).ready(function() { $("#upload").click(function(e) { $.ajax({ url: 'lavorazione_inserita.php', type: 'POST', //Le info testuali saranno passate in POST
Drag Swipe using PhoneGap
Hello, I am creating an app where I would like to swipe from one page to another. I tried using an Open Source jquery plugin I found called dragend and although it worked while I was testing it on my simulation, it didn't work when I transferred it to my android phone. I am probably not googling right because I can't find anything online on how to using drag swipe for transition. Can anyone point out how I can achieve this or give some samples from other online posts? I just need an idea on how to
JQuery & Working With SVG's
I'm working with SVG, snap.svg library and jQuery so I'm hoping I can find some help here. I have a fluid effect SVG number for my percentage loader which counts from 0-100 and whilst animating, changes the fill percentage of the text. You can see a live demo here. However, what I need is for everything to work via a variable which goes from 0-100 do do the following; Change the percentage value Change the loaded fill value Change the colour of the loaded fill value (see below) Side Note: I would
Searchable Dropdown
Hi, I have to enter the text in jquery select drop down and get the matching records from database and bind it to the same drop down. Initially drop down will have no list attached. List is to be attached only after searching database and finding the matching records. Can anybody help me to solve the problem. Thanks in advance.
moving a pix in an other div
Hi, I would like to know how I can do this : I have a pix in a div (div id="01") and I would like to make it disappear (my pix) to make it re-appear in an other div (div id="02") ? Thank for your help.
How to hide Superfish Module Menu on mobile device Joomla?
Hello, My template is using superfish menu module. I don't like the way it works on the mobile device, the way it uses scrolling. I want an actual modern menu to replace it on the mobile devices. The problem I'm having is to try hiding it on the mobile devices. I don't know what suffix to use in joomla "Advanced" section to make it hide on mobile device. I would really appreciate help. Thank you!
Function show/hide responsive menu
Hello everyone, First of all, I wish you a happy New Year! I try to create my function through jquery in order to display and hide a menu when I am in mobile format. However, after several different tests, I can display the menu but not hide it. There is my HTML code : <header class="header"> <div id="menu-content"> <a id="menu-icon" class="menu-close"><img class="menu-icon" src="img/bar-menu.png" alt="menu" /></a> <ul class="menu" id="menu">
Array push problem with extra comma showing
Hello, I am having a problem with a comma showing at the start of my sortable result. My html: <table class="table"> <thead> <tr> <th>id</th> <th>Category</th> <th>Activated?</th> </tr> </thead> <tbody> <tr id=18> <td>18</td> <td>Cardboard</td> <td>1</td> <td><a href='' class='btn btn-warning' role='button'>Edit</a></td> </tr> <tr id=16> <td>16</td> <td>Equipment to lease</td> <td>1</td> <td><a href='' class='btn btn-warning' role='button'>Edit</a></td> </tr> <tr id=17> <td>17</td> <td>Ovens</td>
A dictionary list
Hello all, I need some help please. I'm noob in jQuery and I try to create a dictionary list. But my problematic is that each definition must be displayed under his own row of 3 words (desktop), 2 words (in tablet) and under his own word (accordion system) in mobile. One definition must be displayed at a time. I would like to toggle definition when I click on a word. Wordpress will be use to add words so the list must be dynamic. Here my incomplete test : JSFiddle Can I have some help please ? Thank
ajax code not taking the data from table to second row
hi guys i have a issue on ajax. where ajax can't work to take the values of second rows. i hope getting solve of this problem. thanks before guys. this's my code in model function getdata_barang($barcode) { $this->db1->where("barcode" ,$barcode); $query = $this->db1->get('tblmstbarang'); if($query->num_rows()>0) { $data= array(); foreach($query->result() as $row) { $data['barang_nama'] = $row->barang_nama; $data['harga_beli']= $row->harga_beli; echo json_encode($data); } } else{ $data['barang_nama']
Progess bar upload
HI,sorry for english , i want implement a progress bar on a file upload : <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> </head> <body> <form enctype="multipart/form-data" name='lavorazione' > <input type="file" name="uploadfile" id="uploadfile" /><br> Nome: <input type="text" name="nome" id=" nome1"value="" /> <br> Cognome <input type="text" name="cognome" id="cognome1" value="" /> <br> <button id="aggiungi" class='btn btn-info'>Aggiungi Lavorazione</button> <button type="button"
Prevent click on TD next to image
I'm using this to prevent click on image: if (e.target.nodeName === "IMG") return; How do I do the same for the TD Cell next to IMG? The next cell has only text in it.
jQuery animation is snappy even with easing
Hi :) I am trying to fix an animation where it is a scrolling set of divs. After some time, The next div takes the top position at -55px. The code is as follows: var landingAlertFeed = 0, container = $('.landing-alerts__feed'), items = container.find('li'), containerHeight = 0, numberVisible = 3, intervalSec = 3000; if(!container.find('li:first').hasClass("first")){ container.find('li:first').addClass("first"); } items.each(function(){ if(landingAlertFeed < numberVisible){
getting scroll position while user is scrolling.
I am working on an app that I am putting into Cordova. All is working well except I want to hide part of the header when the user is scrolling down and then show it again when the user gets back to the top of the page. My problem is it seems that JQM only has scrollStart and scrollStop events which only hides/shows header when the user stops scrolling. I would prefer to hide/show while the user is scrolling like a native app? Is this possible? Thanks.
How to align collapsible inline with header text
Hi there, I have a collapsible in my header but it appear on it's own line which makes the header quite big. How can I align it (Options) with the header text (h1) to the right or left. Here is my code: <div data-role="page" id="home"> <div data-role="header"> <h1>App Title</h1> <div data-role="collapsible" data-collapsed="true" data-mini="true"> <h4>Options</h4> <ul id="options" data-role="listview" data-mini="true">
Do you use QUnit Parameterize plugin?
The plugin Parameterize was made for QUnit version below 2.x and I updated it to work with version 2.x. I have tried it on my own project and yes you can develop parametric tests very well but I haven't a chance to test combinatorial or sequential functions. Do you use this plugin and is it working as expected?
Exclude tfoot from Tablesorter?
I'm using the JQuery Tablesorter plugin (jquery.tablesorter.min.js) and I need the last row to be excluded from the sorting, so I added that row in tfoot: <tfoot><tr><td>Static row</td></tr></tfoot> After doing this, the row is still included. How come this happens? Do I need to do any adjustments to the plugin? I need to last row to always have the same position, and stay at the bottom.
Change checkbox into select list in wordpress
Hi. I have to change a checkbox group items of a form into a list (select option). I have tried locally using a simple html page in which copy the form code with classes and attributes. and with that following code everythings works fine, but when i insert the code into the head section of my wordpress nothing happens. the jquery code: $(document).ready(function(){ var selname = $('.mailpoet_paragraph').find('input:checkbox').attr('name'); /*seleziona il primo p con input checkbox e
I need a persistent popup (like tooltip but persistent)
I want what I call a "persistent popup". Here is what I need: When clicking a certain link (with an `onclick` handler or like this), there should appear a popup (similar to a tooltip) with HTML content which I provide. The popup does NOT close when I just move the mouse. To close the popup we click outside it. It is desirable that the popup is displayed with an arrow pointing to the link with `onclick` clicking which opened the popup. Is there a plugin for this? If no, I am willing to develop it
Using jquery.Printarea.js: Chrome will not print image
Using this script, Chrome (55.0.2883.87 m) seems to be the only browser (tested in IE, FF, and Safari) not printing images. I increased the setTimeout only for Chrome to still not process the image. Increasing too much will cause the user to sit and wait, and wait, and wait till the Print Preview box displays (this is unacceptable) with no image. Is there a way to fix this script so Chrome will print images or is there a better alternative that will work with all browsers? Is there a way to get in
jQuery UI resizable issues on horizontal textareas alignment and width changing
Hi. I originally posted a question to a problem I was having on stack overflow, but have yet to receive a response. So I will repost my link to that question here. Essentially what I am trying to create is my own live code editor. I will have a HTML, CSS, and JS panel. These panels are textareas that I would like to be resizable. Currently, I am having a problem with the textarea flowing vertically instead of horizontally. Strange as textarea display is supposed to default to inline-block.
Facing problem with jQRangeSlider 5.7.1 while upgrading to Jquery 3.1.1.
I am facing problem with jQRangeSlider. when upgrading the Jquery 2.1.4 to Jquery 3.1.1 please refer below code. $('#dateSlider') .slider() .dateRangeSlider(options) .bind("valuesChanged", function (event, ui) { valuesChanged(event, ui); }) .ready(function () { alert('ready');}); function valuesChanged(event, ui) { alert('valuesChanged'); } I noticed different behavior in chrome/IE/FF Firefox: ready event fired first
J query mobile multi-select custom pop up not closing.
Hi, I am using jquery.mobile-1.4.3 the multi-select custom popup does not close if it has more than 14 options in pop up. please suggest solution.
Usng jQuery Mobile and AngularJS
Is it possible to use AngularJS and JQuery Mobile? I am thinking of using AngularJS to separate my application logic from the UI. Hopefully, I do not have to change my application logic when swapping the UI. Here's the concern: would it be simple and straightforward? Or would it involve hacks and workarounds? What is the right way or cleanest way to go about making AngularJS and jQuery Mobile work together? Are they designed to co-exist and work well together? I read online on some people who tried
How to deselect an item from listview
Hi there! I have a dynamically generated listview on a page. When the page is displayed one specific item from listview is selected when I view the page on BlackBerry. When I view the page in Chrome on Desktop, none of the item from listview is selected. Not sure why on BlackBerry mobile, I see that an item is selected. Here is my code: $(document).on("pagebeforeshow", "#removedates", function () { var sc = new Array; sc = JSON.parse(localStorage.getItem("dates"));
Execute the same function for both tbody and tfoot
As for now this function only includes tbody: ).each(function (tbodyNumber, tbody) { $(this).attr("id", tbodyNumber) $(this).children().each(function (rowNumber, row) { $(this).attr("id", tbodyNumber + "-" + rowNumber); }) Is there a way to also target tfoot in the same function? I need to execute the same function for tfoot as well. So the matched element should be either "tbody" or "tfoot".
change attribute with double click
Hi i have this code : <a href="#"> <div class="hintu" aria-label="080000008">Blah</div></a> i want when double on link change to this : <a href="tel:080000008"> <div class="hintu" aria-label="080000008">Blah</div></a> how to make this? thnx
Applying different rules to different forms on a page
Hi, I am using this jquery validation plugin: https://jqueryvalidation.org/ on my website. I am able to apply this on single form. How can I apply this on multiple forms on same page each form with different rules? Please help. Thanks!
How to collapse listview
Hi there, I have a multi-page template. On the homepage I have a listview which is closed when the homepage is initially displayed. The following code is in my homepage: <div data-role="collapsible" data-collapsed="true" data-mini="true"> <h4>Options</h4> <ul id="options" data-role="listview" data-mini="true"> <li><a href="#adddate">Add Date</a></li> <li><a href="#removedate">Remove Date</a></li> </ul>
Get the most upvoted question for the day on stackoverflow.
Hey guys i want to build a simple app in which i pull up the questions for stackoverflow and save the question link in my database. So basically say i would like to pull the most upvoted question for say "gulp" in the past 24 hours on SO. How would i go about doing this ?? I was checking out the javascript SDK. is that all i will need ?? Thank you. Gautam.
How do we get the closest previous element in a complex document?
We were trying to get the closest previous element using jQuery using the codes given here In this fiddle, the same code is not working, without throwing any console errors. var lastObj = $("#SomeButton"); var parent = lastObj.parent(); var previousObject = parent.prevUntil(".title:has(h4)").prev().find("h4"); alert(previousObject.text()); Can someone please help me understand the problem here?
Jquery UI widgets on touch screens
I've got some old code that used the jquery ui widget factory to implement some custom dragging functionality. It's not working on touch devices and I'm trying to find the minimal modification that will fix it. I've found that the jquery ui draggable demo ( https://jqueryui.com/draggable/ ) also doesn't work on touch---I can drag the box with mouse, but not with touchscreen. I assume if I can fix that I can also fix my custom widget. What's the right fix?
Selector and target with matching numerical IDs?
I hardly know how to ask this question, which is why Google hasn't been any help. I have five anchor tags with the id's "detail1" through "detail5." Clicking on any of them hides or shows the proper div among five divs with the id's "callout1" through "callout5." Right now I have this written as inline jQuery and it's working just fine...but in trying to turn it into a function, I'm stymied. I wonder if there is an efficient way to do something like what's below. This is a mix of jQuery syntax and
jquery-ui.min.js:13:7168TypeError: undefined is not an object (evaluating 't.fx.step')
I'm getting a random error. I upgraded my jQuery from 1.11 to 1.12 and I am getting this random error which does not appear on Google anywhere. Any idea? I turned off all of my other scripts as well. I have no idea what is causing this
Displaying Results from Spotify API
I'm trying to learn how to make JSON requests. Kind of struggling with it. Specifically, I'm trying to access the Spotify API and display search results (i.e. thumbnails of albums) based on user input. This is what I have so far. Please tell me what I'm doing wrong or missing. Thanks. HTML <!DOCTYPE html> <html> <head> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> <script src="script.js"></script> <link rel="stylesheet" type="text/css"
Enable/Disable options in a related dropdown without triggering all dropdowns with the same class
I recently posted concerning a demo found at http://beta.acinonyxsim.com/demo. I am back with another question that didn't quite fit in with my previous one: When adding base markings, certain markings are only limited to Tan/White. At this time, I am listing all available colors when you first click add a base marking, then disabling and re-enabling as needed. This seems to work, but on change it takes the value and places it in all .base_marking_color classed dropdowns. My code is below: $('div#base_markings').on('change',
aotucomplete search not working when a parameter is passed in url
this is view <input id="mainsearch" placeholder="Search People" name="mainsearch"> this jquery code <script> $(function() { $( "#mainsearch" ).autocomplete({ source: "autocomplete1", url:"/", minLength: 2, select: function(event, ui) { $('#mainsearch').val(ui.item.value); } }); $('#mainsearch').data( "ui-autocomplete"
Next Page