Best way to create a simple animation using sequence of images
Have a look at this fiddle - http://jsfiddle.net/BT2wk/8/ I am just trying to create a smooth animation by quickly swapping some images. For this i used .fadeIn() and .fadeOut() methods but it is making my images flicker. I have tried tweaking the speed but it always flickers. I wish to create a smooth animation. Am i using the right approach or methods for creating my animation or is there a better way ? If fadein fadeout are the methods for me, then can you tell me how can i remove flickering
How do i load xml depending on day of the week????
Need to load xml from a url depending on day of the week. if its monday load Monday.xml. I can not figure this out my brain hurts.
Only Return Values Found in an Array
Hi all, I have two REST calls and need to return the values that match (ex. If the first REST call output produces an array of 1, 2, 3... I want to the second REST call to output the values that match 1, 2, 3.) My data looks something like this: - Data source 1 accessed by REST call 1 has a field named PostCategoryID. This field can contain multiple values - Data source 2 accessed by REST call 2 has two fields, one named ID and another named Title. The ID in list matches the value(s) in the PostCategoryID
Which parts of the form should be submitted based upon select
Hi everyone. I'm hoping someone can help me with how I should handle this problem. I have a form that contains a select with multiple data elements for each option. The data elements are not consistent because what needs to be submitted along with where the form action should be will be different depending upon what the user selects. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> <script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.11.1/jquery.validate.min.js"></script>
Get cumulative height
Hi Guys, I'm trying to get the cumulative height of li elements & set the parent ht, as it's being clipped. Tried: var outht = 0; var myli = $('#searcher_stack-its_outerhtml li[id^="order"]:visible'); var maincnt = $('#searcher_stack-its_outerhtml li[id^="order"]:visible').length; for (var mcnt = 0; mcnt<maincnt; mcnt++) { var fcnt = mcnt + 1; if ($(myli[mcnt]).css('clear') == "left") {outht = outht + $(myli[mcnt]).outerHeight(true)} console.log('Main Outer Height: ' + outht); if (fcnt
jQuery and Dreamweaver CS6
Dear forum moderators / users, I'm still fairly new to jQuery and Dreamweaver CS6. I have the following files (see below) downloaded from the website. But I can not find how to add in Dreamweaver? Those files below itself Is it simple to add something or has to be something else done? Thanks for the effort. - jquery.mobile-1.4.0 - jquery-sizzle-1.10.17-3-g0ff8cc9 - jquery-ui-1.10.4 - jquery-2.1.0.min.map
Need method to get "Current Url" and then display it on the web page
I'm trying to get the current page url....... and then display it for use in the html page as a "template tag" where it will display the url wherever the tag is placed on the page. So it could be used in making a canconical meta tag, or making a link to the current page somewhere on the page for instance. I've been given this code <script type="text/javascript"> jQuery(document).ready(function() { var href = jQuery(location).attr('href'); var url = jQuery(this).attr('title'); jQuery('#current_title').html(href);
Call function after
Hi All, I have a function, imgCk() that needs to run after another function htFix() has finished w/ it's promise function. I tried this: function htFix() { $('div[class^="searchercustomcontent"]').promise().done(function() { ... }); } function imgCk() { $.when( htFix() ).done(function() { ... }); } I call out htFix(); & then imgCk(); in the code.When I look at the console imgCk() logs seem to be running first, instead of last. Thanks, Bill
Closing the new "dialog" in 1.4
In 1.4, I see that the dialog widget has been deprecated in favor of the page's dialog option. I've got my markup switched over to properly use that, and they display just fine. In 1.3, I would use $('.ui-dialog').dialog('close') in my client side script to close the dialog and return to the previous page. What's the proper equivalent in 1.4 with the new dialog model? Thanks, Dan
ajax().done
Is .done() available for ajax? Something like this: ajax({something, something }).done( function(){something else})
Conflict scroll event jscrollpane jquery
I have a problem and is the following; I am using scroll event to paginate records which is defined like this: $(window).scroll(function() { if ($(window).scrollTop() === $(document).height()- $(window).height()) { //Do something } )}; but I am using jscrollpane too, but when this is visible triggers the scroll event of the window. I tried to do this to disable the scroll of jscrollpane, but does not work $('#dvmenu').unbind('jsp-scroll-y').jScrollPane({autoReinitialise: true}); is this possible?
Need help using ajax
Hey Guys. I am new with ajax, and I am trying to retrieve data and append it to a div tag. For some reason my code below doesn't seem to work :( $(function(){ $.ajax({ url: "testdata.txt", type: "GET", dataType: "text", success: "successFN" }); // End of $.ajax function successFN(result) { $("#result").append(result); } });// End of function </script> </head> <body> <div id="result"></div> </body> </html>
populate html table using data from ajax based rest call
Hello, I am having a AJAX REST call in one of the JS file and have a HTML table, want to populate the HTML table with the data recieved in the get call. I have tried the below code but its not working. JS File $(document).ready(function(){ $.ajax({ type: "GET", url: "SERVICE URL", dataType: "jsonp", success: function (data) { $.each(data,function(d,results){ // ben is the id of the HTML table $("#ben tbody").append( "<tr>" +"<td>"+results.Firstname+"</td>"
Help with the trigger function
Hey Guys, I have been reading about the trigger function. I have tried it out on my own but it doesn't seem to be working. I took the following example from the jQuery API website and added an alert function... When I refresh the page it doesn't seem to be displaying an alert. In the jquery website is also refrecnes an a selector named foo but didn't find any element ID the references foo?? Below is my code. Thanks!!! $( "#foo" ).trigger( "click", function () { alert("Automatic Click"); }) ; Documentation
[SOLVED]animate() + detach()/appendto() issue
Hi, I'm trying to learn how galleries work. I have 4 images horizontally lined up. I'm trying to make it so they shift to the right, and the image on the far right moves to the far left hand side, so it creates a fluid transition. http://jsfiddle.net/M4v3F/1/ $(document).ready(function(){ $("#right").click(function(){ if($("#box1").find("#image1").length > 0) { $("#image1").animate({left:'202px'}, function(){ $(this).detach().appendTo("#box2")}
Having issues with Navigation and BASE HREF....
The general structure of the site is OUI/ index.php js/ pages/ images/ So with that being said..on the index page I have a simple login form. At this point the base URl for the page <base href="http://localhost/~me/OUI/"> When I click on the login button it calls.. function doLogin(){ $.ajax({ type: "POST", url: "functions/checklogin.php", data: { usrnm: $('#username').val() , passwd: $('#password').val() } }) .done(function( msg ) { if(msg.match(/YES/)){
crossDomain usages ?
I asked here : http://stackoverflow.com/questions/21255194/usages-of-jquerys-ajax-crossdomain-property a question about crossDomain. From the docs , it is not understood when should I use it ! if i'm using it with jsonp , so the response type is application/javascript which is not a subject to cross domain. so I dont see when should i use it.
Check text with contains in iFrame
Hi Just whant to get this conditional works. The HMTL-Codes looks like this: <div id="availableLanguagesContainerBody"> <a onclick="changeUserLanguage('EN')" href="#"> English </a> </div> With JS and JQ I whant to check if the User choosed "English" or other languages. if ($('iframe').contents().find("#availableLanguagesContainerBody a:contains('English')")) { //do JS//; } Javascript allways says that this text/object exist, even there is something else. Do you have an idea? Thank you for your reply.
Newbie slider question
Hi All Would really appreciate some help as to why I cant get a Rhinoslider gallery to work. I am just seeing four images rather than the slider. I am using Adobe Muse. In the <head> I have... <link type="text/css" rel="stylesheet" href="http://trojansdesign.co.uk/rhinoslider/css/rhinoslider-1.05.css" /> <script> type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script> <script type="text/javascript" src="http://trojansdesign.co.uk/rhinoslider/js/rhinoslider-1.05.min.js"></script>
Alert box styling
How to make my alert box look like a lightbox alert . ?? please help me ! an example vth demo would do good .. thank you in advance :)
jquery ajax setup not working for post request :(
Hi, I am using the jquery ajax setup for adding some additional global parameters. GET ajax request working fine but POST ajax request the additional global parameters is not sending. Is there any way to add global parameter for POST ajax request? Please advise. Thanks, Kumaresan
How can i know where i am redirecting
Hi How can i know where i am redirecting using jquery? Before page unloads i want to know on which aspx page am i redirecting to .
jquery UI & MediaWiki
HI, I'am writing an extension for MediaWiki and utilize the jquery/jquery UI delivered with Mediawiki (MediaWiki 1.22.0, jquery 1.8.3, jquery ui 1.8.24). For usability reasons I decided to use a custom theme (=sunny) which I downloaded from the theme roller. When I open a dialog box then for example for the header the font color (white) is taken from theme file, whereas the (nearly white) background comes from mediawiki. The reason is that the CSS rule which applies is "body .ui-dialog .ui-widget-header
JQuery Validate not working for Safari
Hi there, I am using the JQuery validation plugin and it works fine for Chrome, however, it does not work at all for safari. Are there any solutions? Ryan
Learning resources: Dialogs and asp.net formviews
Can anyone recommend any learning resources concerning asp.net formviews and dialogs? I'm having to learn by scavenger hunt and it feels like I'm stumbling in the dark. Here is what I have been able to piece together so far: I can define a dialog that contains a div with a formview (connected to a sqldatasource). I can open the dialog by selecting a row in a gridview, with the intention of editing the row in the dialog formview. But here's where I'm stuck in the mud: when I click "update" null values
Issue with jquery ui Dialog Modal
Hi, I have a form with radio , checkboxes and buttons form fields. Then I invoke a Modal window, It is showed perfectly, but If I Mouse over or navegate over tabs, The form elements of the "opener" appears over the modal "child" overlay. I ve modified z-index property, but nothing. See the print screen : http://sia1.subirimagenes.net/img/2014/01/27/140127112543813724.jpg Im using jQuery UI CSS Framework 1.8.18 . Thanks for any help !
Code for text box precision . . before Dot 3 Digit and After Dot 2 digit . . it's working fine in Google Chrome But in IE 10. . How to solve tis???
<%@ Page Language="VB" AutoEventWireup="false" CodeFile="test7.aspx.vb" Inherits="test7" %> <!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 id="Head1" runat="server"> <title></title> <script type="text/javascript" src="Scripts/jquery.min.js"></script> <script type="text/javascript" src="Scripts/jquery-1.4.1.min.js"></script> <script type="text/javascript">
jquery ui datepicker
i had used contact form 7 with ui datepicker the problem is datepicker has an inline style having z-index equall to 1.how do i change the z-index means from where
I have problems with cookies
Hello everyone!!! I'm starting with jQuery and specially with cookies. As a test application I'm using a nested list with a collapsible effect created with jQuery. The effect is working fine and now I'm trying the next level which is save the state of the list between reloads. For this I'm using cookies (jquery.cookie.js) but there is something strange that I can't understand. The cookie is been saved in the browser but I can't get the value after reloading the page. This is how my code looks like:
Pass object to plugin options
I can't for the life of me figure out how to do this. I've got two plugins that I'm trying to get to work together. In one I set the cookie and perform various actions (I'll spare everyone the code of the other functions). In the second file I get the users location and perform various functions on their location. My problem is that I need to set the cookie in plugin one but my cookie name will change it's not always going to be profileColor is there a way to pass options somehow into the other file
JQM 1.4.0 with jQuery core 2.0.3: problem with listview refresh
Hello, I tried to change the attribute (data-theme) of a list item in a listview dynamically, once the user has clicked on it. Firebug shows me that it is in fact changed, but the UI refresh did not happen, although I tried all trigger events, refresh commands etc. that I knew. There is an example of the intended behaviour in http://jsfiddle.net/Palestinian/AFfw9/ This example works well with old jQuery Mobile and jQuery core versions like JQM 1.3.0 + JQ1.9.1. But I do not get it to work with JQM
Hi all
Hai everyone. I am new to this forum. You can also share your latest experience with us.
Hiding/showing HTML table rows in mobile version
We have a desktop site where we hide or show HTML table rows on a button click based on what class a <tr> is. The jQuery below is in a script file included in the display page: Display page code: <tr class="parentHeaderRow"> ... ... <tr class="parentHeaderRowHidden"> $('#rowShow').click (function() { $("tr.parentRowHidden").css("display", ""); $("tr.childRowHidden").css("display", ""); $("tr.grandchildRowHidden").css("display", ""); }); $('#rowHide').click (function() { $("tr.parentRowHidden").css("display",
jquery ui sortable multi version problem
Hi, I'm using jQuery 1.7.2 and higher version and implemented sortable functionality.Which is working fine. But when I include in my Richfaces application . It was not working. Got to know that it was taking 1.3.2 version of jQuery. Used noConflict() also. But problem havent resolved. Please help me out.Thanks in advance
Presenting kind of graph from DB
Hi all, So I have to present some information from DB. It looks something like this: So I have some objects with (x,y) and then they are sometimes conected to neighbors, by Blue, Red-Blue or Blue-Red line. My question is do you guys have some idea, or sugestions how I can present it. I would like to have object also clickable, so I want to use ajax for sure for that, but I can't find good solutions for main problem how to present them?
Conflict Jquery ModalxAutocomplete editable DDL
Dear,I researched how to make an editable ddl on the link: www.codeproject.com/Articles/290218/Custom-ASP-NET-Editable-DropDownList I follow exactly the example and meets my needs, but appears conflict when I try to use it in a form that already have several jquery modal `s that I call in my form. For my modal function takes the following libraries (I'm naming each listing .js) (1a listing of.js): <link href="css/jquery-ui.css" rel="stylesheet" type="text/css" /> <script src="Scripts/jquery-1.7.1.min.js.js"
Delete confirmation Dialog
Hi All, I am new to jquery and really struggling for setting up confirmation dialog box for deleting certain items. I am able to view the popup but when I click DELETE on the popup its not redirecting or loading the new page but staying on same page. I am using Jquery mobile 1.3.2 version. Any assistance to resolve this would be very helpful. Below is the sample code I am using. <body> <div data-role="page" class="type-interior"> <?php include "files/header2.php";?> <div data-role="content" data-theme="d"
Selecting all options from a multiple select on form submit doesn't work
Hi, I'm trying the following JSFiddle: http://jsfiddle.net/a8qaC/1/ My problem is that the values of the second select: "#select2" doesn't get selected on the form submission. It only works well in Chrome 32, but not on Firefox 26 nor Internet Explorer 11 So you can reproduce it as follows: 1) Select all options form the first select (#select1) 2) Press the "add >>" button 3) Deselect all values from the (#select2) 4) Press the "submit form" button The desired behavior is that all options on #select2
jQuery, jQuery UI or jQuery Mobile?
We have a website that uses jQuery and jQuery UI. We use slider bars on site, and as I recall at the time the site was coded, not all jquery widgets worked across all tablets/mobiles OS. We used a plug-in called jquery ui touch punch, which gave us the functionality we needed, however I came across "jQuery mobile" which supports deskstops throught to phones. I'm a little unsure where this products fits in the jQuery family - is it a replacement, supplementary etc. Anyone have any advice, or link
$.ajax does not work in Windows8.1 WebView
hello dears: I am working on Windows8.1 WebView with $.ajax to get local file system. My project has xml, resx, csv, html etc resource file. xml or html is worked find in $.ajax but resx, csv file is error in $ajax. this.webView.Navigate(new Uri("ms-appx-web:///html/index.html", UriKind.RelativeOrAbsolute)); $.ajax({ url: 'Resources/re.resx', // => NG //url: 'Resources/re.csv', // => NG //url: 'Resources/re.xml', // => OK //url: 'Resources/re.html', // => OK
Next Page