when i have 3 nested listview structure and moved to 3rd nested, how to move back to second nested listview
when i have 3 nested listview structure and moved to 3rd nested, how to move back to second nested listview?
$.each not finding inserted rows
Hello, Im trying to $.each through a set of <tr class="row">. I have inserted rows that I do through: var $plus = $(this).closest("tr").clone(); $html = '<tr class="row"><td>' + $andor + '</td>'; $html = $html.trim() + $plus[0].cells[0].outerHTML ; $html = $html.trim() + $plus[0].cells[1].outerHTML ; $html = $html.trim() + $plus[0].cells[2].outerHTML ; $html = $html.trim() + $plus[0].cells[3].outerHTML ; $html = $html.trim() + '<td> </td></tr>'; $(this).closest("tr").after($html);
Panel Problems
The panel that I have messes up the rest of the page. For instance, the text on the buttons look like this: and the panel does not follow the display that I chose. Here is the code: <div data-role="page" id="c"> <div data-role="panel" id="defaultpanel" data-theme="a"> <div class="panel-content"> <h3>More</h3> <ul data-role="listview" data-theme="b"> <li><a href="#1">1</a></li> <li><a href="#2">2</a></li> <li><a
Datepicker JQuery Mobile : how to hide input text
Hello, I use the datepicker of jquery mobile with this line : <input type="date" name="date" id="date" value="" /> I would like just print the calendar and not the input text. Do you have a solution ? Thank you
JQuery Mobile Datepicker Not working in Android
JQuery Mobile Datepicker is not working on Android Mobile/Emulator . I have tried with some more plugins like DateBox, Callbox, FlipBox. all of them are not at all working and only text box appears where we need to manually give date. I tried with HTML Input Type as Date . It works while selecting the date and after that the whole page gets freeze. Suggest some solution for this problem
How to keep the column header fixed while scrolling
How to keep the column header fixed while scrolling vertically. Also, how to keep the first column fixed while scrolling horizontally ? Is there any jquery available? I have a table with thead and tbody. Please help
Adding a Missing Icon to a Listview Item [SOLVED]
Working on a listview. I've changed the height and added a jquery image-changer using two images. After the above changes, the little right-arrow on the right-hand-side has vanished. http://gmjones.org/specialisms_DEMO.html How do I re-establish the missing arrow icon?
Disable li tag for being click again??? Help please
I have a navigation made on li tag, i want my li tag to prevent being click when the class is active this is the code, i use this for my slider. $(document).ready(function(){ $('#slideshow_nav li').click(function(e){ e.preventDefault(); $('.slide').css('transform','translateX('+$(this).index() * -1000+'px)'); $(this).toggleClass('active inactive'); $('#slideshow_nav li').not(this).removeClass('active').addClass('inactive'); }); });
Set behavior with setTimeout and clearTimeout?
Hello, I created a JQuery tooltip plugin but I have a problem. I need to be able to move the mouse over the tooltip ... I tried to make this work with setTimeout and clearTimeout but no luck. I have a working version here: http://www.codepen.io/mdmoura/pen/KdyJH The important code is at the end of Mouse Enter event and in Mouse Leave event. Here is the plugin code (I added comments in uppercase to explain what I am trying to do): // JQuery (function ($) { // Tooltip $.fn.Tooltip = function (options)
Not able to execute .load() using jQuery/Ajax from local file.
I am trying to access a servlet using jQuery Ajax via .load('http://host:port...) from a local HTML file in my c: directory. I can't get it to work. I am using jquery-1.9.1.js. Since it was not able to access the specific servlet ("http://host:port/servletName"), I tried to access www.google.com and no luck. Here is my code: <!doctype html> <html> <head> <meta charset="utf-8"> <title>Demo</title> </head> <script src="jquery.js"></script> <script> $(document).ready(function(){ $("button").click(function(){
jquery not passing variables to next page
This code has evolved on SO but I'm having issues with the code not passing the variables to the next page. I have a jquery code that listens for what "folder" the user chooses and then it is supposed to present the information in a div. I moved the ability to choose the folder from being a html select option box to being just links and now the information isn't showing. I believe that it's not passing the variables from the first page to the second page. When I click on the links nothing appears
Textbox autofocus
Hi, I was able to swap the divs when clicked one containing a textbox. I have used focus() but it doesn't fully focus on the textbox. When the textbox appears, the text indicator does not flash but can be double clicked to fully focus on this textbox. Is it possible to fully focus on just one click without having to double click? If so, how would I implement this. Thank you and God Bless.
Json parsing Soap Web SErvice
Is it possible to Json to parse the response of a Soap web service? or is there any other way to get the response of a soap web service using Jquery ajax/Jquery. Thanks..
Check if mouse is over a div
how do i check that mouse is over a div. For Example $(document).ready(function (){ $(".setting").click(function(){$("#dropDown").slideDown("normal");}); $(".setting").mouseleave(function(){ if($("#dropDown").mouseover()==false) { $("#dropDown).slideUp("slow"); }}); }); how do i check ($("#dropDown").mouseover()==false)
Please help me to make my gallery work (jquery; coin-slider; fancybox)
Hi all! Im new here and new in JQuery / Javasrcipt - where I have 2 problems. I really appreciate if You downloaded the files here! - cause, it's more simple way to make myself clear - I hope. Or, bit messier version (2 dif. jquerys together), can be found at "codepen": http://cdpn.io/oIsGL I use "coin-slider" for main gallery, where i need to see, under slideshow, all the gallery pictures in thumbs (small pictures used) and on slideshow, when clicked on, pictures should open in fullscreen view (bigger
test for style display: none on div, then change another div??
I have a div, #EmptyCartMessage, which gets an auto-generated "style=display:none" on it... I need something like this air code: if( $(div #EmptyCartMessage).css("display") != 'none' ){ OR if not ($(div #EmptyCartMessage).css("display") = 'none' ){ $(div #KeepShopping).css("display") == 'none' } Test that #EmptyCartMessage does NOT have a style=display:none on it If true do not display the #KeepShopping div I read about testing visibility but doing so did not point the way toward testing for a specific
Put the response in a Variable
This is my Request <?xml version="1.0" encoding="utf-8"?> <soap:Envelope xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:xsd="http://www.w3.org/2001/XMLSchema" xmlns:soap="http://schemas.xmlsoap.org/soap/envelope/"> <soap:Body> <GetConnectionString xmlns="http://tempuri.org/"> <strUsername>string</strUsername> <strPassword>string</strPassword> </GetConnectionString> </soap:Body> </soap:Envelope> This will be the response Http <?xml version="1.0" encoding="utf-8"?>
Offline Strategies - AJAX, JSON, PHP, MYSQL
I have a Jquery Mobile app that I am building. It has about 3 pages of, "Real-time" data, That Uses HTML, Javascript, JSON, PHP and MYSQL to populate notifications and data in real-time. The HTML page uses javascript and calls the server side PHP files, which in turn connect to MySQL and put the data in an array, it is of course then fed back to the HTML and Javascript together to populate the notification tables...This app has been wrapped and tested in phobegap on Android and iOS, BUT, it has
jQuery scripts not working in ie8
I'm developing an html site full of jquery effects but my problem is that it doesn't work properly in ie8. It works well with chrome, firefox and safari. Hope you can help me asap. Here's the link http://seemynewwebsite.com/spatorrey
Downloading themes programmatically
I have a site with 30+ custom themes. Every time I update my version of jQuery UI, I need to re-pull each theme by: 1) Grabbing the URL provided in the jquery-ui CSS file 2) Pasting it in my browser's address bar 3) Clicking the "Download theme" button 4) Clicking the "Download" button This becomes a very tedious process when you have many themes and when there are many minor/major updates to jQuery UI. Is there a way I can automate this? Is there an API I can call to pull the themes down programmatically?
Barcodes and IE
Hi guys I am developing a small program that is used to insert a defined number of barcodes. In practice, each time you read the javascript should enter the data in the field and move on to the next, until you terminate it. I say should because it works on Chrome / Firefox / Opera but not in IE (works in part) with or without compatibility. In practice, after two readings IE, send submit. Someone can help me? thanks My Script: $("input#seriale").keydown(function (e) { var keyCode = (window.event)
Google map integration not working on Android?
Hi there, I am running into an issue where my google map implementation is working on the computer but not on my android phone. If you go to: http://www.experiencebc.ca/mqa and click "more info", then "find nearby merchants", a map with markers should load. This is working on my computer, but on my phone all I see is a blank screen. I have downloaded a CatLog program on my android phone, filtered by "browser", and don't see any obvious indications as to what the problem is. Any ideas?
How to automatically wrap the LI when it reaches the browser's right most end?
I have a dynamic multi-level dropdown menu. When the rightmost level reaches, I would prefer having it expand on the left hand side instead of extending the browser's scrollbar. Is this achievable through CSS or Jquery? This is the Javascript which I am using: function mainmenu(){ $(" #nav ul ").css({display: "none"}); // Opera Fix $(" #nav li").hover(function(){ $(this).find('ul:first').css({visibility: "visible",display: "none"}).show(400); },function(){ $(this).find('ul:first').css({visibility:
Two jquery file conflict
I ought to use jquery.min.js & jquery-1.7.1.min.js file. But its conflict the scroll effect or scrolloromo effcet. pls help me work both effects. Thanks in advance. -Manoj
data single line coming from ajax
why data loaded into combobox from php file is single line ? $(document).ready(function() { $("#send").bind("click", function(){ $.get("cbox6.php",function(data){ $("#cb").append('<option value="'+data+'">'+data+'</option>'); }) }) }); <select ID="cb"> <option Value="0"> Please Select</option > </select> <input type="text" id="txt"/> <button id="b1">OK</button> <button id="send">send</button> <div id="tablo"></div>
New to jquery! example not working or possibly me:)
HI All - I am trying to create a ping pong game using a book and when I type the code I get a unexpected token { I am not sure what type of variable i am trying to declare here in order to get the time and the array working. Here is the code sample could some one explain what is supposed to be happening and what is going wrong? Thank you so much ! var pingpong{} pingpong.pressedKeys =[]; $(function(){ //set interval to call gameloop every 30 milliseconds pingpong.timer = setInterval(gameloop,30);
my json is not getting parsed through query.
Hi My json is not getting available. both are in same folder. Please tell where i am wrong. I am pasting both html and json here: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>Table</title> <script type="text/javascript" src="./jquery-1.8.2.js"></script> <script type="text/javascript" src="./table.json"></script> <script type="text/javascript"> $.getJSON('table.json',
Dynamically populating pictures in table via loop and mysql database
I have a database that has a news table, the 5th field technically data[4], since it starts at the id field as data[0], is a text field, with the name of my pic. Here is the code below: for(var i = 0; i < data.length; i++) { $('#output').append("<table width=100% bgcolor=white><tr><td width=10% class=white><img src='images/"+data[i][4]+".png'></td><td width=80% class=blue>"+data[i][2]+"</td><td width=10% class=yellow>"+data[i][1]+"</td></tr><tr><td width=100% colspan=3 class=green>"+data[i][3]+"</td></tr></table><br>");
Click event not firing/timing issue?
Hello, I have a click event Im trying to get to fire. I have the click function in the document ready. The click should activate on a button class assignment click. But, the class is not created until a drop down change event is fired. I think it's(class button assignment) not firing because the class is not ready/created at document ready. How can I tie my click event to the dropdown change event? Thank You
Implementing contact form on JQM site...
Hi, as per my previous posts I'm new to JQM so appreciate any help you can give me. The final piece in the jigsaw of finishing my first JQM site is adding the contact form. I already have a contact form up and running on my desktop version of the site so hopefully I'm halfway there! Presumably the form code and functionality will work as normal but can anyone guide me on where to start? Using the same code as my full site doesn't work and i just get 'error loading page' Here is the form html: <form
slider
HTML : <label for="sexe">sexe </label> <select name="flip" id="sexe" data-role="slider" ><option value="femme">F</option> <option value="homme">H</option></select> JS: var sexe=$('#sexe').slider(); alert(sexe); it return [ object object ] .. how can i get the value of slider ?
bug with form submission
Hi there ! I try to explain my structure and my probleme ^^ I have a button who called a popup with a listview inside. In this listview i have a link who called a other popup where there is a form contact. it's works correctly but when i sumbit the form, on iOS the keybord stay open or if the keybord is closed he is opened a second time... i have really no idea what i have this behaviour...Any persons had already saw this problem ? Thx.
Is it possible to change ComboBox arrow position?
I want to change the Combobox arrow position from left to right. Is it possible? If so, how can I do it?
Description too long, add "read more" possibly?
Any suggestions/ideas on what I can do to make the description just a few lines with a "read more" where then that list item would expand/slide-down to show in full ? http://jsbin.com/esecaf/1/ My first thought was a scrollable div, but i'd rather it be more in the show-a-few-lines and click read-more to show all the rest since the read more link will signify that there is more to show... Maybe using an animation action to change the "max-height" of the li ?
Flicker and flash during transitions
Hello there ! All on my website when i have a internal page with or without transition. I click on the link and instantly i see a flash of the future page and after the tramsition start .... I see on the jQuery Documentation that this CSS rules can be fix the problem.. ( .ui-page { -webkit-backface-visibility: hidden; } ) but in reality no... And this bug reduced much the user experience and the quality of my website...=/ do you have an idea wich can be fix that ?
Problem refresh fullCalendar
Hello, I am using jjquery fullCalendar in my asp.net website. My events come in from .ashx fille and get returned as json. I am trying to add events from the client side without refreshing the whole server, In facte the event is ssuccefuly added to My SQL server Data Base. and it must to refresh all the page to dispal the added event. I use page.aspx to add my event like that: function selectDate(start, end, allDay, jsEvent) { var top = (screen.height - 600) / 2; var left = (screen.width
jqTree: load JSON data from server not working
Hi all, I build a page in PHP that load some data from a MySQL database and then return a JSON representation of the data (http://renkyaz.altervista.org/get_pcs.php). I tried to use this page as source for the jqTree on this page (http://renkyaz.altervista.org/pcs.html) but it doesn't work. So I added a JSON file on the same server (http://renkyaz.altervista.org/get_pcs.json) that contain exactly the same data returned by the PHP page (you can check); then I created another page with a jqTree that
Scrollbar Inactive on mobile
Hello, I have a jquery mobile site. On the PC the scrollbar is ok but on my mobile I can not scroll through my page. Have you an idea of the problem?
Why is this code not working anymore in jQuery 1.9.1?
Before updating to the latest jQuery release, I was using version 1.8.3 and the below code was working fine. With the newest version however, the function isn't working anymore. Why is this the case? (By the way, if I include the migrate js, it is working with v. 1.9.1) <script type="text/javascript"> jQuery(document).ready(function($){ $(".imageShowcase img").hide(); $(".productImgDefault").show(); $("#attribute525").change(function() { $(".imageShowcase img").hide();
Search on listview works only 5 seconds because of AJAX reloads the content
Hi. I have a listview loaded via ajax.It uses the data-filter="true" for search. The content updates every 5th second using setTimeout. So the search field only works for 5 sec. How can I get around this? heres some of my function function showUser(str) { curevent = str; $('#tests').load('getuser.php?q='+str, function(){$('#tests').listview('refresh');}); $('#eventvalue').val(str); setTimeout(function(){showUser(curevent);}, 5000); }
Next Page