jQuery Mobie1.3 panels don't support accordion or nested lists?
I'm trying to make a fairly complex site with a lot of working parts and the navigation needs to be really simple for the end-user so I'm using a panel they can swipe-in or that is fixed on the left when it's wider than 55em (yay RWD!) -- thing is, the panel refuses to work when I try putting in a collapsible-set or a nested links menu. I have "main" items and "sub" items in the navigation menu and the end-user shouldn't have problems finding what they need fairly quickly. I would just use list-dividers
Having difficulty selecting the Li tags after the container is cached.
Having difficulty selecting the Li tags after the container is cached. var res = { loader: $('<div />', { class: 'loader'}), container: $('.container') } $('.container ul li').click(function(){ var clickval = $(this).text(); $('#eventn').val(clickval); });HTML output <div class="container"> <ul> <li> Mall @ Carnival</li> <li> Carnival City </li> </ul> </div>
can't get page-content full width 100%
Just like the topic says...I've searched and searched and can't figure out how. I have have a ui-grid and setting it to width 100% stretches it all the way to the right BUT there is still a margin on the left and I can't get rid of it! I tried setting inline css to margin: 0 and margin: 0 auto; and nothing works. What can I use to take up that margin space??? <meta name="viewport" content="target-densitydpi=device-dpi, height=device-height, width=device-width, user-scalable=no, initial-scale=1,
odd coding
Can anyone tell me what the following code does? I'm fairly new to Jquery and have trolled the internet and tutorials but with little success :- $(this).children('table.grid').each(function(table_index) { $(this).find('tbody tr').dblclick(function(dblclick_event) { $('td.link a', this)[0].click(); }); }); Any help greatly appreciated
reading network xml file
I am trying to read xml file lying on network path like : "\\abc.com\testdata\test\test.xml" I always get error function called with this(below code), but if place xml file under my solution and change url to just "test.xml" then it works fine. Can anybody tell what's wrong going on here. $.ajax({ type: "GET", url: "\\\\abc.com\\testdata\\test\\test.xml", dataType: "xml", success: function (xml) { $(this).find('item').each(function ()
My code is not working in autocomplete
Im new to Jquery Here is my code <!DOCTYPE HTML /> <html> <head> <title>Demo</title> <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.2/themes/smoothness/jquery-ui.css"> <script src="http://code.jquery.com/jquery-1.9.1.js"></script> <script src="http://code.jquery.com/ui/1.10.2/jquery-ui.js"></script> <script type="text/javascript"> $(document).ready(function () { var someJSON = ['Chai', 'Chang', 'Aniseed Syrup', 'Chef
early animation trigger with timeout()
hey guys, i have a small problem not directly adressed by jquery but it is about a jquery animation. i have a sequence where a stone is moved from one position to the next and so on this is done by a for() loop where the function stone_move() is called the animation is a jquery animate() i use following code: var time = 0; for (var i = 0; i < ende; i++) { ... setTimeout(function(){stone_move(...)},time); time += 800; }; the problem now is that the last movement is shown immeadiatly and
.live() upgrade simple problem... i think.
Ok so I'm upgrading to the 1.9.1 and .live doesn't work anymore, this is the old piece of code that worked: $("#select-speaker").live("change", function(event) { var selected = $(this).val(); ShowSpeakerLines(selected); }); So I tried changing it to .on as it says, but it only seems to work offline for me when i try it on the server it just doesn't respond. This was the code that worked offline but not online: $(document).on("click", "#select-speaker", function() { var selected
[resolved] simplify condition
if (primo in ["Mr.","Mrs.","Miss","Lady","Baronet"]){alert("do not use title")} should this condition work, or is it wrongly constructed? I want a simplified condition, without repeating (primo=="..."|primo=="..."|primo=="..."|primo=="...")
Tool tip and dialog position and problem with scroll
when my tooltip or dialog open my page get some scroll bar , please help what the issue ? and also tooltip position not respect to curser in some situation when first time mouse hover occur on element.
Panel causing Popup not to show
I added a panel to my page and I soon noticed that the popups were not working properly. I narrowed down the problem to the combination of properties data-display="overlay" data-position-fixed="true" of the panel making the popups not show. If you remove either one of those properties, the popups work fine. Here is the html http://jsfiddle.net/AMWga/. Notice it works fine in a browser, but not on mobile devices. Tested using: jQuery 1.8.3 jQuery Mobile 1.3.0 Beta 1 (both js and css) Tested on platforms:
Change collapsible div color
i want to change collapsible div and listview color i gave style but the color does not change what should i do? <div data-role="collapsible" data-collapsed="false"> <h3 style="background: rgba(204,244,204,0.9);">Hotel Ibrahim Pasha </h3> <ul id="listeu" data-role="listview" data-theme="b" data-inset="true" > </div>
Appending a list, binding to event is not working.
Hi I have the following code that when selected adds another item to the list. The problem I have is that the additional item does not get recognised on the following event handler especially as I want to return the id and the data-stream value. It works perfectly fine on the first block of code but not when the second is added. <ul data-role="listview" data-inset="true" data-theme="e" id="heatsMenu" style="border:2px solid #fff;"> <li id="a" data-stream="1"><a href="#display_details" data-transition="slide">
img gallery inside accordion not working.
Hello. First of all, sorry I just posted this 3 times by mistake, deleted one of them and now non of the three work (404 error on the forum) so thats why Im reposting. My problem is that inside an accordion, I cant put a image gallery plugin (tried several) and they work outside of it. My code is <script src="js/jquery-1.9.1.min.js" type="text/javascript"></script> <script src="js/jquery-ui.1.10.2.min.js" type="text/javascript"></script> <link href="css/jquery-ui.1.10.2.css" rel="stylesheet" type="text/css"
insert the loading spinner with .getJson
So that's what I'm trying to do...insert a spinner and hide it when the page content is loaded but it's not working. Here's what I have: $('#mainNews').on('pageinit', function(event) { $.mobile.showPageLoadingMsg(); getNews(); }); function getNews() { $.getJSON('file.php', function(data) { $.each(data, function (i, u){ append-to-listview; } $('').listview('refresh'); $.mobile.hidePageLoadingMsg(); }); }This seems simple but I can't
jQuery Username Available with asp.net controls
I am wanting to add username availability checks in with my other validation. Here is my code: $(document).ready(function () { var validator = $("#MainForm").validate({ rules: { <%= username.UniqueID %>: { required: true, minlength: 6, usernameCheck: true; }, <%= tbPassword.UniqueID %>: { required: true,
Vertical Scrolling text
I am a rank newbie to programming beyond basic shell scripting, so if I ask what appear to be stupid questions, please forgive me. I'm trying to create a page that will have several - probably a dozen - bullet points that are on a slow vertical scroll. Ideally the page viewers (consumers of the data) would be able to click on an item and drag the scroll - when I see an interesting item I could click and hold on it to stop the scrolling/drag it to move the list either up or down, then release it
How to Refresh PHP Captcha Image on Form using jQuery
Hi, can you please let me know how I can refresh an image captcha generated by PHP? what i have is an PHP file "captcha.php" which crerats the image on the form and I I also have following form <html> <head> <title>Test Form</title> </head> <body> <form action="validate.php" method="post"> Enter Image Text <input name="captcha" type="text"> <img src="captcha.php" /><br> <button type="button" id="refresher">Refresh Captcha!</button> <input name="submit" type="submit" value="Submit"> </form> </body>
Apple store reject webview based jquery mobile Aplication
i developed jquery mobile map application and then i called this URL with IOS web view.And also used some other IOS features such as network connection control... but they rejected my application. in my app there are makers and it is look very good in my iphone and also it was touchable vsvs but they rejected.Why there are web view if they rejected web view based application?And i think maybe they rejected because it uses google map.Are there any google map alternative in IOS? this is their rejected
help please got in a tangle
[CODE] It appears that the function(s) aren;t being fired What I want to happen is for the nav-indicator to smoothly animate to the position of the selected menu item <script type="text/javascript"> $(document).ready(function() { $('#nav').append('<img src="/media/images/base/nav-indicator.png" id="nav-indicator" alt="indicator"/>'); $('.slow-scroll').click(function() { alert("SL SC TRIGGERED"); if ($(this).parents('#nav').length > 0) { setNavIndicatorPosition($(this));
Table refresh
I have this code var tbl = "<table id='tclean'><thead></thead><tbody id='tbody'></tbody></table>"; $(tbl).appendTo('body'); coptions = "<td><select name='slider-flip-m' id='slider-flip-m' data-role='slider' data-mini='true'>"+ "<option value='off'>Nee</option>"+ "<option value='on' selected=''>Ja</option>"+ "</select></td>"+ "<td><select name='slider-flip-m' id='slider-flip-m' data-role='slider' data-mini='true'>"+ "<option
Reconize if we come from a Iphone Web App
Hi there ! I have this probleme. i use cookies and session to do appear or doesn't appear a div in my web site. (Thi div contain i sentence who propose to add my web site as bookmark on the iPhone). now, imagine the users had already add my website. And he click on the icon from the iPhone Home screen to go on the website. I would like that this user don't see the div again. (It's logical i think you guess why =p). Then do you know a solution (Javascript or Php maybe?) to know if we arrived from
Issues with Google Chrome not working with my Jquery or Javascript file
I'm stuck with our new solution not working in Google Chrome. It works well in IE7-IE10, Safari, and Firefox but for some reason does not work in Chrome. Wondering if it could be an issue with the parsing navigator.userAgent and navigator.vendor scripts within the code.
Dialog box doesn't show
Hello, I've a problem to open my dialog box when I click on one of the three links. I already tried to create the following javascript code to execute my dialog box but this last one doesn't show : $("#lnkHeader1").click(function(){$("#dialog2").trigger("create");}); $("#lnkHeader2").click(function(){$("#dialog2").trigger("create");}); $("#lnkHeader3").click(function(){$("#dialog2").trigger("create");}); You can see the example in JSFiddle : http://jsfiddle.net/dark0502/Mpqt2/2/ It works only if
Problem with jquerymobile on "changePage"
Hi all, I have a problem with changing page. In my page there are this sections: <div data-role="page"> <div data-role="panel">panel left</div> <div data-role="panel">panel right</div> <div data-role="header">header</div> <div data-role="content">content</div> </div> If i click on a link, it starts an ajax call to change page: content will be updated, but panels became "blanks". Pages are generated using C#.Net. If i disable ajax feature (data-ajax="false"), panels work correctly.
How topdf string from ajax as pdf in browser ...
Hello, Im using ajax to call a program that will create a pdf stream. How do I change the content type to display as a pdf. Ignore the "/%..%/", that is as/400 stuff $.ajax({ type: 'get', async: false, dataType: 'text',
Can we autosize listview to text inside it?
I want to autosize each listview [li tag] so that my text inside exactly fits the listview. I dont want the listview to span my entire page width , it should be just enough to wrap the text inside li tag. Can it be done? Any help highly appreciated
Can i get the oriantation of a display?
i get the width/height of a window like this var width = $(window).width(); var height = $(window).height(); but its always the same. When i turn the smartphone the width is the same and the height too how can i get the oriantation or how can i fix this?
how change tag html, depends on browse language.
i wanna change this html tags if a get lang='pt' or lang='es' some help with the code bellow? thank you very much $("#TB_window").append("<div id='TB_title'><div id='TB_ajaxWindowTitle'>" + caption + "</div><div id='TB_closeAjaxWindow'><a href='#' id='TB_closeWindowButton' title='Close'>fechar</a> ou Esc Key</div></div><iframe frameborder='0' hspace='0' src='" + urlNoQuery[0] + "' id='TB_iframeContent' name='TB_iframeContent" + Math.round(Math.random() * 1000) + "' onload='tb_showIframe()' style='width:"
Tooltip Plugin. Allmost there ...
Hello, I have a problem on my tooltip plugin: http://jsfiddle.net/mdmoura/RPUX6/ When I move the mouse faster between elements (1 and 2) the tooltip does not show. I think this happens because I have a delay on element mouse leave: $this.mouseleave(function (e) { tooltip.timer = setTimeout(function () { $("." + options.class).detach(); }, !options.mouse || options.static ? options.delay || 0 : 0); }), // Mouse leave I have it to allow the mouse to move over the tooltip for when
clear DOM cache when clicking home button
The order of my pages goes like this : index.html-->news.html-->newstext.html. In my news.html page div, I enabled data-dom-cache="true" because when people come back from newstext, they are at the same page location and news.html is not refreshed. news.html has a home button which takes it back to index where there are more topics to click on. How can I clear news.html from the dom when the home button is clicked? <head> <meta charset="utf-8"/> <meta name="viewport" content="width=device-width,
[autocomplete] add option to allow HTML in label
I spend the last two days changing all 4 different types of fancy list controls and autocomplete functions we use to jQuery UI's autocomplete! I love that there is 1 out of the box solution for so many different situations! The main thing I've been missing is an option that allows me to format the label used by the widget. I have read that I can override the renderitem method, but this seems like a very very complicated solution to a very simple problem. The render item function currently is:
scroll bar and jquery dialog / tooltip
when jquery dialog or tooltip open , verticle scroll bar appear on page and if scroll already has then it extend to some height.
use handsontable with an existing table
Hello, do you know if I can use hansontable jquery plugin with a table which is already exists ? Because in the documentation, I saw that we can create a table with handsontable like that : var data = [ ["", "Kia", "Nissan", "Toyota", "Honda"], ["2008", 10, 11, 12, 13], ["2009", 20, 11, 14, 13], ["2010", 30, 15, 12, 13] ]; var $container = $("#example1"); $container.handsontable({ data: data }); But I wish to do something like that : $("#monTableau").handsontable();
Using tinysort with a table
Hello everybody, I'm trying to sort a table with the plugin tinysort. But it doesn't work like that : <head>[...] <script type="text/javascript" src="[...]/jquery.min.js"></script> <script type="text/javascript" src="[...]/jquery-ui.min.js"></script> <script type="text/javascript" src="../JS/jquery.tinysort.js"></script> <script type="text/javascript" src="../JS/jquery.tinysort.charorder.js"></script> [...] <script type="text/javascript"> var aAsc = []; function sortTable(nr)
How do you pass a function as a parameter to $()?
How do you pass a function as a parameter to $()? For example function autoplace(map){ // do something with map }; var map = "Wassup"; $(autoplace(map)); // how to pass a function which takes a parameter, as a paramter to $()
How to return rest HTML loaded from external after empty the some ids.
Step one : Get the external html file to variable Var myurl = “externafile.html”; $.ajax({ url:myurl, dataType: "html", success: function(data){ } }); externafile.html <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Gohome.com</title> </head> <body> <div class="wrap"> <div id="names">Nale list</div> <div class="span1" id="blank1">Details
Problems with the display in Internet Explorer 10 - http://pcname not work. http://localhost works!
I have created a website in jquery mobile. I have the webserver (iis) on my local pc. I call the page with the ie10 via http://localhost, everything is displayed correctly (round buttons, the positioning, ...). If the Web page is accessed through http://pcname, the representation is reset to a minimum (square buttons, the positioning does not fit, ...). Can I änderrn? Is there an approach that appears to me it is also about http://pcname in "jquery mobile style"? JQM-Version: 1.3.1 IIS 7.5 Thank
View page by html(output).show() with some fade effect
Hello; I use the code below to load a page in a div. I want to add some cool fade effect to it, but it ignores it and just opens it regardless of the effect. Here is the code: function hotels() { $.post('reloads/sep_list_refresh_jquery_gallery.php', { city: document.form.city.value},function(output){$('#hotels').html(output).show();}); }This is the code I tried and didnt work: function hotels() { $.post('reloads/sep_list_refresh_jquery_gallery.php',
Keep expand option for jquery hover accordian
i have implemented jquery UI vertical hover accordian, i have one client requirement, i should have keep expand link inside each accordian panel, when user clicks on it, panel should be expanded until user close it by using close link.. please give me code if anybody implemented this
Next Page