Jquery Slide does not feel like slide but like roll?
I have been working on a project which has a part for slide effect of jquery. I implemented it on text and images and I realized that it is not slide effect it is a roll effect. Does anyone except me feel like this? Is there another actual slide effect?
in keydown fuction confirm box work twice
hello in keydown fuction confirm box works twice. how to prevent this . below is the sample code . <input type="button" class="button" value="Cancel" id="can_bt" onclick ="cancel1 ('<?php echo $i; ?>','<?php echo $_POST['ntr']; ?>')" onkeydown="exeClick(event)" /> function exeClick(e){ var eId=$(e.target).attr("id"); if(e.keyCode==13) { $("#"+eId).click(); return true; } } function cancel1(no,ntr){ var msg=confirm("Do you want to cancel
Is there someway to filter elements with common class?
Is there a way to get elements with multiple classes and to show only those elements with common classes? In my example im trying to make a filter for games with genre and platform, so when you check FPS or any other genre, and platform PC, PS3, or Xbox etc, it will narrow down the results and show all FPS games that are for lets say Xbox360, thus making FPS and X360 common classes for those elements. Codepen Demo <div id="container"> <div id="filter"> <h3>Filter games </h3> <div class="category-filters"><img
using the grep() function
Hey guys im tring to use the grep() function to filter my array but im having problem as the array is returning empty. what im trying to achive is if the selected category exists in the array then for it to return the relevant rows. i've tried different variations in the return but im having no luck. Any advise would be greatful...thanks guys selected['categories'] = ["Clothes" , "Footwear" ] filtered_data = jQuery.grep(data, function(index, item) { return ($.inArray(item.category, selected['categories'])
Jquery create table dynamically
Has mydata table like this and the output which I want to achieve is below in the image. Can you please help me to create the structure which is in the Image Dynamically Also Next time when I try to add a new item it should come under the same category. Can you please help me to generate th is using jquery or by using DIV & LI tags and assign the same dynamically.
jQuery functions not working properly on mobile
Hi, I am working on the following site http://findmyhaus.com/ where we used jQuery for our menu. The menu is working fine on the desktop. However when we view the site on mobile we found that the menubar is not working properly. The "How it Works" link is not working at all where as the link "Why Use FMH.com" scroll down to the bottom of the the testimonials instead of top of the testimonials. Following are the code used on header. <script src="//code.jquery.com/jquery-1.11.2.min.js"></script>
How to Print Table Content in Document Using jQuery?
Can you take a look at this Demo and let me know how I can use jQuery to Print only the table of the document? <!--panel--> <div class="panel panel-primary"> <!-- Default panel contents --> <div class="panel-heading">New Order <button class="btn btn-sm pull-right btn-default" type="submit">Print Item</button> </div> <div class="panel-body"> <!--table--> <table class="table
web page is disabled or not
Hi, How do we test the web page is disabled or not.i my application there is a dependency from section to section.once if uncheck the question the entire page should go disable.how to test this page gone to disabled mode using jquery. Ex:document.getElementById('AppForm').getElementsByTagName('TABLE')[6].getElementsByTagName('TBODY')[0].getElementsByTagName('TR')[0].getElementsByTagName('TD')[11].getElementsByTagName('TABLE')[1]; cheers..
Variable won't increment (++, += 1, etc) always equals 0;
So no matter what I do the $_GET variable at the end"parts_added" is always zero. In the second while loop Iattempt to increment "parts_added" when the database returns1, which means the data was inserted successfully. $(document).ready(function(){ $("#save_btn").click(function(){ function makeHandler() { return function(data) { //alert(data); }; } $.post( "actions/add_waybill.php", { "waybill":$("#waybill").val(), "carrier":$("#carrier").val(), "datepicker":$("#datepicker").val() }, makeHandler()
share jquery lib in frameset.
hi all, I must import jquery lib every frame pages in frameset ? but i want import it only in my 'codetest page', can i share the lib ? how to implemention ? this is my 'codetest page' code .anybody can help me ? <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <script src="/commsale/static/js/jquery.js"></script>
Filling an array with objects, objects lose structure
I'm filling an array like this: function myObject(newname, newid) { var name = newname; var id = id; function SomeFunction() {} return { ID: function () { return id; }, Name: function () { return name; }, DoWork: SomeFunction, } } var myArray = new Array(new myObject("value1","1"), new myObject("value2","2")); But when I go back to get them (myArray[0]) the object I get doesn't have the structure and values I put in. Is there a better way to do this? I'm using jquery 2.1.3 in a Windows
JQuery 2.1.3 in Windows Store, need a dialog box
I had an app I was working on using JQuery 1.6. I've upgraded the project to JQuery 2.1.3, for a Windows Store app, and for the most part it's working. However, I had a dialog call, that would give the user a message and Ok/Cancel buttons. This fails now. I'm sure I'm just searching the wrong terms. How can I get a simple Ok/Cancel dialog box?
How to call a function along with load method in jquery
Hi all,
In my application i want to a display a part of another page in current page.using following code $('#ContentPlaceHolder1_btnaddress').click(function (e) { e.preventDefault(); $('#display').load("Address.aspx #Address"); }); this is for displaying a div tag Address in the current page.i don't need complete page. my problem is i want to call a function named display along with above code . how it is possible. if i use $('#display').load("Address.aspx") i will get everything .but i don't
How to create a jQuery autocomplete select with the possibility to add/enter a new element when no matching entry exists?
Hello, I´m quite new to jQuery but still hope to be in the right topic ;) My plan is to use a select element in a FORM thats populated by a JSON file. I want that select element to "assist" the the user in an AJAX way by showing only options, that start with the so far entered characters. If there´s no option that suits the input, the entered data should be sent with the rest of the form data to a sccript that further processes the data on the server. I know, there´s a way to populate the options
How to enable all titles in Page
Hi, I have used below code to remove the title in the page $('button').eq(1).focusout(function () { $('[title]').removeAttr('title'); Now I just want to enable back all titles(Tooltip) in the Page in another event. can you please help me on that?
Email regex not validating properly after first validation
Hello, I'm setting up some custom validation for a form (not using a plugin as I want to force myself to learn). But this problem is stumping me a little, I was wondering if you can help? I have searched on this site but haven't been able to find a thread on this specific issue. The email validation works first time. So if I leave the field empty, or enter a, or enter a@, or enter a@a it will show the error message specified. Once I enter a valid email address, as expected the error message disappears.
Check data if already exist in MySQL when typing on the text field
I have a form where user when clicking the button, it will then check first data to be inserted in database if already exist. Now, I want the ajax to check, if there's duplicate entry in database once the user has done typing/ or when typing in the engine no. field instead clicking the submit button. Would that be possible? Form script <input type =' text ' class =' input-xxsmall ' name =' engine_no[] ' id =' engine_no ' value =' ' placeholder =' Engine No '> <input type =" submit " value =" Submit
Frame Forwarding Viewport
I have a page that have a permanent redirect to another URL and passes a parameter. It is working fine and my page is perfect in iPad, iPhones or Android devices. I am using the following meta tag: <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0,user-scalable=no"> The problem is that the user perceive that he is being redirected and this avoid him to favorite the original URL for example. To not change the URL, I have set my server to frame forward the page,
Show results from a php app using ajax
Is there a way to display the results from a php app using an ajax call. PHP <?php require_once('related.php') ?> <?php $resp = simplexml_load_file($apicall); if ($resp->ack == "Success") { $results = ''; foreach($resp->searchResult->item as $item) { $pic = $item->pictureURLLarge; $link = $item->viewItemURL; $title = $item->title; $price = $item->sellingStatus->convertedCurrentPrice; $results .= "<figure class='relative r_image_container
Should I use $.Data() instead of Global object variable ?
I have a client that has a 'switch' - when on it run's various routines every 30 seconds - when off, it avoids running the routines. I have a jquery mobile ui that permits the operator to switch the status on/off in the client browser. When the switch is on, there are additional values that are stored (a session name, the last record id that the service client previously processed). I am storing the state and additional values via using the switch as a jquery selector and $.data() but I am thinking
Style is not working!
Hi, I have added the js files as well as link to the css files. All files does exist on my localhost and I already checked it using the view source but I am still not getting the style I want. How can I fix it please? [please see the attached] Thanks, Jassim
Server code can't return an object
I am using PageMethods to call ASP.NET server code. My object consists of many properties type, including list object. For example, Public class ClassA { public string stringA {get;set;} public List<ClassC> ListC {get;set;} } When the List<ClassC> has more than 1 item, the object will not be able to return to the PageMethods function The PageMethods function is like below: PageMethods.MyCalling(id, function(obj) { if(obj) <-- will not be reach ... }); However this does not happen in my localhost.
Ajax Post Click Function Submits Twice
I'm clicking a button type="button" to fire off an ajax post. The problem is, the form is always submitted twice. Generated HTML <form name="AddItem" id="additemform" method="post" action="WebCatPageServer.exe"> <input name="Action" type="hidden" value="Add_Item" /> <table> <tbody> <tr> <td><a href="WebCatPageServer.exe?PROD_FULL&ProdInfo=00012000551">BRW2394746301</a></td> <td>239-47463-01</td> <td>Gas Valve
Help! jQuery carousel slider track looping
I am having trouble making the images inside the slider loop around. I want track to loop around from either sides after they are hidden; right now all it does is go in both directions with out looping back around. here is the the jsfiddle for what I have now if someone can edit it. http://jsfiddle.net/V2x6s/3/ Here's Javascript setInterval(function() { var left1 = parseInt($('#track1').css('left')), left2 = parseInt($('#track2').css('left')), left3 = parseInt($('#track3').css('left')); if ($('#left1').is(":hover"))
using replace on val()
This bit of code works great, removing the commas from numbers to do math. for(i=1; i<$('.coa_table tr').length; i++){ var c_trs=parseInt($('.coa_table tr:eq('+i+')').find('td:last').text().replace(',', '')); c_count+=c_trs; } I cannot figure out why I cannot do the same with .val() as the above .text(). This code errors with "Object doesn't support property or method 'replace'" on valhold.replace(',', ''). The code is retrieving the value from multiple input type="text" fields with a
load php file
Hi all I hope someone can help guid me in the right direction. I want to load a php file depending on what link the user has clicked. The correct php files is loaded on click but the code in the included php file doesn't function and nothing works. Here is my working code: $( ".link1" ).click(function() { $(".here").load('includes/page1.php'); }); $( ".link2" ).click(function() { $(".here").load('includes/page2.php'); }); $( ".link3" ).click(function() { $(".here").load('includes/page3.php');
validation inside a dialog
Hi, I have a dialog box that is working fine, the end user has to check one or more checkboxes before pressing the button "Assign", I want to have a validation before submitting, if no checkbox were checked it should diaply an error validation, here is my code : I would like to check if the array agenciesId is empty, display an error and don't submit. $("#divPopUp").dialog({ resizable: true, autoOpen: false, height: 500, width: 550, modal: true,
ajax call...
hi.... Let me clear my doubt..... How to call Json file in Ajax call Using Jquery itself( To call jquery itself and load the data)..... Give me a Solution ......
jQuery :visible selector doesn't work as expected in Firefox
Hello guys, I have a strange problem with the :visible selector. The same code behaves differently in Firefox and Chrome. At first I thought that it is a DevExpress ASP.NET library bug, so I filed it there. Their team investigated the error and told me that it must be a Firefox bug. Therefore I opened a ticket at Bugzilla, but the guy over there told me that Chrome is buggy and Firefox behaves according to the CSSOM specification. The only thing I want to achieve is to make my script compatible with
How to do text editor in Jquery
I need a text editor and a button.so whenever a student enters some text in the text editor and press the button the text should show up on the achievements page.So do i need to do Jquery. How would i do this.
Ajax - Related Prob :(
I am trying to retrieve data from web services using j-query $.ajax method from local browser $.support.cors = true; $.ajax ({ type: "POST", url: myUrl + "/" + method, data: param, dataType: "json", contentType: "application/json; charset=utf-8", crossDomain: true, cache: false, processdata: true, success: function(data) { try { data = $.parseJSON(data.d);
Modifying Mobile Menu Toggle State
I'm using the script below on a mobile menu. I would like to modify it so that when any menu link is clicked, the dropdown menu list is hidden (menu is closed). I believe that would be done by removing the class "expand" from the DIV with class "responsive-menu" placed on it. This would need to be consistent with toggling the menu off by clicking the menu hamburger icon (that's the default behavior). jQuery(function($) { $('.menu-btn').click(function() { $('.responsive-menu').toggleClass('expand')
Trouble creating box from unicode box symbols.
Updated: I'm trying to make my own check box from unicode symbols. On my screen the upper half of the box is on one line by itself in the middle of the <div> and the bottom half of the box is on the next line left of the text. Don't know what happened here but copied clip board here and all appears ok. Explanation would be appreciated. (I'm wondering if CSS would do this) ┌┐ └┘ Click to delete. ┌┐ └┘ bridge: Player Scores; SELECT id, playdate, player, score FROM `bdata` ORDER BY playdate DESC,
preloadCssImages : Unresponsive scripts
Hello, can you please help me with this issue,
Attempting to open a certain option on a css / jquery menu during page load
Hello, I am trying to get Sub Category 1 to open on page load in a CSS Jquery driven vertical menu but have been failing to do so over 4 hours. Would an expert be so kind to please assist? http://jsfiddle.net/mttw5y9q/ Thanks in advance and kind regards - M
Dynamically populate dropdown list with jquery
Hello I'm using SharePoint 2010 and have an issue with ASP dropdown list. Based on user's AD groups, some users should have anywhere from 2 to 4 items in the drop-down list and it could be different combination of items for each user. Then the value that user choses from drop-down is passed to multiple web parts on the page. I'd like to setup that dropdown list dynamically, using jquery. I already have the code to get the items based on the AD groups. I'm new to jquery and not quite sure how to assign
bind accordion to API XML
I have an API that is returning data as Accounting -- Accountant Accounting -- book keeper IT -- Developer IT -- Architect IT -- Jr . Developer Marketing -- Sales Marketing -- Sales Manager and in my accordion I want to see the data as Accounting -- Accountant -- book keeper IT -- Developer -- Architect -- Jr . Developer Marketing -- Sales --Sales Manager I'm able to show the header, however, when I add the roles, its not grouped, how can I show the data in the accordion correctly? I need to
JSON making on basis of drag and drop
Reference from Subhranild dalal fiddle Drag and drop I have created AngularJS based drag and drop UI with the using Jquery. There are modules which are draggable and droppable. I have made these modules draggable and droppable but, I have to make some JSON for every module after dropping that. There are modules like Menu, User, Device and so on. When I will drag a Menu and drag further module under the Menu module that will be drag as per user sequence like on "1" drag device module, on "2" drag
JQuery, not mobile: make an ajax call, ignore if it comes back or not, and load a new document. Can it be done?
I am using JQuery. Not JQuery mobile. Please pardon the inaccuracy of the term page, which I generally use to refer to an HTML document. It will probably show up several times in this post. Watusiware says there are no pages, only documents. OK by me. I hope this clarification will help, whatever term I use, and that you will understand that I intend document. In a given page/document, I'd like to fire off an AJAX call and completely ignore the results. No callback. No dealing with the answer. I
timestamp difference
hey guys im tring to get a difference between 2 timestamps, now here's the first timestamp string i have: 2000-12-15 21:51:45 and i've tried to use the following to create a timestamp today = new Date(); var dateString = today.format("yyyy-mm-dd hh:mm:ss"); console.log(dateString); but its not working =/ basically i'd like to know how many days difference between the timestamp string and todays date. if anyone can help or know a article on this, that would be great. thank you
Next Page