Adding filter to Ajax API
I am making a call using Ajax to display a list of hotels. I have a filter menu on the left hand side that when you press the update button it will send additional parameters to the base call of the ajax such as minimum rate = $100 and maximum rate = $300 and so on. It with the make a new call to the api and show hotels from $100-$300. How do you send the new data to the same page for it to update with the filtered results.I can get the new data inside the data object but cannot action the update
How to make default 1 by entering field IMAE/SN
Hello Guys, i need some help to debug my javascript in localhost running well but only first row so i upload in jsfidlle but it doesn't work >.< all i need is how to make default fields Jumlah to be 1 when user enter IMAE/S.N my script about it in bellow Reminder :Localhost running first row but next row not working in jsfiddle not work, Thanks for respon my jsfiddle here http://jsfiddle.net/dauruk0512/08ps55uf/11/ $(document).on('keyup', '.imae', function() { var imae = $(this).val();
Cycle: problem with gapless video playback in Chrome
Hi guys, I'm using jQuery Cycle to achieve a gapless video playlist (consisting of multiple h264 mov's). For this I use the 'fx: none' parameter. This is working pretty good, except I have a annoying issue, which mostly seems to happen in Google Chrome (tried it on Ubuntu and OSX). The problem doesn't occur on Safari. Unfortunately Chrome is really important in my setup. Before the start of the video I see a flash (a few frames) of the last frame of the video. Although it is minor, it causes some
required field validater is not working in ie 8 and 9
hi to all... this is the code $(document).ready(function() { $('form').validate(); $('input[required]').each(function () { $(this).rules("add", { required: true }); }); }); </script> </head> <form id="form"> <input id="txt_field2" name="txt_field2" type="text" class="required"/> <input id="wh-submit-button" type="submit" value="submit" /> </form>
using jquery instead of $
hello guys . every one says that $ can not be used when you include couple libraries , instead of $ we can use jQuery , my question is that , $ is equal to jQuery i mean $===jQuery , so what's the reason that make us using jQuery instead of $ , is there are something i dont know bcz i dont see any different between $ and jQuery . plz some one help me with that
Cycle 2 conflicts
HI Guys, This is my first time posting so I hope I'm doing this correctly. Using Cycle 2 in conjunction with lightbox 2 and jquery-1.11.1 is duplicating the first image in lightbox. The slideshow works perfectly and so does lightbox apart from this very annoying image duplication. Any advice in this area will be greatly appreciated as I must admit java script is not my strongest area. Here is a link to the page I am currently having the issue with: http://aspectitservices.co.uk/test/ I hope someone
Need some for complete the work
Dear friends, I am working for a blog for video tutorial. Please look at link: http://mytutorialhome.blogspot.in/p/presentsimple.html http://mytutorialhome.blogspot.in/p/presentsimple2.html http://mytutorialhome.blogspot.in/p/presentsimple3.html I am creating static pages for the blog to display the contents. I would like to display the content dynamically. Plan: There will be only one post in blog. In the upper section there will be three nos DropDown Lists. Grade Subject Lesson There also
Jquery Collision : absolute collision ?
Hello, I am currently trying to develop a little task "parking lot game", and I am using Jquery draggable, and the add-on Jquery-collision. my JS fiddle project I tried to show you the simplest I can do : you can see that I can drag the blue "car" to the red car, it indeed detects collision, but thereafter it will teleport on the other side or stack on eachother. Does anyone has an idea on how to prevent that ? (Hence the collision is detected, the piece should be stuck). Thanks in advance, Félix
I want to use the datepicker to query the data between two days.
I want to use the datepicker to query the data from MySQL database. I add the 00:00:00 and 23:59:59 because my data type is timestamp ,but the code can't work. Please help me ! This is my code. test_jquery2.php <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>Computer Facilities Temperature & Humidity Log</title> <style type="text/css"> .table_titles, .table_cells_odd, .table_cells_even { padding-right: 20px; padding-left: 20px;
:( Click wont work for newly added items
$(document).ready(function(){ $('.item').click(function(){ console.log('clicked') }); // after some times some '.item's will be added to the dom: $('<div class="item"></div>').appendTo($('body')); // but the click wont work }); how do i write the Click function only one time and make it work for newly added items as well as already existed items ?
My dialog has a close button instead of an X
When I use versions 1.11.1 of jquery and 1.11.3 of jqueryui respectively, when I create a dialog box I get no box and no X in the upper right corner. Instead, I just get my title followed immediately by a button labeled "close" and my contents floating in space below it. When I use fiddle to test this out, if I regress back to about versions 1.9, a perfect dialog box appears. There is no other javascript in use (like bootstrap for instance) so there is nothing to conflict with. What am I doing wrong?
Capture Browser tab closing event
i want to capture browser tab closing event by mouse only. (i have to invalidate session on browser close tab, not by auto refresh/refresh. Actually both are calling unload function and so unable to differentiate as a separate event to capture separately )
Tooltip is not appeared if it overlays cursor position on element
Hello, Tooltip is not appeared if it overlays cursor position on element. The code is below: $(function() { $('#example tbody').tooltip({ content: function() { return $(this).attr('title'); }, position: { my: 'left top', at: 'left top', of: window, collision: 'fit fit' }, show: { delay: 400 }, hide: false }); }); Thank you in advance, LP
How to add a timestamp in different timezones using jquery?
Hello, Can someone please tell me how I can code a simple clock on my website. It doesn't need to be live, the time would just update when the page is refreshed. I would need it in 3 timeszones. So at 5:45pm EST (New York time) it would display: New York 17:45 London 22:45 Tokyo 7:45 I've seen clocks that detect your current time but I would need it in these specific time zones. Any help would be appreciated! Thanks!
Toggle not working as intended when element has multiple classes.
I'm trying to show names based upon the category they are in. I'm using groceries as examples. I seem to be having trouble when something is listed in multiple categories, like tomatoes. When I hide everything but the fruit list, tomatoes are hidden since I'm also taking away the vegetable criteria from the toggle event. I want to see tomatoes in the fruit and the vegetable lists, not just when both of it's classes are activated (although it should show here too). The script is acting more like an
datatable row column
snc.a[s] contains title of TD. But I cant add each of title to each of 7th TD. BUT 7th TD always get value of last snc.a[s] var newTable=$('#musteri_ara_table').DataTable({"bFilter" : false,"bLengthChange": false}); $.ajax({ type:"POST", url:"myUrl", data:"myData", dataType:"json", success:function(snc){ for(s=0; s< snc.a.length; s++){ nod= newTable.row.add( [s+1,snc.a[s]]).draw(); nod.rows(s).columns(6).nodes().flatten().to$().attr("title",s);
how to print with android device
hi, i need to print on paper a div by clicking. I'm trying with jQuery.print.js plugin. In Windows pc it work but in android device it doesn't work. In android i have installed "ksweb" for simulate a webserver. how i can do this? thanks
.serialize() updates the div but doesnt pass the values!
Hi; The div gets updated but the values are not passed! In other words => calculate_usps print_r($_SERVER); doesn't print the values for s_from or s_to. $_POST prints nothing either. What am I doing wrong? Code: <form action="#null" method="post" id="usps">
<div class="main_contant clearfix">
<input type="text" name="s_from" value="90210"/></div>
<input type="text" name="s_to" /></div>
</form> $(document).ready(function(){
$('#calculate').click(function() {
$('#result').html("<img
Display all the content of an element inside another element with JQuery
Hello guys. I have the following case. I am using Twitter Bootstrap. I have a simple boxes that consist of an image. I want when the box is clicked the image to come up with an html below it. Okay. I achieve that but I gain only a text directly added into the element. But let's say I decide to create a table inside this element and may be create another elements like h2,h3,h4,p,div,table. I want to display them all but only when the modal dialog is fired. Here is what I have. I need your help to
JS Runtime error unrecognized expression
I get an error (below) when I try to run the following code (https://jsfiddle.net/o40dbvpx/1/) within my app. This is within a SP2013 solution and jQuery is loaded (as I can show alerts). I have tried jQuery 1.11.1 and 2.1.3. 0x800a139e - JavaScript runtime error: Syntax error, unrecognized expression: table.class=ms-formtable tr: nth-child(9) Everything runs fine within the JSFiddle so I am sure I am hitting the correct location, but jQuery is now happy about something! TIA!
Topic text with changing word. JQUERY or CSS?
I want to make an animation of changing words like here http://doyouimpress.com [14.04.2015 site topic] This is what I have in my code HTML ``` <h1 class="negative-topic">EXPERIENCE SERVICES OF <span id="changing-word">SPECIAL</span><br /> REAL ESTATE AGENT </h1> ``` JQUERY ``` (function(){ // List your words here: var words = [ 'SPECIAL', 'DILIGENT', 'FRIENDLY', 'WISE' ], i = 0; setInterval(function(){ $('#changing-word').fadeOut(function(){
Regarding Date Picker
Hi All, Is any one having solution. I have HTML code where i implemented the row add and delete using JQUERY( jquery/1.7/jquery.min.js and bootstrap.min.js) and also the date Picker by using (jquery-1.9.1.js and jquery-ui.js) while i will disable the jquery.min.js the date picker is working . But i need the jquery/1.7/jquery.min.js to add and delete row in the table.So How i can fix this please any one can help on the same. Thanks, Snehasish
Change options in <select> box based on what is chosen in another <select> box
Hi, I'm doing a ecommerce website, and I want to make it easier for my customers to fill in their shipping address by allowing them to select the city and district they are in from a selection box . Assuming my site has 3 options: city A, B, and C. City A has 3 districts: Alpha 1, Alpha 2, and Alpha 3. City B has 2 districts: Bravo 1 and Bravo 2. City C has 5 districts: Charlie 1, Charlie 2, Charlie 3, Charlie 4, and Charlie 5. Is there a way to make it so that if a customer pick City A, he/she
Need .validate to prevent .change from firing
Hello, We are using the .validate() feature for built-in and custom validations. We also have a .change() event listener which is competing with .validate() I really need to prevent .change() from firing if a validation fails. .change() triggers an Ajax call--so it must occur only when input field is valid. We noticed that both listeners still fire As a work around, I am calling the same validation logic from both listeners, but this isn't ideal for performance. How can we make sure .change doesn't
How to move multiple listbox's option to exact multiple listbox?
Hello, Friends, I'm totally newbie into jquery and jquery UI. I have implemented below jsfiddle with so many help from different resources. My problem is that I want to move back the option from 2nd listbox to first listbox. I want to add condition like...One can move options between first and 2nd listbox only and also between third and 4th listboxonly. And also when I move first then I can't double click on the option. And when I do the double click then I can't move the option element. Help me
Beginner Code question
Hello again jQuery community. So, I finally got my jQuery to work on my website, now I can get coding! The first thing I wanted, was to make my buttons on my custommade menu light up as visitors hover their mouse over it. I found a code that does just that <script type="text/javascript"> $(document).ready(function(){ $("img").hover(function() { $(this).stop().animate({opacity: "0.8"}, 'slow'); }, function() { $(this).stop().animate({opacity: "1"}, 'slow'); }); }); </script> It works perfectly,
jQMobile Swipe on Samsung S5
Hello, swipe event is buggy with default browser installed on my Samsung S5 (Android 5.0) It fires 1/10 times and it seems there's same issue with Firefox Mobile. With Chrome mobile is ok.
jQuery Validate & only one of multiple fields required
I'm developing a registration form for our school's website where new students will be able to register for class. Some of the fields will be required others optional. However there will also be several sets of fields where only one or more but not all will be required at the same time (e.g. We either need a home phonenumber, a mobile phone or eMail address to be able to contact them). How can I get this implemented? All I can find is to either set the fields to required of optional.
Jquery Ui - Sortable :(
here: Jquery Ui Portlets Sortable! i want a column that items can be draged from-to another columns but would'nt be dragged from another columns into it ! how can i do that
Fyneworks JQuery Star Rating Plugin - Callback Infinite Loop
Hi all, I am using the Fyneworks JQuery Star Rating Plugin and would like to implement a callback function for a click event. Here some information is given how to proceed. When clicking on a star, the callback function causes an infinite loop. How to prevent this? // auto-initialize plugin //$(function(){ // $('input[type=radio].star').rating(); //}); To replace the class 'star' at the input fields with 'auto-submit-star': <input name="star3" type="radio" class="auto-submit-star"/> And use following
When using .ajax(), how to make jqXHR pick up Exception message from PHP?
I tried doing a: throw new Exception("My custom error message."); in PHP, I need to get my string message to .ajax()'s .fail() handler, specifically to the jqXHR object that it receives so I can display it to the user. How do I do this? I checked the Network data coming in, and it keeps containing some generic error message.
data-icon not show
Hi, I'm new with JQuery mobile, a week ago , work with: <link rel="stylesheet" href="css/jquery.mobile-1.3.2.min.css"> <script src="js/jquery-1.9.1.min.js"></script> <script src="js/jquery.mobile-1.3.2.min.js"></script> Is that correct? and.............I want to place icons on buttons, but no achievement that JQM show, is just a circle instead of the icon. <div data-role="footer" data-position="fixed" data-id="footer"> <a href="index.html" data-role="button" data-icon="plus">Add</a> <a href="index.html"
Need help with Jquery Mobile
We have an internal site that extensively uses Jquery Mobile. We use it to expose information from our databases to field personnel via PHP connections. It is presently on Jquery 1.64 and Jquery Mobile 1.0 and is using some features from JQuery UI as well. ( I know this is not a great idea). The site works well on the present version but I am having very little success getting it to the latest version. Would anyone know the best way to get a qualified contractor to help me with this. I started to
How to remove the effect of Screen tearing
Hello everyone. How to remove the effect of Screen tearing? In firefox there is such an effect, but does not appear in chrome. http://aleshkalavrushka.tk/ My script: $(function () { var $info_panel = $('.info_panel'); $('#show_info_panel').click(function(e) { $info_panel.toggleClass('slide_panel'); }); });
Update label with textbox on change gridview
Hi, I have a gridview which contains 2 Item templates having textbox and label respectively. Currently i have a textbox on change event, which adds the text entered in the textbox to the label. Below is the IE developer markup of textbox: <input name="ctl00$ctl32$g_7e99e987_4340_46d1_83c7_0a5514900624$grdOne$ctl02$txtOthers" id="ctl00_ctl32_g_7e99e987_4340_46d1_83c7_0a5514900624_grdOne_ctl02_txtOthers" style="width: 187px;" onkeypress="if (WebForm_TextBoxKeyHandler(event) == false) return false;"
How do I specify where the html for dialogs are place?
Hello, By default, JQUI Dialog boxes are placed just before the </body> tag. This is a problem because it prevents the Scope feature within the JQUI download builder from working. Is there a way to tell the dialog boxes to render themselves somewhere else in the HTML? Thank you, Akheem ------------------------- How it is normally rendered: <html> <head></head> <body> <div>Normal html content</div> <div>Normal html content</div> <div>Where a dialog is
Help creating an action to view certain url
Hi, Was wondering if someone could help me create an action with this bit of code? There is a range of 5, I would like to redirect to to a specific url when you select 1, 2, 3, 4 or 5. Would appreciate any guidance on this. Thanks. <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css"> <script src="http://code.jquery.com/jquery-1.11.2.min.js"></script> <script
Programmatically clicking an button in html not working.
I have a button in an webpage, i want to click it programatically. This code works for chrome/Firefox but does not work for IE11 for some reason. $('#buttonID').click(); any clue??
scroll event not triggered in Chrome Version 41.0.2272.118 m
Hi, http://jsfiddle.net/GearWorld/z0qzs54q/ The code on jsfiddle isn't working as well as in Chrome 41 but works fine in IE. Could someone shed some light on this problem ? Thank you
Beginer help extreamly New to this
When I go on the jquery web site and click on the download it is not downloading the file to me computer but instead showing me the code in another window. Is this normal? Should I copy paste to javascript file and link to it. Or is something in my settings telling my computer to do this? Is linking the file all that is needed for me to use Jquery?
Next Page