Plus or Minus like a SPIN
Hello, I have two simple fields that can be 0 to 4. I need something that is much easier for the user to Increase/Decrease. Right now, there is a movable slider -- which is awkward. I only need 1 through 4 or 0 through 4. I want to have: [-] 1 [+] And the user just presses - or + and the field changes. This seems pretty standard but I see now jQuery MOBILE control to do this. Can you please add that to an update. Please.
Sum spans differents and individually
Hi guys I'm new on jquery. Im trying to sum the spans individually and put the result in the label totalCount. I have sucess on that but I think this code is too long and is not so good because if I have 20 sections I have to do that (jquery) 20 times:S. If you guys could help. HTML--> <div> <section class="ac-container"> <div> <input id="ac-1" name="accordion-1" type="checkbox" /> <label for="ac-1">09:00 - (<span id="totalCount"></span> places)</label>
how to handle multiple events simultaniously
Hi I use a setInterval function which calls an ajax request. Some times this ajax request takes some time to load and during that time, the mouse events lock so mouseleave, mouseenter etc do not work Is there a smart way to make multiple events run at the same time in jquery. the setInterval function has to run every 30 seconds. My problem relates to my work, so I cannot show you the code, but if you need further explanation - just ask
how to create user interface(ui for e-learning) form scratch?
Hi to All, Please guide me, i am new bee here. Regards. Prafull.
What is a jQuery Plug-in?
Is a jQuery plugin just a separate file with jQuery code or does it have to follow some convention? ** I am a Project Manager learning jQuery from the ground up. I am not a professional developer. **
Smooth Scroolling!
Hi People! i can't make my smooth scroll to work right :c idk why! Here´s the html code: <li><a href="#TextoContacto" rel="" id="anchor1" class="anchorLink">Contacto</a></li> and js: $('li.a').click(function(){ $('html, body').animate({ scrollTop: $( $(this).attr('href') ).offset().top }, 500); return false; }); i'll apreciate your help <3
JQery /HTML5 Audio file Fade
hi About a year ago I was involved with Jakecigar's great scrollsound control code found on the post 'Audio fading in and out scroll position' and 'Jquery/HTML5 Audio file Fade 2' I cannot figure out how to implement the pause/play functionality. I would like to pause and then play ALL of the 'soundTour' music files ( regardless of where the user is scrolled to on the browser page. In other words, pause all sounds. I've managed to stop the sound with $('#soundTour3,#soundTour2,#soundTour1').scrollPlay({
Show/hide panel help if possible
Hello all I am new to web design and i'm trying to build personal website. Now i'm trying to do something that is in my head and see jQuery and javascript could maybe solve my problem but i'm stacked now. I would like on one of my websites to have few panels, but i want only one panel i click on to open and not all like in mine. I know my code like this is problem and i'm asking someone to help me if its possible to open and show/hide only one i clicked on (it could be some other way like show/hide
Fixed footer with dynamic listview problem
Hi there, I have a listview on my page that I fill with data on the 'pagebeforecreate' event. I also have a fixed footer on the page. The problem is the footer gets pushed down and scrolls with the page when the page is done loading. The footer stays fixed to the bottom on all other pages that have dynamic data that is not a listview. So it just seems like its only the listview that is messing with the footer. If there are only a couple items in the listview the footer behaves as expected. Any
Is jQuery able to detect HTTP 302 redirect sent to browser?
Using jQuery is it possible to detect when the server has sent an HTTP 302 redirect to the browser? Ideally I would be looking for something similar to the code below but in addition to binding to a click event or submit event, I also need to bind to a HTTP redirect event and set inFormOrLink = true;. var inFormOrLink; $('a').on('click', function() { inFormOrLink = true; }); $('form').on('submit', function() { inFormOrLink = true; }); I need to detect when the user closes the broswer tab/window or
Convert octet-stream to string or array
Hello, first timer here. I am actually using Devextreme to develop a mobile app which is connected to a RESTful service. The service sends the appropriate data as an octet-stream. I need to convert this stream into an array or object of some sorts so that I can use the data that was sent and display the correct result in my app. This is my db.js file : (function ($, DX) { var dbImpl = { url: 'http://master/umbrellamobileservice/product/04', _sendRequest: function (type, params)
Buggy header/footer fixed position when virtual keyboard is on/off in iOS Phonegap Application
Hi, I am trying to fix the fix the header and footer docked at top and bottom respectively for an ios phonegap application using jQuery Mobile 1.4.5 and jQuery 2.1.1., but it stucks somewhere in the middle of screen while i try to edit some value in input type text/number in my data-role="main" i.e ui-content. I was using jquery mobile to build and important application for an client which is to be delivered soon and also to be posted on app store. Please help me out if there is any fix which can
Modal/Pop up on Page load with cookies
Hello guys, I have been searching for a modalbox/ pop up that is shown on page load with cookie function, just like this site : www.omgubuntu.co.uk They use Magnific Popup. Any help is greatly appreciated. Thank you
closed - Dialog box and select markup
Good morning. For any reasons, it seems that jQuery Dialog impacts select behaviors: a standard select works well a standard select works well on Safari and Chrome (Linux) with Dialog (modal=true) a standard select does not work well on Firefox (Linux and Windows) and Chrome(Windows) with Dialog (modal=true) version tested: JQuery 1.7. UI 1.10.2 and even downgrade to 1.8.11 by does not work we, I mean: the select dropdown is automatically closed. The only way to keep it open is to maintain on the
Datepicker Czech translation
/* Czech initialisation for the jQuery UI date picker plugin. */ /* Jan Drda <jdrda@outlook.com> */ (function( factory ) { if ( typeof define === "function" && define.amd ) { // AMD. Register as an anonymous module. define([ "../jquery.ui.datepicker" ], factory ); } else { // Browser globals factory( jQuery.datepicker ); } }(function( datepicker ) { datepicker.regional['cs'] = { closeText: 'Zavřít', prevText: 'Předchozí', nextText: 'Další', currentText: 'Dnes', monthNames: ['leden', 'únor', 'březen',
Processing Form
I am trying to process a order form. There are x orders for a customer. If they update one order and submit that order to update it, I would like to update all fields for that order. What is the best way to get those values, and submit them? Would it be Jquery, or PHP? Product Name: '.prodName($prodID).'<br /> Quantity: <input name="quantity" type="text" value="'.$quantity.'" size="2" maxlength="2" /><br /> Comments: '.$comments.'<br /> echo '<input name="submit"
Transition Effect
I want an event to break up a <div> and transition to another <div> simultaneously using a custom image is there such a transition for jQuery ?
event Keyword .. what does it really do ? why is it used in Jquery .
Picked this example from the Jquery Docs of on function : What really would happen without the event keyword(Marked in red) in the code below : $( "p" ).on( "myCustomEvent", function( event, myName ) { $( this ).text( myName + ", hi there!" ); $( "span" ).css( "opacity", 1 ).text( "myName = " + myName ).fadeIn( 30 ).fadeOut( 1000 ); }); $( "button" ).click(function () { $( "p" ).trigger( "myCustomEvent", [ "John" ] ); });got the example from here : On Function
Using jQuery UI with Ember CLI
So I'm pretty much having the exact problem listed here: Using jquery in Ember-cli But I've already done the following as recommended in the thread above: Added before the export in Brocfile.js: app.import('bower_components/jquery-ui/jquery-ui.js'); app.import('bower_components/jquery-ui/ui/tooltip.js'); Changed Ember.$(selector).tooltip(); to this.$(selector).tooltip(); Ember isn't recognizing the tooltip function as being defined despite UI being installed and doing the above. Error (regarding
cursor not focus text box in mobile browser.
I has a page with few text box inside the section and div. When page load, i need it focus on the first text box. I try it in safari browser in desktop, it is work but it not work in iphone mobile browser. i using ("#id").focus(), i cant see the cursor and the virtual keyboard not appear. Below is my html tag. <section id="container" data-role="page" class="type-index"> <div class="content-login content" id="cont"> <form action="#" method="get" accept-charset="utf-8" class="form-1
Dynamically created hidden form fields
I'm not even sure this can be done, and i have wrecked my brain trying to find an answer. I have a form, in that form I have a button "Meter" that opens up a dialog, when the dialog opens it displays a select menu that asks how many meters?...depending on what the user picks it creates that amount of text inputs, let's say they pick 2, it creates 2 text inputs, that is not a problem, i loop thru the number and create the inputs and name them meternumber0, meternumber1 and so on depending on their
popup not closing
Hi I have a popup defined in one page and I have links generated to show in an iframe that show in this popup. I did this by calling $(id).popup("open") The problem is when I try to close the popup you have to do so more than once. (Open the same popup more than once) The iframe seems to close first. I have an example here http://jsfiddle.net/rvrLfxxj/2/ Not sure what's going on. Thanks
TouchSwipe plugin
I hope it's ok I can't supply a url, b/c this is very simple... I love jQuery TouchSwipe plugin I implemented it very easily, following documentation on this page (link to the docs near bottom of page doesn't work.. browser just hangs...) this works perfectly.... $('#photoImg').swipe({ swipeLeft:function(e) { window.location = 'photos.php?pn=' + phNoNext; } }); but of course nothing is perfect.....;~)) the following doesn't work... nothing happens... $('#photoImg').swipe({ swipeRight:function(e)
date picker change selection to first day of the week
I am demonstrating the problem here http://jsfiddle.net/v4p5kL02/3/ if you go to the fiddle and select a date it will select a week long date range. however I would like it to always select the current week (sunday - saturday) that you clicked so if you click a Tuesday the date range is Sunday - Saturday with that Tuesday in it. If you pick a Friday the date range is Sunday - Saturday with that Friday in it. --thanks
show and hide
Hi T he input text box has a placeholder value and is inline with the select dropdown. When i click on the select dropdown - and "inputone" is the selected option - input text box is there. Click on “optiontwo” and “optiontwo” is selected and then click AGAIN and “inputone” is hidden. Then wh en i click on "inputone" the input text box won't show. < script > $ ( document ) .on ( "pagecreate" , "#pageone", function () { // Click on the select dropdown and the input text box is there
datepicker shows "Prev" and "Next" over/under(?) icons
I'm using jquery ui 1.9.2 in SharePoint 2013, and my datepicker shows the Prev and Next text AS WELL AS the triangle-circle icons, Like this I know this is pretty small, but it shows that Prev and Next are displayed. Don't want or need them. Anybody know how to get rid of them? Thank you!
Page reload after all Ajax calls
Hello all, For each input property in the form, i need to post the values using an Ajax call. after all the ajax call is completed, the page needs to be reloaded. Since Ajax is a asynchronous call, the page gets reloaded even before all inputs are posted. How can i ensure the the location.reload() is executed only after all input elements of the forms are posted? Appreciate any advise. function postValues() { $(".dynamicform :input").each(function() { postPropertyValues($(this).attr("id"));
Remember user when using Dialog UI
Hi folks Hoping you can help with my query I'm using Dialog on my website which displays a form. Once a user has either submitted the details / clicked on the X, I don't want this box to pop up again if the same user visits the website again. How would I go about this? I've read about cookies, but how would I actually code this? Any direction would be much appreciated Thank you Rachael
Access element common to each page in Dom
I'm sure someone will know this. But this keeps biting me not being too experience with jquery.mobile. Lets say I have a site with 5 pages each generated from a base template that has a <div> in it. I transition from one page to the next my swiping. So each page has a div like <div id="mydiv" class="specialdiv"> </div> If I understand correctly I will have five mydiv's in the dom when all the pages load. I want to do something like change the content of this div on page show or create events. How
Selectmenu: Js-Error when using up/down/left/right keys on an empty select
Hello, i am trying to work with the selectmenu of jquery ui 1.11.2 but if there is an empty select and i try to use the arrow keys on my keyboard when the selectmenu is on focus i get a js error from the move function (selectedIndex = -1). Here is the jsfiddle (the images are missing): http://jsfiddle.net/jzxgqbbn/1/ Click the selectmenu in the result frame and then use one of the arrow keys on your keyboard. Am i doing something wrong or is it a bug?
how to replace the HTML5 content in a modeless dialog box?
I want to have have ui dialog box has a div with an id = "w01html" which contains a list of <href>s. I want to repeatedly alter the <href> lists by replacing them with HTML5 from an AJAX call which returns the data in JSON . HTML5. Would "$("#w01html").html(JSON.HTML5)" load the HTML5 into the dialog? and would the dialog box display the list? I do not want to keep closing and opening a dialog box so If anyone could help I would appreciate it. As you can tell I am inexperianced with jquery ui.
Posting code shows incorrectly.
https://forum.jquery.com/topic/how-to-set-aria-hidden-attribute-on-jquery-show-hide-functions#14737000005806187 has code posted by 2 users. They are not formatted properly. JΛ̊KE
Floating div keep on scrolling
Hello everybody here, I'm very new in javascript and jquery, but I like the possibilities a lot! I have a page with a div (id='wrapper') Inside this wrapper div I have to divs (id='left'). One if floating to the left and the other is floating to the right (id='right'). The right div is not as high as the left one. So the right div will scroll down untill the bottom of div left. Well the right div is scrolling very smooth down while i'm scrolling down. See code below. var $sidebar = $("#right"),
printing a page with a columntoggle table
Hello all, i have a problem with a table with data-mode = "columntoggle". T he problem is that when i print the page from the browser the table is invisible. If i switch the table in data-mode="reflow" become printed correctly. Is it a sort of bug of i'm making some mistakes? thanx in advance Denis
understanding the return .
what does the return statement really say ? $( "li" ).click(function (e){ $(this).filter(function( index ) { return $( "strong", this ).length === 1; }) .addClass('me'); }); does it read as the following ?? if ($( "strong", this ).length === 1){ return true ; }else { return false ; } also why the "index" parameter on the filter function ??
Nested Jq Grid
I have a nested JQ grid with enabled row dragging and drop option,But here problem starts i am able to drop parent gird row into child grid vice versa that i do not want to do that. How to avoid this.
.on not working.. and if i change the sequence , the other code is not working
Dear All <script type="text/javascript"> $(document).ready(function() { $('#searchtable tr').hover(function() { $(this).addClass('hover'); }, function() { $(this).removeClass('hover'); }); ///////////////////////////////////////////// $('[id^="fname"]').click(function() { var thisid=this.id; alert(thisid); }); ///////////////////////////////////////////// $('[id^="ob"]').click(function() { var thisid=this.id; var recid=thisid.split('ob'); var url= "officebearerdivfill.php"; data = { id:
Click div to uncheck to hide on results filter
We have form that have checkboxs with filter results check it http://jsfiddle.net/ag263ms9/ when uncheck input its values removed from search filter div, But although we created div that clicked to uncheck checkbox but filter result not effected we need when click div it's do same effect like unchecked do can you help Jquery $(document).ready(function () { $(':checkbox').click(function() { if($(':checkbox:checked').length > 3){ alert('you can not check more than 3 checkboxes'); $(this).prop('checked',false);
Loading dialog position
Hello all, I am testing new mobile app project and fetching data from the server by getJSON(); and the list take some time to be loaded. what i want is loading dialog to appear in the center of the list container. I tried $.mobile.loading but it appears in the middle of the page not inside the list container ! here is my code <body> <div id="home-page" data-role="page"> <div id="home-header" data-role="header"> <h1><i class="icon-home"></i> Header</h1>
Jquery Accordion Question (please read inside, I'm terrible at giving proper titles)
Hey guys, On my website, I have a search filter on the homepage that brings you to the products page when you click checkboxes and search. The accordion works fine if you go to the products page right away without using the homepage's search filter. However when you use the search, the accordion will open automatically (which is what I want) but when you click the title of the accordion to push it back up, it refreshes itself instead and it collapses once again (it thinks the default accordion
Next Page