How to show new elements one by one?
Hello, I have 10 elements on a single page, on page load only want to show one, but at the top of the page I owuld like to have a little + or - that either add or show the elements in sequence, any idea how to to this please? Let's say I have: <div id="element1"></div> <div id="element2"></div> <div id="element3"></div> <div id="element4"></div> <div id="element5"></div> When I load the page I would like to see only: <div id="element1"></div> When I click + each element below show one by one but
Authenticating all jquery tabs with google oauth
I have #href tabs and when we click on tab, there is a "GET" call to the file to be shown in that tab. I shifted to Google authentication but now load time has increased significantly. If we click on other tabs, it takes long time (mainly due to ssl and TTFB time), basically these tab contents should not take time (and should not take authentication time) since the user is already authenticated. In simple words After google sign-in (1st page loads fine) Rest all tabs take longer time due to google
Keeping focus when clicked outside of DIV
Hi, So I've made 2 buttons. http://jsfiddle.net/0y940r11/2/ I really can't figure out how I can keep the focus on the clicked button after I have clicked somewhere outside the buttons.
Change values in chart from row table
I need to create one table and one chart. When I click on row from table, the values from this row will be displayed in chart. It´s possible to create something like this ? I appreciate each link, tutorial or advice about this.
Can't select and hide any previous element in any shape or form
I'm about lose my mind with this problem. No form of jQuery selector seems to work in dynamically finding any elements above the link. I'm trying to access an element above the link and hide it. Using things like parent(), prev(), before(), closest(), ect. will show a non-null object but it won't respond to the hide() method. I don't get any errors, but nothing responds. [code] <div class="row"> <div class="col-xs-5"> <div id="test_fields"> <li id="test_input" class="string input optional stringish">
Basic question about jQuery OOP
I just decided to use OOP in a project I'm working on. And I had a basic question about reaching properties in the root of the prototype from functions that lie within objects. Heres a JSFiddle: http://jsfiddle.net/454onwr3/1/ (Open console) Heres the jQuery: var Person = function(first, last){ this._first = first; this._last = last; }; Person.prototype = { full: function(){ return this._first +' '+this._last; }, first: function( ){ return this._first; }, last:
datepickert onSelect not working in JQuery Mobile
Hi, I am trying to add a dateFrom and dateTo datepickers to my jquery mobile page but the onSelect is not firing for some reason! although the same page is working perfectly on my normal jquery web! The link is here : http://www.mybluefile.com/m user : 731004167 Password : 123456 and Go to Apply For a Leave Thanks, Jassim
Uncaught TypeError: Cannot read property 'not' of undefined
Hi, I am using a working file but when I just copied and pasted the file into a new file and added a PHP query I started getting: Uncaught TypeError: Cannot read property 'not' of undefined the URL is here: http://www.mybluefile.com/m User ID : 731004167 Password : 123456 and this file throwing the error is: http://www.mybluefile.com/m/myfile
Query CSS Selector Problem
Hello, This is my first post in the forum. I want to select all Product Reviews in the page: http://advancedledlights.com/3w-led-grow-lights/new-diamond-series-xml-10w-cree-xml/ I am using this selector: $("body>div#Container>div#Outer>div#Wrapper>div#LayoutColumn2>div#ProductReviews>div.BlockContent>ol.ProductReviewList>li>p:eq(1)") But it selects only 1 item. Thanks for your help, Best regards
How To Store HTML Markup Inside a Table Into an Array Using jQuery
Can you please take a look at This Demo and let me know how I can store html markup from a table td into an array as an item of array? I need to store the selected value of a row in an array and store in in database and eventually present it on the front end with button again. var arr = []; var d = new Date(); var month = d.getMonth()+1; var day = d.getDate(); var today = d.getFullYear() + '/' + ((''+month).length<2 ? '0' : '') + month + '/' + ((''+day).length<2 ? '0' : '') + day; var user = "foo";
Display Issues - Responsive Image Grid in a Hidden Div
I have been working on and researching this all day and cannot figure out a solution... I am working on a one-page site that uses accordion-style reveals to show content. Within one of the hidden divs, I have a responsive image grid that with buttons to filter which images show. When I click on the tab to reveal the div with the images, only the top part of the first image shows. if you adjust the width of the browser, then the window.resize displays everything correctly I assume it is doing that
Too many requests to server with jQuery, how to reduce?
Hi, I am very new to Javascript & jQuery, but I have managed to put the following script together which works, <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> <script> $( "button" ).click(function() { var pn = $(".pn").text(); $( "td.pn" ).each(function() { $(this).next().load("data.asp?prodref="+($(this).text())) }); }); </script> My issue is that the above script will make several requests to the server (repeating table so number will vary),
AJAX giving out of memory error
Hi, I don't know what is wrong here, the PHP or the call to AJAX. error is: uncaught exception: out of memory I suspect AJAX because the .php file populates the database properly. Here is my code with pertinent notes in bold. Thanks in advance for help in solving this. R. HTML CODE: <!DOCTYPE html> <!-- Comments about the program --> <html> <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8" /> <title> GPS Information from Garman GPSmap76CSx </title> <!-- ==============
How to connect to database for autocomplete when we need to choose previously selected values. Comma separated values.
I am facing issue to connect to database to get the autocomplete values. And i need to chose the previously selected values which will be comma separated. Any help will be appreciated. Thanks.
How to close a video (Youtube api, videojs5) in a Lightbox by click outside of the lightbox
I´m working on a Lightbox where users can open it for watching videos. I were able to close the video by click on the "close button" for the Lightbox, but if i click outside of the Lightbox i get this error: "Uncaught TypeError: Cannot read property 'stopVideo' of undefined". I know the problem already but don´t know how to fix it. The problem is : var player = $(this).closest('.modal-box').data('player'); if i cklick the close button the player can be selected, but if i click outside in the body
How to get input values if page refreshes?
Hello, I am using bootstrap and jquery to handle a complex form (also using Flue UX Form Wizard) Now on the last page I give a summary of the details the user has provided by managing the change() event, for example like ths: $("#street").change(function setStreet() { $field = $('#review_street'); $field.text($("#street").val()); }); Meaning if the user changes the street input field with the id "street" I also change it on the overview page directly. Now everything works very well except
Dynamic form elements
I’m working on a web page with a form and I need to apply conditional logic to the form so that when a selection is chosen from a dropdown an action or change is applied to the form. I’ve found some examples through Google searches but it seems most of them make the action linked to a button rather than the selection of an item in a dropdown form item. Can anyone help me with this? Either an example of the code or point me to an explanation / tutorial with examples. Thank you to for your time
Clean URL from anchors
Hi there, I'm completely new in jquery (and this is my first post here). I'm using anchors on a website and I am keeping the #nameoftheanchor after the URL. I'm using this code for a "To top" animation link: $(function(){ $.easing.def = "easeOutExpo"; $(window).scroll(function(){ if ($(this).scrollTop() > 100) { $('.scrollToTop').fadeIn(); } else { $('.scrollToTop').fadeOut(); } }); $('.scrollToTop').click(function(){ $('html, body').animate({scrollTop : 0},1000); return false; }); }); The thing
Open table with same data-href
I have a page with clickable tables with a ID as data-href. Now I want to open another table with the same data-href value when this is clicked. How to do this? For example: <table class='waroverzicht' data-href='15'> <tr> <td> [18-11-2015] </td> <td> DenHaag Outlawz </td> <td> - </td> <td> Devil Attackers </td> </tr> <tr> <td> </td> <td> 65 <img src="images/ster.png"/> </td> <td> </td> <td> 52 <img src="images/ster.png"/> </td> </tr> <tr> <td> </td> <td> 88.68 %
unable to open navigation bar on swipeleft
Hi, I am trying to open the navigation panel grammatically when swipeleft but nothing is happening. Here is what I am trying: $(document).on("swipeleft", function(e) { if ($.mobile.activePage.find("#nav-panel").is(":visible")) { if (e.type === "swipeleft") { $("#nav-panel").panel("open"); } } }); Regards, Jassim
editable jquery on a table cell
I am having a x-editable jquery for my table to edit its cell value at run time. It requires pk for primary key and i want to get value of first <td> and assign to pk to be sent through ajax, Can i have help on it please how can i do so? <tr><td>5</td> <td><span class= "xedit" id="5"><a href="javascript:void(0);">Yes</a></td> </tr> t.$('td a').editable({ url: 'update_inline.php', type: 'select', source: function() {return source;}, pk: how to assign
jquery function file only working in Firefox!
Hi all, I'm quite new to Jquery so please go easy. I've created a function file that does a few functions on a site i'm developing, mainly clearing search boxes and retrievining data with ajax etc. Everything is working great on Firefox, but on Chrome and I.E absolutely none of it works. I expect I may be missing something trivial but can't figure it out! Code is below: $(function() { $(document).ready(function() { $('#displayinvoices').change(); }); $("#clearinvoicesearch").on('click',
how to send values and load page using jquery
Hi, I want to pass a value to another page and display value there and load that page using jquery i tried following code $('#addr').click(function (e) {
e.preventDefault();
var url = "AddressForm.aspx?stid=" + encodeURIComponent($("#txtstid").val()) + "&clas=" + encodeURIComponent($("#txtclass").val()); // window.location.href = url;
$('#displ').load(url);
}); here i want to display AddressForm.aspx in displ div. and passing 2 texbox values.
Cookies not sent in cross-origin jquery ajax request when custom header set
[This question is also posted at stackoverflow : http://stackoverflow.com/questions/33808232/cookies-not-sent-in-cross-origin-jquery-ajax-request-when-custom-header-set ] We are making an ajax request from our main domain to a subdomain (cross-origin) using jQuery. We have CORS set up, and everything is working until we try to send a custom header with the request. If a custom header is set on the request, then our session cookies are no longer sent with the request. jQuery version : 2.1.4 Our
Widget Factory
I have a problem with jquery widget factory. I have a web app developed with widget factory. In this web app i have a 4 pages, ever i click in any pages, the console show me this message: Uncaught Error: cannot call methods on notify prior to initialization; attempted to call method 'create' Anybody can help me with this?? So, tks.
Display Image dimensions before loading the image
Dear Sir I am using following jquery to display an image before loading it Its working perfectly well I tried but getting the values of Image's Width and Height Before loading the same However I am getting its value as undefined Pls help //my code for getting height , width var filesize=this.files[0].size/1024 ; var width = this.files[0].width; var height= this.files[0].height; alert('Height'+height+' Width='+width); // <script type="text/javascript"> $(document).ready(function() { $('#image1').bind('change',
Need urgent help in making editable grid with drag and drop option
Hi Team, I am in very need of showing a POC using JQUERY UI , since I am new to Jquery UI and client side scripting, request your help in enabling editable grid. My requirement: 1) I have a generated UI using JSON. I have 3 loops to populate the data. 2) Each container has two sections. One section for list of images and another for data table. 3) I need an option to add new container. 4) I need an option to upload new images show in a separate container. 5) I need to drag sections between exisitng
Fetch complete page including head
In the context of the plugin "Ajaxify ", I'm pre-processing the whole HTML, including the head of any target page, returned by an $.ajax() ...request like this: return String(h).replace(docType, "").replace(tagso, div12).replace(tagsc, "</div>") ...where: - h is the HTML fetched by the Ajax request - div12 = '<div class="ajy-$1"$2' and the others are RegEx's: docType = /<\!DOCTYPE[^>]*>/i, tagso = /<(html|head|body|meta|script|link)([\s\>])/gi, tagsc = /<\/(html|head|body|meta|script|link)\>/gi ...because
How to implement wikipedia api Using jQuery and java scrpit
I want to make simple one page web application with A form on top having text-box and search button result view area at bottom User can type any phrase in text-box and hits search button and he gets the phrase summary from Wikipedia. Test Case: Searching 'Ahmedabad' will result as : "Ahmedabad has emerged as an important economic and industrial hub in India. It is the second largest producer of cotton in India, and its stock exchange is the ..."
Dear All i need Help that how can i close my Nav by click out side the Nav
CSS Code nav { background-color: rgba(0, 0, 0, 0.6); height: 100%; position: fixed; right: -660px; top: 0; -moz-transition: right 0.2s linear; -o-transition: right 0.2s linear; -webkit-transition: right 0.2s linear; transition: right 0.5s linear; width: 660px; z-index: 9001; opacity:0.9; /* IT'S OVER 9000! */ } nav #menuToggle { background:; display: block; position: relative; height: 23px; left: -120px; top: 23px; width: 25px; } nav #menuToggle span
Very Odd Button Differences
The submit and reset buttons on my dialog are displaying completely differently and I don't understand why. Does anyone see a reason for this? <tr><td colspan=2 align='center'><button id='addRecordSubmit'>Submit</button> <button id='reset'>Reset</button></td></tr>
How to modify slider value dynamically?
I'm writing an edit / save slider function, and I got slider problem in edit mode. When I edit the time that I added to table, it shows the correct time but slider always start from 07:00-15:00, it couldn't match the time that I added. I think the problem is in the "values: [400, 920]" part, but I don't know how to make slider match the time dynamically, can anybody help? Thx :-) JSFiddle is here: JSFiddle
AJAX Post Question - RESOLVED
I hope I am in the correct forum. Apologies if not. I have been using JQuery validation and discovered that the submit does not submit the input data after validation. So I did some searching and found $.ajax post. The part of the code looks like: $.ajax({ type: "POST", url: "install1.php", data: dataString }); return false; $( "#tabs" ).tabs( "option", "disabled", [ 0, 1, 2, 3, 5, 6, 7, 8, 9, 10 ] ); $( "#stepprogress" ).progressbar({ value: 0 }); $( "#totalprogress"
Why event is not fired till I refresh the page?
Hi, My page is here: http://www.mybluefile.com/m The user ID is : 73100416 and the password is : 123456 When you sign in try to click on the Signout button at the top right you'll see that nothing is happening till you refresh the page! Similarly when you signout and try to sign n it won't work til you refresh the page. Why is that? Thanks, Jassim
Issue with using $(document) with .html()
I am loading some HTML with some .js files to a DIV using .html().. If I load in the the same more than once, than my JS functions get fired off that many times..ex: $(document).on('click', '.folderOpen', function(){ alert(this.id); }); If I load the div 3 times, then I see that alert 3 times.. its like the head isn't clearing the .js files when the div gets repopulated. I tried .html('') and .empty() before it gets reloaded. Any suggestions?
How to customize Facebook Page plugin
Hello! Is there a way to customize (width, etc) iframe generated by the Facebook Page plugin -> https://developers.facebook.com/docs/plugins/page-plugin ? Thank You very Much!
Navigate from my page to another website page and manipulate it with jquery
I hope I'm using the right forum.. If not please direct me to the appropriate. I have a Wordpress site. I need to implement the following feature: I want to navigate from one of my pages to another website page and add functionality with jquery to the displayed page(I don't want to alter the original website or its content at all). Is that possible and how? Regards I.Sher
Locate the source code of the Chart
I'm interested in this chart with different functionality and I tried finding the source code to it and its author of the chart but I cannot find it based on the source code by right click > View page source. Do you know how to find this chart (http://www.xe.com/currencycharts/?from=USD&to=EUR&view=1D) from Github? Thanks!
How to Convert 20-11-2015 to 20-11-2015 12:34:59 in javascript
I want to convert this date to 20-11-2015 12:34:59 for server side we can do like this DateTime expiredate=DateTime.Now; expdate=Convert.ToDateTime(date.Text); but for client side?
jQuery UI Calendar wrong days in April-2016
Hi, Please see the screenshot, the month of April 2016 is rendered in a wrong way. see the difference between windows calendar and jquery ui calendar. Thanks.
Next Page