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>
Can't get resize event handler to work.....
I have a dialog that is resizable. I added a resize() event handler but for some reason it doesn't run when I resize the dialog. I put a breakpoint in the resize function (the line where I put the breakpoint is highlighted in the code below). But when I resize the dialog, the breakpoint never stops. Can someone help me figure out why? $(document).ready(function() { rows = new Array(); dialog = $("#addRecordDialog").dialog({ title:"Add Record", autoOpen: false, modal:
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!
Possibility to select layout
My idea is to let the website developer freely set the layout of the elements of jquery-ui, like by example menu (for now it's possible to do only vertical ones and there should be a possibility to make it also horonizontal). This option is important in site navigation development. Without it, there would be need to rewrite whole site to change it's layout only to fit the menu (with would be time critical)
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.
Recommended Price Format
I'm looking for a recommended jQuery price format that has support for different countries from Dollar throughout Europe. Any recommendation? Thanks!
Recommended Price Format
I'm looking for a recommended jQuery price format that has support for different countries from Dollar throughout Europe. Any recommendation? Thanks!
preserve object type data to the next session
I try to preserve loaclStorage to the next session but its an jquery object so I use JSON.stringify(object) for that. I get "Uncaught TypeError: Converting circular structure to JSON(…)". Is there any way to overcome it? Regards I. Lesher
download csv In safari not working any solution.
<script> var convertedCsv = "name,Designation,City,State,email,mobileNumber,roleType,signUpDate+\n" + "A,B,C,D,F,G,I,J \n" + "A1,B1,C1,D1,F1,G1,I1,J1"; var data = new Blob([convertedCsv], {type: 'text/csv'}); var csvFile = window.URL.createObjectURL(data); window.open(csvFile, "amit"); </script>
JQuery Mobile does not work on Android 5.0（lollipop）
Hi, Since I can not speak English , I use google translation. I am using JQuery mobile to my web site. It works normally in Iphone(ios8.3). However , it does not work properly in Android5.0.2(lollpop). I was a test by creating a simple web site. screenshots: ios8.3 Android5.0.2 It will also be displayed in the same manner other web page you are using JqueryMobile In Android5.0.2. My web page is using JQuery1.3.2. However , trouble in Android happens even JQuery1.4.5. code: <!DOCTYPE html> <html>
jquery 1.7.2 version ok 1.11.3 happen error.
1.7.2 $(this) [<input type="checkbox" class="pc" name="needCompare_1447745538243" id="needCompare_1447745538243" value="1" style="display: none;" checked="checked">] $(this).get(0).checked true $(this).is(':checked') true $(this).attr("checked") "checked" this.checked true $(this).prop("checked") true ok 1.11.3 $(this) [<input type="checkbox" class="pc" name="needCompare_1447751632524" id="needCompare_1447751632524" value="1" checked="checked" style="display: none;">] $(this).get(0).checked
IE9 - FormData undefinted in jquery-1.8.0.min.js
Hi, I am using swagger api for webservices and I get this error: SCRIPT5009: 'FormData' is undefined jquery-1.8.0.min.js, line 2 character 37889 But when I see the code for jquert-1.8.0.min.js, I do not find any formdata variable. How do I fix this error?
Retrieve data from Html Table
Hi there, I hava a form with some input and a table, like this <form id='form'> <label >City</label> <input type='text'> <table> <th>Link</th> <th>Description</> <tboby> <tr> <td>Link1</td> <td>Description 1</td> </tr> <tr> <td>Link2</td> <td>Description 2</td> </tr> <tr> <td>Link3</td> <td>Description 3</td>
getting title atribute value from <th>
how can the title be selected from the below example There is 1 caveat this is a grid with a grid and the <th> can occur multiple time on the page an I would want the <th> of the actual grid the click event occurred <th class='grid-header' title='Name'>
input inside cell
Hi there How can I select a input value inside a cell? <table id='mytalbe'> <tr> <td><input class='link' type ='text'></td> <td><input class='description' type ='text'></td> </tr> I have a undefinited number of row. $('#mytable tbody tr').each(function(){ var link = $(this).find("td").find("input").val(); //first test var description = $(this).closest("tr").find('description').text(); //second test
$.mobile.changePage or $.ajax
Hi, I have just started using the JQM and would like to ask should I continue using $.ajax to ajax post my data or it will all be replaced by $.mobile.changePage? and if I have to use $.mobile.changePage then how can I do the beforeSend, success and error? Thanks, Jassim
ugly border displayed
Hi, my logo image in the header displayes an ugly border ( see picture) , I use the following code: <div data-role="header" data-position="fixed" style = "background: #000066"> <A href="./index.php"> <img style="border:0 !important;" src="http://www.mondkalender-online.de/mobil/images/Sichel-dunkel_40px.jpg" alt="Logo" style="float:left;display:inline"/></A> <div style="text-align: center"> <h3 > Mondkalender-online mobil</h3> </div> </div><!-- header--> Not even the !important
Next Page