Switch theme color trouble with tablersorter and collapse
Hello, I just start with jQuery. I did a nice table like this one example-widget-css-sticky-header.htmlI and i try to add a collapse accordion.html (like in the demo) its work, exept if i switch the theme, the color of the collapse disappears, only work with the first theme. Its my code, all files are in the root of the test2.html (all the files are from jQuery tablesorter-master and jquery-ui-1.10.2 thanks a lot if you check test2.html <!DOCTYPE html> <html> <head> <meta charset="utf-8">
jquery ui draggable: gets jumpy when you click on the handler.
Did any come across this buggy thingy with jquery `draggable` before when you add `right: 0; bottom: 0;` to your popup box? The box **jumps** away from your cursor when you **click on** the `handler` jquery, $(".popup").draggable({ cursor: "move", handle: ".popup-outer", cancel: ".popup-inner" }); html, <div class="popup-outer popup"> <div class="popup-inner"> <div class="box-close"><a href="#" class="button-close">x close</a></div> <div class="ajax-response"></div>
jQuery ajax multiple Ajax requests problem
Hi, I'm using jQuery Ajax to prefill a selectbox. When i do the first request everything is good. When i do the second request, in the succes function the data of the first and second request is read. This is giving me some problems. If the first request gives 3 options, and the second request gives me 4. Only the first 3 are working. The 4th is giving me an error. I want the data from my last request. I use : type: 'GET', cache: false, dataType: 'jsonp'
datepicker cannot reload a new calendar when using keyboard
I discover when changeMonth is true (or changeYear is true), I focus on month select then I press up and down arrow, the calendar won't update after change the month select. Thank you for your developing.
Dynamic object variables
Hi all, I have an object named "sitedata". Within it are the followint elements: sitedata.txt_Forename = ''; sitedata.txt_Surname = '';...and so on. I have matching input elements: <input type="text" id="txt_Forename"> <input type="text" id="txt_Forename"> ...and so on. How do i write a piece of JQuery so that when "txt_Forename" is updated, it modifies "settings.tct_Forename".. and so on for a given set of inouts??? My best (not working) guess so far is: $(function() { $("form#BookerDetails
Linking autocomplete to mysql
Hey guys, I'm having a HUGE amount of trouble getting autocomplete linked to the mysql database I've got set up. I'm very new to javascript and php coding, so the trouble I'm seeing was expected but I never thought it'd give me this much trouble. The database has one table that has Customer Names, Billing Addresses and Shipping Addresses. The end goal here is to have Autocomplete kick in for the Customer name, then narrow down the results possible for Billing Address and Shipping address. What
customized my alert - Make the ESC key nonfunctional after use.
Hello, I customized my alert but I have a little problem with the functioning. I want to use the ESC and ENTER key to close the alert. It is functional, the problem is if I press ESC / ENTER the alert will close it if I re-press the ESC opens it again. I would close only once the alert, the ESC / ENTER key is no longer functional. I try to include the function unbind or off and nothing gives the result expected. I show you my code and if you see what I did wrong please sign made me! var t = $('#PopAlert');
JQuery Mobile - Run load () html and navigate () immediately afterwards
I'm implementing a small application using jQuery Mobile where I have a login screen that gives access to a home with menus that lead to a few pages. My question is how can I dynamically load the pages only when I click on the menu. I tried to do something like $('#home').load('home.html'); $.mobile.navigate("#home"); but despite the effect of the load carrying navigate does not work, or does not redirect to the page. Can anyone give me a hint how to do this?
Need to do a if else statement is not working please help!!!
<!DOCTYPE html> <html> <head> <title>Jan/14</title> <link rel="stylesheet" type="text/css" href="Cal.css"> <script src="http://code.jquery.com/jquery-1.11.0.min.js"> </script> <script> $(document).ready(function(){ $(".SM td").click(function(){ var SM=$("this").text(); if (SM == !"01"){ $("td:lt(02)").css("background-color","DodgerBlue"); $("td:lt(01)").css("background-color","White"); $(".MonthOne").text("FEB"); $(".miniOne").text("January"); $(".miniTwo").text("March"); $(".hum").text("Retired
populate multiple hidden fields onchange of a dropdown
I am populating a struts2 select dropdown with a list as shown below <s:select name="code" id="code" headerKey="-1" headerValue="Select" list="slist" listValue="code" listKey="id" onchange="changeLocation(this.selectedIndex)" /> slist contains id,code,country . When a value (i.e code) is selected from dropdown ,i need to populate both id and country as hidden fields .I am successful in populating id onchange of code as shown below onchange="document.getElementById('locationValue').value=this.options[this.selectedIndex].text;"
Add commas between each item outputted in $.each loop, but not at the end of the last
Hi all, I have an .ajax call that appends items and I would like to have each of these comma separated, without having a comma at the end of it. In the example below, it adds commas, but that also means the last value has a comma, which is not how the list of items should end. Any assistance is appreciated. $.each(categoryValueArray, function (index, item) { $.ajax({ async: false, url: "https://yourcompany.com/sites/resourcecenter/news/_api/web/lists/GetByTitle('Categories')/items?$filter=ID
Validation plugin email address field double dots in domain
Hi, using http://jquery.bassistance.de/validate/demo/ I can see it gives error when I try "a@a..com" but will not give error for "a@a.a..com" Is this a bug or the plugin intentionally not to handle this case? Many Thanks, Tong
Preventing users hijacking ajax calls?
I am building a user-based online application using jquery, and I am concerned about the possibility of users being able to hijack my ajax functions. I'm sure there is a standard way of dealing with this, but I don't know what it is. I'm hoping one of you can tell me... ;-) For example, if users are logged in, and want to send an instant message to each other, they can use a simple messaging system. An ajax call passes their message to a back-end handler script, like so: $.ajax({ type: "POST",
Dynamic Variable Name and Set to New Array
Hi all, I need to create a variable name that is dynamic and then have it create a new array. Example: var basevariablename + dynamicIDfromJSONOutput = []; Any ideas?
how to validate email in textbox??
if email id like m//@gmail.com or m--@gmail.com not bale to validate it?? how to do that. plz suggest function checkEmail() { // alert("email"); var email = document.getElementById('txtEmail'); var filter = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/; if (!filter.test(email.value)) { alert('Please provide a valid email address'); email.focus; return false; } above function
jquery-1.5/iOS 6 compatibility problem
Hello, I'm new to jQuery and I have to troubleshoot a mobile website for my company. The version is 1.5 so it's ancient. On the "slide" transition, it only works if the top of the page is visible. If the page has selections that go beyond the header, nothing happens when you select them. However, if you select the item with the header still on the screen, it functions normally. I've seen a number of solutions that either don't work for me or I'm not implementing them right. I know the problem is
DataTables pre-defined search?
Hi, I am using JQuery Tabs UI and DataTables plugin (http://datatables.net), and want to click and go to tab1, where I have datatables. And there I want to search the word, where was clicked. Example: tab2: searchItem1, searchItem2<--- click there. tab1 opened and "searchItem2" want to show in my sortable :-) There is code, what I try: <a style='text-decoration: underline; cursor: pointer;' onclick="$('a[href=#tabs-1]').click(); $('#tabs-1 input[type='text']').text('searchItem2');">searchItem2</a>
Validating Text Fields (at least 1 field must be filled, integer number greater than zero) using JQuery plugin
I use jQuery validation and i have a question: How can i validate the following form: <form> <input type="text" value=""> <input type="text" value=""> <input type="text" value=""> </form> With: at least 1 field must be filled; the input must be a integer number greater than zero; Thank you! :-)
Back Browser Button- Help required
Hi All, I have below query: Please let me know how i can do this. I have a page that used Ajax to generate the a list of result. Then there is a link to click to another detail page. When I'm at the detail page, and click the back button. The list of results page will reload again. Is there anyway to stop the ajax to reload again and cache the result. One option is saving the pagenumber in cookie and then updating the cookie. Is there any other way to do this? Please help!!
Load elements and append them
Hi! I'd like to load elements using the function load(), and i did it: $( "#box" ).load( "http://localhost/monsiteweb/produit/of_ajax"); the problem is how to append loaded elements to the "#box" div? Anyone knows how to do that please? Thanks !
Switching tabs slow with big content
Hi, I have a problem, I am using tabs layout in my page and some of the tabs can have a lot of text in them, so when swiching between them, it sometimes takes a bit longer. And what I need is to show some indicator that the page is working. I figured out, that I can make the indicator visible on click event on tab label, but I don't know when to hide it, so is there some evenet, which is fired afted a tab is switched? Or any other ideas how to solve this? Thanks
how to control browser alert and auto fill password
I want to show a pdf file in iframe and i keep it(pdf file) password protected. So when the page is loaded then browser show a alert message "this document is password protected. please enter a password". So i want that user can open this document in browser only and if he will download that pdf file, he can not open that due to password protected. Can I solve this with jquery? the password is "123456" Visit http://sitestudy.co.nf/iframe.html to show demo or http://fiddle.jshell.net/dTbjE/
Use bsmSelect with jQuery Mobile 1.4
The handling for multiple select's by default in jQuery Mobile 1.4 is not ideal. The following is a way of using bsmSelect, which is a user friendly way of interacting with multiple select's. The following is a working example:http://jsfiddle.net/WahKu/
Use bsmSelect with jQuery Mobile 1.4
The handling for multiple select's by default in jQuery Mobile 1.4 is not ideal. The following is a way of using bsmSelect, which is a user friendly way of interacting with multiple select's. The following is a working example: http://jsfiddle.net/WahKu/ Originally posted on: https://forum.jquery.com/topic/use-bsmselect-with-jquery-mobile-1-4
How to remove element before?
Hi, I need to remove H3 and DIV. Here is code: <myDIV> <h3 number=0></h3><!-- number automatically generate by ASP --> <problemDIV number=0><button here></problemDIV> <h3 number=1></h3> <problemDIV number=1></problemDIV> </myDIV> In problemDIV I have delete button (for delete H3 and problemDIV) and click function has: $("#myDIV").remove( "h3[number=]"+$(this).attr("number"));//doesnt work $("#myDIV").remove( "problemDIV[number=]"+$(this).attr("number"));//doesnt work
Issue on Scroll To Section
Using jQuery and Bootstrap 3 I am trying to create a one page Scrolling Website. Here is theWorking Demo . So far it looks fine when user scrolls in sequence like from Section 1 to Section 2 or Section 2to Section 3 but I have some issue on nav navbar-nav items when user scrolls out of order like from Section 1 to Section 6. It looks like nav navbar-nav steps on each items to get the target item!(As you can see in following image) There is also one other important issue on Section 7 scrolling. which
jquery mobile - why is popup overlay causing panel to open automatically
I am building a phonegap web app with jquery mobile. There are left and right panels in the home page.When i use data-overlay-theme in <div data-role="popup"></div> , and when the popup opens by clicking on an anchor tag , the left panel opens automatically. This behavior is not seen when i don't apply data-overlay-theme on the popup div. Thank you.
jQuery does not run, but JavaScript does, why?
Hello, this the current code that I have: <html> <head> <title>jQuery Hello World</title> <script type="text/javascript" src="jquery-2.1.0.min.js"></script> </head> <body> <script type="text/javascript"> $(document).ready(function(){ $("#msgid").html("This is Hello World by JQuery"); }); </script> <script type="text/javascript"> document.write("<b>Hello World</b><br><br>"); </script> This is Hello World by HTML <div id="msgid"> </div> </body>
move table row to up....
Hi, please see sample code at fiddle as you can see when you click than they will move around up and down. However, how can i write that code if i want to move second row to first row second column! please help thanks. AM
After finding the three highest valued cells, how do I change their background color?
<script> jQuery(document).ready(function() { var tabell = [5,4,3,8,78,4,54,1,22,54]; var sb = "<table>"; var maxArray = sort_unique(tabell).splice(tabell.length-5,3); for (var i=0;i<tabell.length;i++){ if (tabell[i] == maxArray[2]) { // alert("high high"); } else if (maxArray.indexOf(tabell[i]) > -1) { // alert("among top 3"); } } maxArray.push(77); for (var i=0;i<tabell.length;i++){ sb = sb + "<tr><td>" + i + ":</td><td>" + tabell[i] + "</td></tr>"; } sb = sb + "</table>";
Passing parameters through URL w/ PhoneGap/Cordova 3.0
Haven't had much help on SO, hoping someone here may recognize the problem! I am in the process of updating my PhoneGap app up to 3.0 from 2.0 (I know, it's been a long time). I have gotten some saying what I have working in 2.0 is not possible in 3.0 but I wanted to ask this to see if anyone has success with it since I feel it should be no different. Basic concept, I have a JQM list of projects - the project_id is appended to the link tag as the list is created. When a user clicks on a certain
jQuerry on ebay won't load at first time
I have some problems on my auction seems doesnt work correctly. I've use nivoslider, nivolightbox and easy tab in my project. When i first time check my auction jQuery won't load and everything is a huge mess, but if i refresh page it will be work. Any solution? Here is my ebay page. My code: <script type="text/javascript">// <![CDATA[ var aurl = "src="; var burl ="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"; document.write ("<script type='text/javascript'"+aurl+burl+">"); document.write
I do not know how to make this plugin work
Hi there! I'm a javascript/jquery noob and I'm trying to make work a plugin that will scroll to my anchor links that are divs with IDs. Here is the markup: <ul> <li><a class="link-contact" href="#pregnancy">Pregnancy</a></li> <li><a class="link-contact" href="#babies-newborn">Babies - newborn (up to 10 days)</a></li> <li><a class="link-contact" href="#babies-3-6">Babies - 3-6 months</a></li> <li><a class="link-contact" href="#babies-6-24">Babies
Visustin - flow chart visualisation tool for javascript
There is a great tool for making out what is going on in complex code in a form of a flow chart. I found it very informative to take a look at the code in this way, especially given that it was achieved in a matter of seconds. Does anyone know of a free alternative for this program? http://www.aivosto.com/visustin.html
Keep slideToggle menu between pages
Hi all, Here my issues: <ul class="menu"> <li class="arrow-m"> <a href="#" class="active"><strong>Menu</strong></a> <ul> <li><a href="record.php">Some</a></li> <li><a href="offices.php">Addresses</a></li> <li class="arrow-m"> <a href="#">Goods and Services</a> <ul> <li><a href="firmstock.php">Goods</a></li> <li><a href="firmservices.php">Services</a></li> </ul> </li> <li><a href="promotions.php">Promo</a></li> <li><a href="files.php">Files</a></li>
jquery accordion is not working with other jquery library pluggins...
I have written jquery accordion plugins in Master page ,so that accordion can be applied in all pages.Its working fine.But in one page I need the search functionality in dropdownlist.I have applied another jquery pluggins in that particular page to show Search functionality, which is working fine.But the problem with that page is , accordion is not working .Please help me regarding this issue.....Can't we apply two jquery library at a time?
JSON Data - Listing Values and Using Objects
I have a set of JSON data that I need to search for a set of specific values based on one key that is specified by select menu. Everything is working well if I just needed to find one hospital, but I need to list all hospitals in a selected state. **Here is the working example: http://jsfiddle.net/rfKcM/ ** As you can see I have a set of JSON data that simply lists multiple hospitals in three different states. In addition, each hospital also has a related set of data values in the JSON file. Currently
Conflict between files
Hi, Is my first post in forum.jquery. I'm doing my first web page and i have the following problem. I charge the following files in head of the next page: http://www.enkuadre.cl/?page_id=221 <head> <script type="text/javascript" src="http://www.enkuadre.cl/wp-content/themes/twentyten-child/iconos/jquery.fancybox.pack.js"></script> <link href="http://www.enkuadre.cl/wp-content/themes/twentyten-child/wpsc-default.css" rel="stylesheet" /> <link rel="stylesheet" type="text/css" media="all" href="http://www.enkuadre.cl/wp-content/themes/twentyten-child/scrollfix/cascadaoriginal.css">
Autocomplete height and Button height
What am I doing wrong? <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>demo</title> <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.4/themes/ui-lightness/jquery-ui.css"> <script src="http://code.jquery.com/jquery-1.10.2.js"></script> <script src="http://code.jquery.com/ui/1.10.4/jquery-ui.js"></script> <style type="text/css"> #tags1 { height: 36px; } #but1 { height: 36px; } #tags2 { height: 30px; } #but2 { height: 36px; } </style> <script type="text/javascript">
html5 history api fallback?
I am new javascript. I managed to create a .load script which loads in different views (with alot of help). Its working but I don't know how to tell the script to load in the appropriate view when someone uses a url like www.mydomain.com/#view3 Apart from this already existing problem i want to replace my current load script with the html5 history api and fall back to the old one when the clients browser doesnt support it. how can i find out if the browser supports the history api and if not how
Next Page