when timeout I want to run a function!
timeout works! but when timeout I want to run a function. do you have any ideas? //when you define datatype as JSON, you can do it. But my response from xajax.php is a data: "echo $_GET['name'];" $.ajax({ type: "GET", url: "xajax.php", timeout: 100, data: "name=John&location=Boston", success: function(msg){ alert( "Data Saved: " + msg ); } //like this: //timeout: function(){location.href='blabla.html'}
I never used JS, can I learn the jQuery ?
Hello. I want to learn jQuery, but I don't know much about java script. And my question is, should I start with JS or with jQuery ? I read the "how jQuery works" article, and I understood all of the examples, but those were quite simple. I'm afraid that when I will need more complicated functions, I could have problem to write them. So I have a dilemma, and I don't know from which of those I should start.
jQuery license details
Hi! A few weeks ago I already postet a comment into this forum to inform about the use of jQuery in commercial projects. I got a reply by a user in this forum, but there is still a question, I don't have an answer to. So maybe an official member of jQuery could reply to my question. In MIT-License it says that the "copyright notice and the permission should be included in all copies or substantial portions of the software". So if I create a website and sell it to my customer - what do I have to do
Strange issue with Masonry and infinite-scroll
Hi! I'm trying to configure both masonry and infinite scroll on my wordpress theme. The page I'm working on is this: http://www.photocracy.eu/ If I scroll the page the new images are loaded, but they are displayed in a very strange way, like a mess! I can't see any relevant error from firebug, but I think it is a callback problem. I use this code: var $ = jQuery; var $container = $('#sort'); $container.infinitescroll({ navSelector : "#nav-below", // selector for the paged
how to stop a function?
Hi, folks I'm new to jQuery, so maybe it's a simple thing, but I couldn't find how to do it. I have the following code that makes a word to change continuously when the mouse is over that particular word, but I can't stop it when the mouse leaves the same word. Considering that there are several words on my text that triggers the same behavior, things become messy when all words change at the same time. Is there a way to stop the function when the mouse leaves a word? Thanks a lot! var terms = ["WORD
blue color of such number, fax and email
hello :) please I have a little problem, I ready inserted a phone number and email to my mobile site is based on this site but I can not change the color of the following number and email still blue (just on my page index) thank you for your helps
Problem with link button on Chrome iOS (with ASP.NET)
Hi i'm having a problem with a link button on chrome for iOS: my code is (in ASP .NET) : <asp:LinkButton ID="lnkOk" runat="server" OnClick="lnkOk_Click" data-role="button" CausesValidation="true" data-transition="flip" data-icon="check" data-iconpos="right" data-theme="a" Text="Ok" /> witch gives : <a id="lnkOk" data-role="button" data-transition="flip" data-icon="check" data-iconpos="right" data-theme="a" href="javascript:__doPostBack('lnkOk','')">Ok</a>
Developing plugin for database access (SequelSphereDB)
I am developing a jQuery plugin as a connector to a javascript relational database API (SequelSphereDB - see http://sequelsphere.com). It is a simple API for accessing a local database with SQL. While nothing is needed to use it in jQuery, i would like to make it more jQuery-friendly. In examining how to make a simple, synchronous database API useful in a jQuery environment, many options are available depending on the application architecture employed by the programmer. This begs the question,
Themeroller - How to add but not replace default?
i must be overlooking something simple...i cannot seem to figure out how to add to the default themes without replacing them. quick adivce? thx.
Expand/Collapse jQuery Troubleshooting Help!
Hello, I am trying to figure out how to make the expand/collapse arrow images work in my HTML document. The menu itself works just fine. When clicking on the heading, its contents are displayed and when you click on it again, they disappear. So as far as that part, everything is fine. The only thing that doesn't work properly are the right/down arrows. When the page is loaded, the right arrows are displayed. Upon clicking on the heading, it becomes a down arrow. But then the problem comes in. When
How to update jQuery?
Hi there guys, I'm really new to jQuery and I would like to know how can I update jQuery on a html website (currently on version 1.6.2) a step-by-step guide how be great. Thanks to all
Read a list of images from a dropbox folder?
Hello, I need some help please ... How I can read an XML file that contains a list of images in a dropbox folder? To scroll through the list and then download the images one by one. something like: $ get ("https://www.dropbox.com/ ...." function (images) { ...? }, "Json");
Superfish Menu
hi all.. i have used this http://users.tpg.com.au/j_birch/plugins/superfish/#download is there a way to put a fix value on the height of the menu box?? please be specific with me i dont know codes.. thanks a lot :) -moony ^^
jQuery slider
Hi all, im fairly new on the jQuery scene and ive looked into alot of the tutorial for building sliders, id like to learn to build them rather than use plug-ins or use other peoples code. The sliders i have looked at to get an insight into the working all see very long winded and i decided to look into shorthand ideas for sliders and this is the code i came up with, so far it hasn't worked and i seem to have hit a brick wall, any ideas? My HTML code <div id="jqslider" name="jqslider">
jquery selects all elements, i walt only current.
Hello, i have three div's and every div has hidden child (display none) when i write: $('.link').click(function() { $('.hidden').css({'display':'block'}) }); Something like this works, but then ALL .hidden appears, and i want to show only .hidden that is in clicked link. (current hidden not all hidden ) <div class="link"><p>show menu</p> <a href="#"><img src="images/icons/arrow.png" /></a> <div class="hiddenDiv"></div> </div> <div class="link"><p>show menu</p>
How to change opacity on images in a table on mouseover ?
When i mouseover my table, it happens that the entire table, changes opacity and other animation effects, instead of just 1 image at a time as i was planning. Can you help ? My jquery code: $(document).ready(function () { $('.mosaico img').mouseover(function () { $('.mosaico img').animate({ opacity: 0.25, left: '+=50', height: 'toggle' }, 5000, function () { // Animation complete.
Uncaught Exception in jQuery Mobile 1.2 during page initialization
I upgraded from jquery mobile 1.1 to 1.2 and now I get an uncaught exception in the jquery code when loading my page. I created a very small sample page to reproduce the problem. It contains NO javascript all. It is included below. If I remove the highlighted html (the second select), the problem doesn't occur. Looking at the code in Dreamweaver "LIVE View" I can see that jquery is trying to extend the second select when the error occurs. Am I missing something obvious, or could this be a bug? Here
Use jQuery to detect outdated browser and alert user
Hi all! Does anyone know of a relatively simple way to use jQuery to detect what browser/user agent a website visitor is using and notify them that what they are using is outdated/unsupported? I did find this, http://www.devslide.com/labs/browser-detection. The problem is that the popup/alert window that appears if you view the page in say, IE6, is so stretched out and distorted that the user might have trouble actually seeing what they are being warned about and I didn't want to take the time
MVC - how to find and get value from public static list<object> created in model
Here is how my code looks like: in model: public class SystemUser { public string Name { get; set; } public string Email { get; set; } } public static List<SystemUser> listSystemUser; public static void CreateListSystemUser() { listSystemUser = new List<SystemUser>(); } public static void FillListSystemUser() { SystemUser firstUser = new SystemUser(); firstUser.Name = "firstName"; firstUser.Email = "firstEmail";
Issues with loading jQuery on the iPhone
New to jQuery, but have some light familiarity with javascript and basic web design. I am trying to build a web app for personal use, sort of a party gimmick. I built it with the code below and it works like a charm in Chrome while testing it out with my computer, but upon transferring it to the phone with DiskAid and loading it into Safari using :file//, it breaks. The CSS formatting is completely gone, and I am left with the top button (which does not play the sound on the phone), an outline of
Changing the default date format
How can I change the default format of the date picker? I don't want the user to have to change it manually from mm/dd/yyyy to yyyy/mm/dd. Thanks
Filter Event Trigger, when search field is empty again
Hej Guys, I used the data-filter="true" on an <ul> element with <li> elements in it.The filter works fine! I need now a javascript listener on the search input field which triggers when the search field is empty again.. I've been looking on the net for the last 3 hours, anyone??? :) thanks a bunch!
JQuery Mobile & Head.js Issues
Hi all, I'm trying to integrate just the javascript loader portion of head.js with my JQM website. I'm having a couple of issues: 1. On some pages, I'm seeing the script block that I'm trying to load with head.js loaded 3-4 times on the page. 2. On all pages, I'm seeing a substantial period of unstyled content (FOUT). The styling does eventually load. Here's some sample code that illustrates each issue: 1. <!DOCTYPE html> <html> <head> <meta charset="ISO-8859-1"> <meta name="viewport" content="width=device-width,
Javascript/jQuery Syntax Issue
Hi, sorry if this is the wrong forum for this question, but I'm new to this. This is the issue I'm having. The code below works just fine, when you hover over the div with the corresponding id, it fires a click event on a different class: <body> <div id="site1"> <p><a href="" >Website 1</a></p> </div> <script type="text/javascript"> $("#site1").hover(function() { $(".centered-btns1_s1").click(); }); </script> </body> The problem is that this
History with data-ajax = false
I am using JQM 1.2.0 and JQ 1.8.2. I have a page with a form that must use data-ajax =false on submit otherwise the page will not load. After the user submits the form, I would like the user to be able to press the back button and return to the form with the form still filled out as it was before the submit button was pressed. What would be the best way to do this? I was thinking about storing the form information in a cookie before submitting to the page that uses data-ajax=false, and then reloading
Replace auto action with onclick
Hi everyone. I'm totally new to jQuery. I used this snippet of ode (had to addapt it) to autoload (think Twitter) new posts on my page when scrolling. Since this is ressource heavy for my server when a user scrolls fast, I want it to be activated when cliking on a button, lets say <button id="load_more">Load more</button> Can anyone help me convert mine ? I can't get it to work... Here is the code I use for autoscroll : <?php $maxPage = $this->Paginator->counter('%pages%'); ?> <script type="text/javascript">
NULLify CTRL press in link clicks
I have a requirement in preventing the links in my applications from spilling over to new window/tab through CTRL keys. I have the following in my page now: $(document).click(function(e) { if (e.ctrlKey) { return (false); } }); This seems to be working fine for DIV clicks however link clicks are totally ignored. I am looking to see if I can NULLIfy the CTRL keypress alone and make it appear like
Format Numbers in Form as They are Entered.
I have a form that performs calculations. I was wondering if it is possible to format a number with commas as it is entered? For example if someone enters 1000000 a comma would appear after the 1 and the third 0 when the third and sixth 0 is entered to make it 1,000,000. The form should allow the user to enter a decimal if required. If this is possible how can I accomplish this?
numeric keypad
how do i enable numeric keypad when i click in text field?
TinySort to sort unorderd imagegallery
Hi. I'm trying to use TinySort to sort my imagegallery according to the artists name. My markup: <div id="content"> <!-- sort this --> <div class="post"> <div class="caption"> <span class="the_artist">Artist name</span> <span class="the_category">Category name</span> </div> </div> </div> Ofcourse there are a lot of iterations of ".post", so that's the element I want to sort. So the ".post" should be sorted depending on
Reset DIV size after .html('') method?
Hi Everyone, I'm having an issue where I use: $('div#content').html(''); to clear a div before adding new content and then: $('div#content').append('...'); to add the content. The problem is that if the previous content was larger, the height of the div stays the same and it doesn't reset when I load the new content and I get stuck scrolling through pages of blank space. I've tried using: $('div#content').html(''); $('div#content').css("height", "0"); $('div#content').append('...'); but it doesn't
Auto Suggest with drop down list selection into text box
Hi Guys, I need help~~~~ I've got a textbox, with a drop down list. This drop down list contains a list of options, when people click on one selection, it gets inserted into the textbox, provided it's not already in there. The script that I used to do this is: function ddlSuburbs_onClick() { var listBox = document.getElementById('<%= ddlSuburbs.ClientID %>'); var textbox = document.getElementById('<%= txbSuburb.ClientID %>'); var totalContent = textbox.value.split("; "); if (textbox.value
Can't acess jqueryui.com
Can someone help me..I'm currently having problems accessing the "jqueryui.com" site. It always goes to a connection timed out error page. I really need to use jquery ui for a project in school. My friends having the same ISP as mine can access the site but not me. I thought that maybe my IP has been blocked in accessing this particular site so can someone check it out please...thanks in advance for the help... BTW this is my IP : 112.198.64.67
hide row in javascript
Hellow! How can I hide row (tr) that in formview with javascript? I want to do that in pageload but then it fall thanks...
Removing a particular module
Hi there, Can anyone tell me how to remove attending module from the site? Below is the screenshot and and here is the live site. Best Wishes
Ajax call works with FF, not with other browsers
I have done a php page which returns a (valid) JSON document. The jQuery code is very simple: $.ajax({ url: "http://localhost:8888/rkm/json-jc", dataType: "json", success: function(data) { console.log(data); $('li.jcarousel-item-1', context).html( '<img src="' + data.nodes['0'].node.vignette + '">' ); } }); It works fine in FF and the object returned is OK => see 'FF_console' attached. But... it doesn't work in Chrome, Safari and Opera, without throwing errors. The
Issue Whit Infinite loop in Array
Hi, Can you please take a look at following jquery Code and let me know how I can stop infinitive looping inside the program: $(document).ready(function() { var comp = new Array("AAPL","MSFT","XRTX&"); var t = setInterval(function(){getPrice();},2000); function getPrice() { for (var i=0;i<comp.length;i++){ $.getJSON('https://finance.google.com/finance/info?client=ig&q='+comp[i]+'&callback=?', function(response){ var stockInfo = response[0];
big problem with AJAX ! jQuery doesn't execute on div loaded with ajax !
I have a page being generated with PHP, it includes a DIV who's content gets swapped with ajax. the new content contains the following function call PHP echo'd inside the parent DIV. In this div I have two slider on the homepage.(index) The sliders works when the content of the page is loaded directly, but not when it's been swapped there with ajax, while jquery scripts are already stored in the "head". What I'm trying to do is load an external html file and have the Javascript that is embedded execute.
White screen blinking in transtions
Hi all I am having issues with transitions when going to another page (i am having multiple pages applications) The device that I am testing is the Samsung Galaxy Nexus S2 and Acer Tablet. In the phone I am not seeing the issue but on the tablet i am seeing a blank between each transitions. This is kind of awfull as I can not submit my application with this issue. Do you know if this is planned to be fixed? Or have a hack for that? Thanks
Very ...very ..strange problem with "hover event" inside scrolled table section ???
Hi ...all fantastic fellow jQuery experimenters out there ! I'm trying out the "hover" shortcut event-binder for the "mouseenter"/"mouseleave" events ..... as a solution for some highlighting functionality I need in a app-project of mine . The problem I come to face .... occurs as following : The "hover"-events which becomes fired/triggered as the core-pointer moving in over individual "indication markers", living as img-tags (.png) inside of an table-structure wrapped by a y-overflow scroll,
Next Page