Beginner with jQuery Mobile and caching - php and url's
Hi all, Just getting started with query mobile on an existing site. All was fine prior to adding query mobile, but now it seems my php multi page login structure is now flawed. Also part of the problem seems to be that generally some page content is showing after clicking links to go to pages - but the url is showing a different page. I think it may have something to do with query mobile caching and other html5 issues....? old php system that might not be the best but did work 1 - login
jQuery Mobile page transfer bug - there is a ">" while new page are loading, after page loading finished it will disappear
As title, I have two pages in different .html file, the first page with a form, while click on "submit" button, submit the form to server side, then server response the second page. But I find a bug(possible) while the page transferring, that's there is a ">" on the up-left corner while the browser is in loading the second page. I don't know why, anyone can help me??? thanks!!! -- page 1 -- <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width" /> <title>Advice</title>
Using same dialog for adding and editing
I have written a code for adding data with a dialog, but now I need a separate button that calls the same dialog for editing that data. How can I change buttons within the dialog when called from the #edit-user button. So I need: 1.button:#create-user ---> SAVE, CANCEL (this one already works) 2.button:#edit-user ---> UPDATE, DELETE, CANCEL $(function () { var dialog, form, name = $("#name"), birthdate = $("#student-datepicker"), allFields = $([]).add(name).add(birthdate),
insert jquery accordion content into the database
Hi I am new to jquery. I have a jquery Accordion on my page with 3 sections. each sction has 3 text boxes. How do i insert data in the text boxes to mysql database?. I am using asp c#, update panel. in my update panel i have modal pop up , inside modal i have a panel and inside panel i have accordion. Any help is appreciated. Thanks in advance.
Why last href is not working when there is some link between href scroll
hello guys, i was exciting in this forum cause some of you guys make me aware about jquery, well to the point now days i'm creating one page with jquery and bootsrap, many times change plugin then i found nice plugin here https://github.com/rabmyself/smint yes i fall in love that plugin but now i have problem about it when there is link some hre not workind to scroll <ul class="nav navbar-nav" id="navlist"> <li><a href="#fasilitas">Fasilitas</a></li> <li><a href="#testtimoni">Testimoni</a></li>
Frustration with Javascript led me to JQuery
Here is my setup. This link is on Facebook when you are looking in a Group and then it's members. <a class="pam uiBoxLightblue uiMorePagerPrimary" href="/ajax/browser/list/group_members/?id=437856706251061&gid=437856706251061&edge=groups%3Amembers&order=default&view=grid&start=96" rel="async">See More</a> I am using automaton software (ahem...UBot) to perform some administrative type functions on several of the company's group pages. Yes, I know they have a Click command but
Can't get the footer to stay fixed on transition.
For the little project I am creating I need to implement the code that makes a content div the exact size between the header & footer (primarily for when using the keyboard). I have this working fine - although it is slightly out in the fiddle I have created it works in a browser and iOS simulators. The problem I have is keeping the same footer across all pages. If I use the same data-id it still scrolls instead of remaining fixed. Any ideas or help would be greatly appreciated as once over this
print only image on click
I need the image should print several times the page fits on button click http://jsfiddle.net/8dXvt/591/
how to change a div class based off a variable.
Hi I have this static div on a page: <div class="stars stars-40"></div> I have a variable called {rating} in my template. The variable is always in .5 increments, .5 to 5.0 and I have the appropriate classes in my style sheet. If the rating is 3.5, I want to change the class in the div to: <div class="stars stars-35"></div> What is a good way to do this? I was thinking in jQuery I could do this: var s = '{rating}' . replace ( /\./ g , '' ); to strip out the decimal. But I'm not sure on how
PrimeUI 2.0 - JQuery Plugins Extensions Released
Dear all, PrimeUI is a an open source set of Rich UI Widgets based on jQuery UI with 40 widgets. For more information, please visit; http://blog.primefaces.org/?p=3548 P.S. I hope this is not the wrong forum, I couldn't find a forum like jQuery Extensions so apologies if it is not the best place to post this.
Loading multiple versions of jquery mobile
We have an issue where we're injecting code (not malicious, through a SaaS service) into a page and there is already a version of jquery mobile in that page with a page defined. Is it possible to load 2 versions of jquery mobile into the page? We've tried a number of things but all of them haven't worked. Here's what we've tried: Right after jquery loads, set noconflict() to our own variable (ncjq). Then, right before loading our version of jquery mobile, we: ncjq(document).bind("mobileinit", function()
jquery mobile data-transition slide not working when page is too long
Currently, I'm using jquery mobile data-transition="slide". It is working when page content is not so long, it means roughly less than 1400px(the page height), it works perfectly. However when page content is too long, slide effects does not work, link is still living but no slide effect・・・ I tested manytimes and I'm sure that error occurs depends on page length. Please please help me out of this problem.
android webview onpause, onresume
i have a problem, when my android application (webview+jquery mobile) is suspended and onresume is called after 5-20 minutes, jquery freezes - i have to restart the app, i only found this in google - but can´t be a real solution?! http://www.codedisqus.com/0JzjqWgUPj/application-freeze-when-bring-back-to-foreground-cordova-3-jquery-mobile.html
How to add a number of dropdowns based on the value in a dropdown?
Hello I am tasked with a form where you select a number of kids 1 - 9, and based on the number selected, is the number of dropdowns I want to appear where they select the ages of those kids (ages 1-18). What is a good way to do this in jquery? Thanks. -JBD
Having Issue on Using Data Attributes with jQuery and Raphaël.js
Can you please take a look at This Demo and let me know why I am getting following errors while I can get access to `data-prov` by using the ` var prov = $(this).data("prov");` This works when I hard code the snippet like: $(this).hover(function(){ BC.attr({fill: "#ccc" }); }, function(){ BC.attr({fill: "#000" }); }); but using the jQuery('ul li').each(function(){ var prov = $(this).data("prov"); $(this).hover(function(){ console.log(prov); prov.attr({fill: "#ccc" }); },
Datepicker calling onChangeMonthYear before updating itself
Hi all I'm using the Datpicker, and it's great, except for one problem... it is calling the onChangeMonthYear event BEFORE it updates itself. This is a problem for at least 2 reasons... a) if you want to modify the Datepicker component itself during the onChangeMonthYear event - all of your changes will get wiped after this event is called. b) if you want to read the contents of the calendar, it will still contain the previous month's data, instead of the newly selected month's data. Simple solution
Using DataType: "jsonp xml"
Hello, i have a problem with my project, it always return: Uncaught SyntaxError: Unexpected token < and here my code, please check. thank you so much. function test(){ $.ajax({ type: 'GET', dataType: "jsonp", processData: true, crossDomain: true, jsonp: true, url: "http://huysoi.com/den.xml", //converters: {"xml": jQuery.parseXML}, username: 'admin', password: 'admin', success: function (responseData, textStatus, jqXHR) { console.log('in'); },
Stylesheet switcher --> Buttons for PREV & NEXT
Hello everybody! I have a simple jQuery Style Switcher, which can apply new stylesheet from additional CSS file . It's working with standard buttons --> each button applies different style. But I just want to add two buttons more to this navigation: previous & next (with loop). I have tried to make it by myself but without success.. Here is working demo in Plunker: LINK Function $('.list a').click(function() { var rel = $(this).attr('rel'); $('.content').fadeOut(500,
Grab API content into div
can someone help me to grab content from this API link and insert into DIV: http://api-sandbox.tiket.com/search/flight?d=CGK&a=DPS&date=2014-05-25&ret_date=2014-05-30&adult=1&child=0&infant=0&token=742942779004ba9450c4cf332f16cfe748c81c7f&v=3&output=json thx for your help
using return false in plugin code
hey guys the below peice of JS is just from a regular plugin , have a look : this.$navNext.on( 'click.gallery', function( event ) { if( _self.options.autoplay ) { clearTimeout( _self.slideshow ); _self.options.autoplay = false; } _self._navigate('next'); return false; // return false here }); now notice 2 things here , 1st the element on which the the on handler is applied , I.E. this.$navNext; and the 2nd is the return false; now in this instance the this.$navNext; is a <a> element , but
Problem with drag and drop an image to a cell table
I'm making a little utility where the user is going to be able to drag an image and drop it inside of cell table. Everything works properly until the moment the image is dropped inside the cell, I want to have the image appended to the cell that was chosen for it, but it is appended into a completely diferent place. HTML: <!DOCTYPE html> <html> <head> <title>Test</title> </head> <script type="text/javascript" src="src/js/jquery-2.1.4.min.js"></script> <script type="text/javascript" src="src/js/jquery-ui.min.js"></script>
Column toggle popup not showing correctly the first time
Hi, I'm working in a jquery mobile site, where I have an ajax method that creates a table dinamically and then I use html() to add it to a div, a button renders the table each time, from 10 to 10 records, the very first time that the table is generated, the column toggle popup looks weird, right after I access #page1 but the following times, it shows correctly, when using the button, this is pretty much the code: function populateGrid() { var data1 = "<table data-role='table' data-mode='columntoggle'
ultra simple code: why is not popping the alert window?
I click on an 'a' link tag and the value does get passed to the var selectedlanguage, but then continuing down the code, the "alert" does not pop when supposedly returning from the Controller. Looks like it does not get this far. <script> $(document).ready(function(){ $('.choose-language').on('click', function() { var selectedlanguage = $(this).data('value'); $url = '{{URL::route('languagechooser')}}'; $.post($url,
From html <a tag to ajax and from ajax to a controller, but no value being passed
Hello I have been trying around elsewhere, and although they tried their very best, it still is not working, and we dont know why. It is about clicking on a link, passing that value to the Ajax code and that Ajax forwards it to a Controller. But when I var_dump to see what the Controller gets, it just shows NULL. <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">Select your Language<b class="caret"></b></a> <ul class="dropdown-menu"> <li><a href="{{URL::route('language')}}"
I would like to return many values at the same time using jQuery
$('#departement').ready(function () { for (var i = 0; i <= tab.length()-1 ; i++) { return "<option>"+tab[i]"</option>"; }; }).append('select') Greetings, I would need help, because i can't actually do this: My elements are in an Array, and i would like to append them to the <select> tag. And i would also need to know if i am using correctly the .ready() function. Thanks in advance
Can't remove style with Jquery
Hi Guys, I'm trying to figure out how to create a responsive menu here: http://framework.c4242423.myzen.co.uk/ I've been using this tutorial: http://www.hongkiat.com/blog/responsive-web-nav/ It all works apart from one bit which I cannot figure out... When you resize the browser and expand the menu, and then hide the menu, the <ul> has display:none applied. The idea is that if the window is then expanded, some script removes that style: $(window).resize(function(){ var w = $(window).width();
Do I need a loop?
I am creating a one page WordPress website and I am having trouble with some jquery. I have several pages and maybe several more that need to have a custom scrollbar on the page. I have the scrollbar working great. All I have to do is create a div, give it the class of scroll and I am in business. My problem is that if a new page is created and the content of that page isn't greater than the default height of the div which is 400px, then the scrollbar still shows on the page. So I thought I would
I have A Dropdown box and Input Box I want one event (blur dropdown or Input box) and do conditional check
Dear All I have A Dropdown box and Input Box I want one event (blur dropdown or Input box) and do conditional check I tried ($("#surnameid"),$("#newsurnamed" )).blur(function() { ..... Also ($("#surnameid") || $("#newsurnamed" )).blur(function() { but works only for $("#surnameid") Indeed we can use separately like $("#surnameid").blur(function() { .....do something here $("#newsurname").blur(function() { .....do something here <tr> <td width="53%" class="text11"> <select name=surnameid id=surnameid>
Can't get any image slider to work with jquery.mobile
I've tried nearly every slider I can find, and none of them will work properly with jquery.mobile. Currently, I'm trying to get jquery.excoloSlider to work. The problem is, when I go to the page with the slider, it doesn't show. If I refresh the page, it shows and works. But when I go back to page one and start over, same thing happens. It's pretty much the same with any slider. Other sliders I've tried include Photoswipe, Swiper, Swipe, wmuSlider, Glide and others. I've tried combing through the
Get Android menu button to work while in app?
How can we engage the Android phone's menu button? In other apps, I've noticed you can press the menu button and have some options.
How can I set up an exit to close the app?
What's the best way to let the user close the app? I saw an example of an exit popup screen in the documentation, but there must be more to it than just the popup. Does some script have to be added somewhere? When I try backing out of my app, it just brings up the splash screen and then the app comes back on. Thanks for any help.
Font issue question with ThemeRoller
I am using Google Fonts, and I use 'PT Sans' as the font name to reference it. Needless to say, this is a custom font, and ThemeRoller would not know about it. So what I did was I configured the look and feel of my Datepicker through ThemeRoller with Verdana as the default font, downloaded the custom build. I then went to jquery-ui.css and changed two instances of Verdana in it to 'PT Sans'. My problem is that although the font did change, it didn't change to 'PT Sans'. I know it's not because the
click instead of hover
hallo, i have a hover function that works and i want to change it with a click function...it does not work with mouseou, why? <script type="text/javascript"> $(document).ready(function(){ $('#div').hover(function(){ $('#div2').fadeIn(1000); $('#div1').fadeOut(1000); },function(){ $('#div2').fadeOut(1000); $('#div1').fadeIn(1000); }) }); </script> changed like this: <script type="text/javascript"> $(document).mousedown(function(){ $('#div').hover(function(){
$.getJSON sans réponse
Bonjour, J'ai adapté cet exemple sur internet : Code HTML : <!DOCTYPE html> <html xmlns=" http://www.w3.org/1999/xhtml "> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Request json test</title> <script src="jquery-2.1.4.min.js"></script> </head> <body> <a href="#" id="getdata-button">Get JSON Data</a> <div id="showdata"></div> <script> $(document).ready(function(){ //attach a jQuery live event to the button $('#getdata-button').live('click', function(){
JQuery UI - which event is launched after loading of JQuery UI Tabs?
Hello, I am a beginner, just started using JQuery UI Tabs - they are located in an iframe. I have 3 tabs and after load of page with them I call javascript, which adjusts the height of the frame. However, this adjusts the height of the page according to the 1st (selected) Tab. Second Tab has more content and when I click to it, size of the page is not adjusted. My question is - which event should I call when I want to recalculate the height of the page after loading of each Tab content? Tried "onclick"
Modal Dialog Titlebar not sizing properly
So I just installed jQuery UI 1.11.4 alongside jQuery 2.1.4 (and before you ask, I tried it with 1.11.3 and got the same problem), and I made a modal dialog triggered by a button, but with the default settings of everything, the titlebar doesn't span the width of the dialog, as seen here: It's not supposed to be doing that, is it? The jQUI live demos certainly don't do that. Is there something I'm missing in generation? Here's my dialog code: weaponDialog = $('#weaponDialog').dialog({
Sortable - prevent placement at the last row
I have a list, with the last item being an "add item" button. I can prevent it from being sortable by setting `cancel: ".btn-add"`, but that doesn't prevent items from being placed *after* the add button. I could replace the add button at the end of each sorting operation, but the user will still get wrong feedback during sorting. Is there any way to prevent this, other than creating an extra container for the actual list so that it doesn't contain the add button?
Opening a mobile app, I get an alert("Object Error")
Hi Guys, Can anybody shed some light on why I get an object error on certain devices when I open the app we have been developing? It also does not happen every single time you open the app but randomly and also not all devices experience this when opening the app. Any thoughts?
jquery mobile pageinit not firing after changepage event
I'm trying to navigate to a different .html page using I have got two HTML Pages namely one.html and second.htmml On click of button button under one.html , i am calling second.html as shown below function callPage () { $(':mobile-pagecontainer').pagecontainer('change', 'second.html', { transition: 'slide', changeHash: false, reverse: true, showLoadMsg: true }); } second.html $( document ).on( "pageinit", "#homedeliverypage",
Set min-height data-role="page"
I noticed that although I have a very small content, the height of the page is always 333px. you can set it? <div data-role="page" data-url="/Login_prova.aspx" tabindex="0" class="ui-page ui-page-theme-a ui-page-active" style="min-height: 333px;"> I work with small screens and 333px are too many. what is the best practice to change it?
Next Page