jquerymobile and Cookies Law banner?
Hi all, is there a way to add a cookies banner to a site created using jquerymobile? I tried the most unobstrusive ones but none of them worked. I badly need to show a banner on all pages (until the user click the banner OK button) but I can't find one? How can I comply with laws here in Europe with jquerymobile? TIA tony
Inconsistent swipe on android webview
For quite some time I have been unable to get the swipe to work on android webview. It would sometimes work and sometimes not. I decided to look into the jquery.mobile source to see what was going on. The main issue was a lot of the time when starting a swipe the line Math.abs( start.coords[ 0 ] - stop.coords[ 0 ] ) > $.event.special.swipe.scrollSupressionThreshold would fail early, causing scrolling to occur. Math.abs( start.coords[ 0 ] - stop.coords[ 0 ] ) would often be very low numbers of 3
How to scroll to an element inside Div (Jquery & Javascript)
I have a div that surrounds a table. Inside a table there is a span element inisde <td>. In one of the rows, the span element class is "Highlighed". after a button is clicked, I want the scroll bar scrolled to that span element with class "HighLight" The page is filled with old JAvascript methods, so if you can help me with either Javascript or Jquery or both that will be awesome. <div id="DivTasks" style="width: 100%; height: 83px; overflow-y: auto; overflow-x: hidden;"> <table class="blah">
Jquery UI Draggable Position Issue
Good day. I am currently working on a functionality wherein you can drag a div and place it in a div. It is almost similar to this Card Game. I have worked on it and I was able to run it, but when I integrated it to the main application, it is no longer working. Draggable is working since I can see that when I drag the div, I can see the dragging class. the reason why it is not working is that, when I drag it.. it does not move.. the top and left position is not updating. It is in just the same position
"appendTo / after" each item with $(this)?
Hi! I'm trying to move a div inside a container for each instance of that class. But when using the script below, it moves every single matching div below all the matching "group fields". My jQuery now: $('.field-1').insertAfter('.group .field-2'); The code: <div class="container container-1"> <div class="field-1"></div> <div class="group"> <div class="field-2"></div> </div> </div> <div class="container container-2"> <div class="field-1"></div> <div class="group"> <div class="field-2"></div>
Reset CSS in validator
Hi, I am using jquery validator to validate the form and setting the backcolor of the element: errorPlacement: function(error, element) { element.css("background-color", "red"); }, I want to know when unhighlight , how can I reset the css style to its original / default css? Thanks, Jassim
controlgroup('refresh') not working
hello i am having problems using both enhanceWithin() and controgroup('refresh'). i posted a question last month about a similar thing(link ) and i was help but when i try to apply what i understood it just doesnt work. Now my problem is i want all the possible answers in the quiz to look like this link2 now this was how i did it with just one question but now i want to do multiple questions.
append + trigger(“create”) really slow with large DOM in Phonegap
I'm using Phonegap and JQuery Mobile to create an iPhone mobile application. This application parses an external JSON and its contents are "formatted" in the Javascript appending the corresponding HTML tags and then adding all of this to the DOM. This is done with the following: $('#container').append(output).trigger("create"); The previous code works perfectly when the data in the JSON is small and therefore the contents in the output variable is also small, but when the data is large and the
problem transition inpages
hello i complete my application PHONEGAP using JQM but i find a problem in the transition in pages every transition the screen become white befor loading pages what i should do thanks
How do nest the same dialogue infinitely?
First of all, is this even possible? Second, How? I have not even attempted such a feat yet. I just do not know where to start. I have my base dialogue that pops when a user clicks new on an account (this account is to create a parent), but this needs to be able to be done infinite amount of times. I.E. Sub-Item of a Sub-Item of a Sub-Item of a Sub-Item, etc...
Fade out Div then add display none with fade in delay
Hi all - I'm having a small issue which i need help with. I have a div which has been overlayed over a set of gallery images called ".mask1". When someone hovers over this div i need it to fade out and display none added so i can use the gallery. When the mouse is moved off the gallery i need the div to fade back in after say 2 seconds. i've tried animating opacity with css but obviously the div is still their over the top so the gallery isn't clickable, i've also tried adding a class but the animation
Using jQuery UI toggle expanding/hiding nested divs
I have a recursive function that renders divs as shown below. I have been researching and have not found a good way to accomplish the toggle method. I would like to be able to have the click method fire on only a single element. IE: Only fire when i click on Administration, not when i click on anything within administration. Then at this point all i am really trying to do is click on a level 1, fire the toggle method to just show/hide whats nested inside that element. I would love to be able
JSON not working pls help
Dear All Please refer http://marathepratishthan.org/register.php JQuery code $('#relationwithmaratheid').change( function () { alert($('#relationwithmaratheid').val()); // display the id when drop down changes which is correctly displayed $.getJSON("relationwithmarathejsonfill.php", {id: $('#relationwithmaratheid').val()}, function(data){ $('#sondiv').text(data['son']); $('#daughterdiv').text(data['daughter']); $('#husbanddiv').text(data['husband']); }); }); The
Send decimal number as json parameter to web service
Hi, I have a json call that consumes a web service, it request several parameters, all of them string, but one of them is a decimal, something like this for example "2.21" as string, however, jQuery keeps crashing with error "500 undefined" if that parameter contains a dot, however if I change it to comma, it works, but the number is stored in the database as integer, with no coma, this my my code: function addReportLine() { var productVal = $("#productCode").val(); var nameVal = $("#productName").val();
jQuery slideshow
Hey Everyone I am trying to find a specific gallery style and haven't had any luck. Many are out there on live sites but I can't find any source files to save my life. I am looking for this with the transparent sides/next image preview... http://www.backcountry.com/ Thank you for any help. Sorry if I am in the wrong place.
Inherited this code, is there a better way
I have inherited the code in the attached doc. (tried to include it here but exceeded limits.), and, although I am very new to tablesorter, JQuery and AJAX, I can not help but feel that tablesorter is not being used quite correctly here. The following functionality works as the developer intended: promoTable.clear.click. (line 667) promoTable.auto_search.click (called on line 637. Function begining on line 661) The double click functions (lines 648 through 659) promoTable.filtered_search.click (line
Issue on Using Mouse Slow Event with Raphaël.js
I am trying to use the hoverIntent.js with Raphaël.js at This Demo to handle the handlerIn function not immediately and waits until the user's mouse slows down enough before making the call of any function( like Hover) but I am getting this error: Uncaught TypeError: Failed to execute 'animate' on 'Element': The provided value is not of type '(AnimationEffect or sequence<Dictionary>)' Can you please let me know why this is happening? and does Raphaël.js has any built in function to do the same job?
How to style Datepicker month and year dropdowns
Is there a way to style the month and year dropdowns of Datepicker when the changeMonth and changeYear properties are true? I wanted to change the background color and I don't know how. If there is a way through ThemeRoller, I couldn't find it. Thanks.
send an Html var using $ajax
Hi, Im trying to make a inline-edit table (it work) with jquery. But i need to customized some cells with html ( <br> <b> </b> ) nothing extravagant :) My problem is that my var in truncate with there is a html tag My code function saveToDatabase(editableObj,column,id,tableToUp) { $(editableObj).css("background","#FFF url(loaderIcon.gif) no-repeat right"); $.ajax({ url: "saveedit.php", type: "POST", dataType : 'html', data:'column='+column+'&editval='+editableObj.innerHTML+'&id='+id+'&tableToUp='+tableToUp,
Sorting divs by multiple conditions
Hi I had to replace a table list with a div-layout because of a desired hover-effect (additional info appearing when hovering over a row) before, I was able to sort the table with a jQuery-Plugin (tablesorter). there I had the possibility to sort by multiple columns. for example, first by rating and then by title Now i have the problem, that I don't get it to sort by multiple conditions. with 1 row, it looks like this: $divs = $('.container'); var sortData = 'title'; var sortDir = 'asc';
Having Issue on Assigning Functions to JavaScript Object
Can you please take a look at This Demo and let me know why I am getting following error? when I try to use $(boxes.BC).hover({ alert("You Are On BC"); });
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
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.
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" }); },
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'
Next Page