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?
Rename .closest()
I can't count the number of StackOverflow questions I've seen where they misused .closest(), thinking it would find the nearest sibling, cousin, etc. element that matches a selector. I think I've even seen it in places where .find() is what they want. This expectation matches the normal meaning of the function name, since closeness is not usually restricted to a particular direction. I suggest that it be renamed to something like .closestParent(), to make it clearer that it only searches through
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"
cycle slider transision effect change real time
Hello. I have a jquery cycle slider demo How do I change the transision effect real time by selecting one of the available radio buttons? see the demo live http://jsfiddle.net/HuNfz/318/
How to get rid of the extra arrow
When I click the first time on the arrow it displays properly Image When I click the second time on the arrow it displays a extra arrow at the bottom Image Can anyone tell me how can I get rid of the arrow if I click it the second time it initailly Should look like the 1st image when I click on it the second time on it. Thanks in advance Code
data-role collapsible not opening at top of content
I'm using jquery mobil 1.4.5.min.js. If a data-role collapsible content is already expanded, displaying its content, and then I tap on a second data-role collapsible heading to expand its content, the content expands but scrolled down the content the distance that the first collapsible content was expanded. Thus the first expanded content always opens at the top of the content (which is good), while any following expanded content does not open at the top of its content. Is there a parameter to control
trying to blank html on all divs of a class
Hi All I have been trying this for awhile now , I have a number of divs class=warningmessage id=warningmessage that i would like to set the html content to blank I was trying this <script> $( document.body ).ready(function() { var x=1; $( "div.warningmessage" ).each(function( i ) { $("div.warningmessage").html(""); }); </script> but it doesnt seem to replace the html the path to the div is pretty complex but as long as the DOM renders it I should be able to visit each one using each. right
Shall I use the :radio selector
In the learning center, Because :radio is a jQuery extension and not part of the CSS specification, queries using :radio cannot take advantage of the performance boost provided by the native DOM querySelectorAll() method. For better performance in modern browsers, use [type="radio"] instead. I am new to jQuery and I wonder why the :radio selector is created in jQuery. Shall I use it?
Next Page