Drag only the horizontal scrollbar amount
I am trying to use jQuery Ui to drag an overflowing child div, this div does drag but further than I like. I only want it to drag the scroll-able amount. I have looked at scroll and containment but no luck. Hopefully this codepen will show you want I mean - http://codepen.io/seanjacob/pen/RKKEyO
Supplying a Radix
PARSEINT REQUIRES A RADIX: Please make sure you are supplying a radix for all parseInt(). How can i solve this with this code? please help me... // Fun Facts function count($this){ var current = parseInt($this.html(), 10); current = current + 1; /* Where 50 is increment */ $this.html(++current); if(current > $this.data('count')){ $this.html($this.data('count')); } else { setTimeout(function(){count($this)}, 50); } } $(".stat-count").each(function() { $(this).data('count', parseInt($(this).html(),
Creating single page, parallax style sites best practises
Hello, I'm getting more into front-end development, having been a PHP developer for a while, and am having a go at creating single page, parallax style sites. I was wondering what the current best standard / practise is for this For reference the kinds of affects I'm trying to emulate are similar to http://www.flyjetedge.com/ Thanks for any help.
Jquery show method ?
I am trying to using the div named hid , I have used the form statements in the div and I have hidden the div tag using css and I have used a button when I click the button then hidden div element should be shown, But I am not able to show the result after clicking on the button element too . can any one help me in finding the solution for the answer. <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport"
jquery ui function not available. What am I missing here?
Hi. I want to use draggable. JQuery ui file was created with "download builder" and Interactions: "toggle all" selected. Files included on my index.html like this: <script src="assets/js/jquery-3.1.1.min.js"></script> <script src="assets/js/jquery-ui.min.js"></script> <script src="assets/js/app.js"></script> In app.js I have: (function($) { $(document).foundation(); $( ".song-dragger" ).draggable({ axis: "y" }); })(jQuery); In my /js/ folder I have: In console I get error: Uncaught TypeError:
Vertical scroll in div for fluid layouts
Here goes: I want to have a vertical scroll in a div for images and text on the tablet and desktop but not for mobile phones. This is my first responsive website... first question to a forum... excuse my ignorance. I've read up on how to make the scroll thingy happen but haven't found how to have it not happen for screens less than. If it's a bit of query/CSS stuff what is it and where do I put it?
image of which gallery was clicked
I have two divs each has a gallery class the first one have a few images and the second has a few images to get a click event of an image $('.gallery img').click(); how do I know if it is an image of the first gallery or of the second gallery?
Select row and column of a table.
Hi, in a loop I have to select the 4th td of a table. I've used this: var id = $('#miaTabella tr:eq(1) td:eq(4)').html() it works, but I use always the 2nd row. How can I change tr:eq(1) with the index of the loop? Some thing like this: for(i=0;i<10;i++) var id = $('#miaTabella tr:eq(i) td:eq(4)').html() Thanks in advance Tegatti
datepicker and sortable tests hang on ppc64le
Hi All, I am trying to install (from source) an run the jquery unit tes on ppc64le and am getting an issue wherin the sortable and datepicker tests are hanging. Relevant version information is as below. bash-4.2# phantomjs --version 2.1.1 bash-4.2# node --version v6.2.1 bash-4.2# npm --version 3.9.3 This is the log I see >> 6 files lint free. Running "requirejs:js" (requirejs) task Running "qunit:files" (qunit) task Testing tests/unit/accordion/accordion.html ............................................OK
Delete value from select menu option from saved record
Hello, I think I'm missing something obvious. In my jsfiddle, when Radio Option 1 is clicked , the two drop down menu fields are required. When Radio Option 2 is clicked, the two drop down menus are hidden and their values, if any were selected, are removed. This works fine. My problem occurs when I edit a record. If I had clicked Radio Option 1 and then two options from the select menus; if I go back and edit the record and choose Radio Option 2, while the select options are removed in the form,
Drupal jquery.slicebox.js conflict
I currently have the slicebox library being used on a drupal 7 website. It's not a module and it's being added to a page content-type in hardcoded version: <?php drupal_add_js(path_to_theme().'/js/no_bug_jquery.slicebox.min.js', 'file'); drupal_add_js(path_to_theme().'/js/no_bug_jquery.slicebox.js', 'file'); ?> My problem is that the 1st file (jquery.slicebox.min.js) is in conflict with other .js scripts found on this page. If I remove that 1st file, the other scripts work fine but I can't display
add pages views to indivisual blog posts
I want to add pages views to my blog , so do i just add the same google analytics code to each page ? Do i need a backend for this at all ? if anybody has done this before can somebody guide me . Thank you. Gautam.
canvas smoke effect .. just like in this site.
I wanted to create a smoke effect just like this one HERE. so i checked the dev tools and there is this element below: <canvas id="glRenderer" width="1366" height="591" style="width: 1366px; height: 591px; transform: scale(1); transform-origin: left top 0px;"></canvas> But when i do ctrl+u and check the source and all the corresponding JS files , i see no id with the following name: glRenderer or even canvas , so how is this effect being created ?? I would really appreciate if somebody could point
unload is deprecated - is there any substitute for leaving a page and firing an event?
When I leave a webpage, I need to clear all the timers that I had previously set with 'setTimeout'. Microsoft Edge may have a bug where it doesn't turn them off, -- I'm not sure, but a bug I'm encountering would be consistent with them having a problem. Anyway, I looked up the jQuery documentation, and found that the 'unload' event is deprecated. So what can I use that will tell me when either the page is left, or if that is impossible, that a link has been clicked that goes to another page, or
select multiple & show both contents
hi I have this website. http://shumoni.com/demo/quotations.php there are multiple items in the Products, when I select one, it shows the data of that related products, but when I select both, it suppose to show both data in the field. but its not doing it. let me tell you more about it. when I select EZSpeed, then it shows Type, then from there I can choose New/Repair/Both. I want to select both from the products (EZSpeed & EZEnergy), & then it should show me New/Repair/Both, & from there if I
jQuery UI "Bounce" effect toggles twice
Hi! I have 4 pictures "Goog", they are hidden. I want to fadeIn two of them, and then launch "Bounce", like second effect. But I can do it only with button, not in fadeIn complete function: jsfiddle: link I suggest my problem is with "bounce", it toggles twice on load.. api.jqueryui.com/bounce-effect Best regards, Gennady
understanding the .append() and .remove() behavior
I don't understand the `.remove()` behavior here of `$postNav.remove();` In the snippet below if the first time you click on "I'm a tag" the `.remove()` does work as expected deleting the `<li>` and `<ol>` respectively, but the second time you click on it only the `<li>` is deleted and not the `<ol>`. And i don't understand why the beaviour is different here, has the html remain the same… i have created a jsfiddle which repro the behavior and avoid a too big post, thanks in advance for any help.
PARSEINT REQUIRES
1. PARSEINT REQUIRES A RADIX: Please make sure you are supplying a radix for all parseInt(). 2. 2. PROPER EVENT BINDING: Consider using the preferred .on() method rather than .click(), .bind(), .hover(), etc. For best performance and concise code use event delegation whenever possible: please somebody answer this...
this.source is not a function
I'm trying to use autocomplete in a modal, so to get it working at all I had to jQuery(function() { return $(this).bind("ajax:success", function() { return jQuery(function() { return $('#mail_recipient').autocomplete({ source: $('#mail_recipient').data('autocomplete_source') }); }); }); }); because it wouldn't bind to an ajax loaded partial form in rails. in the form i've got: <%= f.input :recipient, data: { autocomplete_source: ['asdf', 'qwer', 'zxcv']} %> which
How to get calendars in french ?
Hello I 'd like to get my calendars in french so, I add a first function in my code but it doesn't work. Can you tell me what I did wrong ? Thanks <script type="text/javascript"> $(function() { $.datepicker.setDefaults($.datepicker.regional['fr']); $('#datepicker').datepicker({showWeeks: true}); }); $(function(){ $( "#from" ).datepicker({ //defaultDate: "+1w", changeMonth: true, numberOfMonths: 1, dateFormat: 'dd-mm-yy', onSelect: function() { var date = $(this).datepicker('getDate');
Full screen widget
Hello! Sorry for my english but I learn it very long time ago:) I found some widget for website which is: <div class="panel-heading">Burze</div> <div class="panel-body" style="min-height: 280px;"> <iframe height='280px' width='310px' sandbox='allow-same-origin allow-scripts' src='http://pl.blitzortung.org/live_dynamic_maps.php' frameborder="0" scrolling="no"></iframe> </div> when i go for my website i see pictures like this and i have to click "tryb pełnoekranowy" to see map with full size like
Radio's ID and Value for a Survey
Hi, I have below code and I want to pus the info below to a .ajax to send it to my PHP but I want to have the ID of every question assign to it then my jquery send it because I want my database to save the question_id and the value for the radio group. something like this: <div class="questionItem" QUESTION_ID="7"> 1. Overall, I was satisfied with my experience at Aroma Cafe.<br /> <div data-bind="dxRadioGroup: { items: [ {id: 1, name: 'Strongly Agree'}, {id: 2 , name: 'Agree'}, { id: 3,
jQuery NoConflict
Hi all, I am using jQuery and Sharepoints SPServices library(to perform GetVersionedCollection operation as mentioned here https://social.msdn.microsoft.com/Forums/office/en-US/e7089153-cd8e-4c38-874c-2ca388b877c0/read-versions-of-comments-field-using-javascript-client-object-model?forum=sharepointdevelopmentprevious. But when I call the SPServices utlity with $().SPServices.... , it says $ is not defined. So I did var jq=$.noConflict(true); and used jq().SPServices and it worked fine. My form also
jQuery - reading data from html table
I have a html table with only one almost empty row but more rows can be added/deleted by user(click the button). User has to input data in a few rows and the jQuery script has to read it and make some calculations and then fills the rest of table cells(and two other fields under the table). And here's the problem. The jQuery reads/loads the data only from first row. It will work for the second row ONLY when i will change something(input) from the first row or i will fill the second row in the first
How to remove (indirect) parent element with class="foobar" only?
Assume we have the following html structure: <div class="aaa"><div ....>... <div class="bbb">...</div> </div></div> <div class="foobar"><div ....>... <div class="bbb">...</div> </div></div> Now I want to do the following: - Search for all <div> elements with class="bbb" - then (for each found element) go (one or more levels) upwards and search for a(nother) <div> element with class="foobar" - If it exist then remove this <div> element with class=foobar. Otherwise do nothing It the sample above only
Create Shapes based on user scroll
I'm looking for some help how I can create paths using paper.js based on the user scrolling wrapped in jQuery ? I was thinking using Adobe Animate but thought it may not be able to accomplish this even though it implements Canvas, HTML5 for all devices better then older technology such as paper.js; which I hear is slower for tablets for which I want to target up to desktop\laptops.
Two Slider side by side center of the page
Hello, could someone eventually help me on this? I try to have two slider side by side on the center of the page. (the best is that i could choose the space between them) Maybe there's already a post on this but can't find it. Thank you very much!
2nd button not triggering Validate
Re-posting this question as I mistakenly checked "answered". Inherited an ASPX webform project (yeah): Master has a <asp:button id="btn1" runat="server" Text="btn1" PostBackUrl="page1.aspx"></asp> Content page2.aspx has <asp:button id="btn2" runat="server" Text="btn2" PostBackUrl="page2.aspx"></asp> When <input> fields are empty, they are expected to be invalid. click on btn1, validate kicks in, confirmed by F12, they are invalid, good. click on btn2, validate won't kick in, confirmed by F12. if
Uncaught TypeError: Illegal invocation
Hi, I am getting the above error and can't figure our why? kindly help.. This is my code: var formData = new FormData(); formData.append("login_name", "731004167"); formData.append("login_password", "Jassim@2013"); $.ajax({ type: "POST", url: 'signin2.php', dataType: 'json', data: formData, }).done(function (data) { console.log(data); // DevExpress.ui.dialog.alert('BlueFile', 'Success!'); if (data) { BlueFile_Mobile.app.navigate("my"); } else {
Changing background of listview / Split buttons
Hi, I'm using following code to generate a listview (server side): <div data-role="page" data-quicklinks="true" id="index"> <div data-role="header"> <h1> Tivo Remote </h1> <div data-role="ui-content"> <ul data-role="listview" data-split-icon="arrow-r" data-split-theme="a" data-filter="true" data-filter-placeholder="Sök program"> <li> <a href="index.php?channel=21">xxxx</br> <font color=gray>00:24 yyy</font></br> <font color=gray>01:24 zzz</font></br> <a href="program.php?channel=1">More</a>
Design website as app
Hi All, What advises and architectural decisions are important when we build a website, so that it is easier to convert this into an mobile app later. all the business logic should be designed in services way ? all the navigation has to be decided at client side ? regards
Ajax error: 500
i was adding some new product to my database in the back-end all is working fine, but once i've moved to the front-end I've found this error (Failed to load resource: the server responded with a status of 500 (Internal Server Error) and (jquery.min.js:4 POST 500 (Internal Server Error)) Anyone can help me to solve this?
JQuery selectable helper
Hey, how can i make fixed Selectable helper, i want to select elements only like a box(2x2,3x3,4x4,5x5,6x6)
Get numbered files with ajax for slideshow
I have a two pages document and a folder with several sequenitially numbered image files. I'm making a slideshow with an ajax request between these pages. I'm using the ajax post method with json encode. What I want to know is how to get a numbered files in an ajax request (with glob function and json encode) to put them in divs to make a slideshow with html, ccs and javascript . I've tried with this but it doesn't work. page1.php <!DOCTYPE HTML> <html lang=""> <head> <meta charset="UTF-8">
When to link jQuery Mobile css?
I notice that there are many CSS files that comes with jQuery Mobile. The main one jquery.mobile-1.4.5.min.css is obviously required. But what about the rest? When do we need to include and link them? Do we need to include these files in the packaging for a mobile app or web site? jquery.mobile.external-png-1.4.5.min.css jquery.mobile.icons-1.4.5.min.css jquery.mobile.inline-png-1.4.5.min.css jquery.mobile.inline-svg-1.4.5.min.css jquery.mobile.structure-1.4.5.min.css jquery.mobile.theme-1.4.5.min.css
setting a default time with timepicker
This was my attempt: $('#txt_duetime, #txt_duetime_edit').timepicker({ 'step': 15, defaultTime: '12:00am' }); This results in a blank value being displayed on the form. What is the correct way of setting defaultTime? I'm not sure if the document I found was accurate or current.
.validate().element() returns FALSE but .elementS() returns TRUE
A form has three elements. This returns TRUE (not supposed as none has value) $("#form").validate().elements();Each individual returns FALSE (correct) $("#form").validate().element("#input1"); $("#form").validate().element("#input2"); $("#form").validate().element("#input3");Must be something I missed or don't know how.
Validator website does not have full docment and reference?
While looking for a solution using Validator, I came across to this link on using Validator.element(). Also interested in the Validator.elements(), so I used the URL https://jqueryvalidation.org/Validator.elements . Invalid page. Poked around the Validator website for document/reference, but neither the document nor reference menu link at top provide any details. Tried Categories at right didn't get it. Is it somewhere or this hard-to-find-things is a natural byproduct of open-source?
jquery calculations on run time
here is fiddle https://jsfiddle.net/n353t1dt/ i want to write qty and price it will show me result by multiplying both values in total and in net total field it will show me sum of all totals can any one help me
Can I add "add row" to this table row drag/drop/delete?
Hi there everyone! I'm integrating this table drag & drop into one of my forms. The demo: http://designpoodles.com/avtex/sortable-table/ My Form: https://wheeltastic.com/test.html You can see with my form that I've also included a form element right below it that allows me to add new specs, in addition to the current ones that I am now able to reorder. I would, however, love to be able to nix the second "add" specs and simply click a button to add a row onto the draggable table. Is such a thing possible
Next Page