Updated documentation?
I was wondering if/when the API documentation was going to be updated. I'm still seeing the "New or Changed in 1.7" block. The reason I bring this up, is because I thought I read through all of the 1.8 changes in the blog post, but I just discovered the new "addBack()" function which isn't documented anywhere, well except for Cowboy's gist. Thanks!
hover: append element, can't remove on mouseout..
nothing I try to remove element that was appended on hover works: $('#links a').each(function(i) { var index = i + 1; $(this).css('background','url(images/item' + index + '.png)'); }); var roll = '<img id="rollover" src="images/rollover.png" />'; $('#links a').each(function(i) { $(this).hover( function() { $(this).parent().append(roll); // $(this).css('background','url(images/rollover.gif'); }, function() {
How can I modify this Replace function to use arrays instead?
I need to modify this Replace function to use arrays, but haven't been able to figure out how to do that. This function allows the text and 2 sets of items to be replaced when a user clicks on an element, and each set of items includes an image and it's associated value (which will then be added to the customer's profile and be inserted into a database). I can't figure out how to modify the code to use arrays instead or how to advance past the 2nd set. This is part of a taste questionnaire which
JQuery 1.8 Ajax with FireFox 14.0.1
Hi! I have problem with JQuery 1.8 (and 1.7.2) Ajax with FireFox 14... 1 - I'm calling a webservice to return a JSON object to me... this object contain a text html 2 - I'm show this text in a window... In this window I have two buttons... 'I agree' and 'Don´t agree'. 3 - If the user click in 'I agree', the window is closed and is call the function 'Save' of the parent window. But, when I click in 'I agree', in FireFox, I get this message: A script on this page may be running or stopped responding.
2 questions of .dequeue
What is difference between dequeue is set after queue and in queue. I can't find any amply description. I found first variant in example of custom animation. Author wrote. Nothing happens. Why? Because unlike the default fx queue, custom queues are not dequeued immediately. They require an explicit dequeue call to get them started. And then he offers example with dequeue after queue. <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
Timeout function help needed
Hi all. I am having trouble with the below code: $(function() { var timeoutID = 0; $('ul#featured_grid li').mouseenter(function() { timeoutID = setTimeout(function() { $('.featured_popup', this).animate({ bottom : 0 }, {duration: 'fast'}); }, 400); }).mouseleave(function() { $('.featured_popup', this).animate({ bottom : -50 }, {duration: 'fast'}); clearTimeout( timeoutID ); }); }); The code works
how to create add to playlist in jplayer?
i want to add music files to current playing list . and also alert message after each song played completely with song name . can any one help to me? Thank u.
Preserving links and creating default state with cookies
Hello everyone, I was assisted with this solution which adds a class to a clicked link so that it becomes the activelink. The style is than preserved using Cookie even when the user refreshes the browser. My question is: How can I modify this code so that when the page loads a specified link or tab is assigned the activeLink class so that it becomes the default? However, if other links are clicked; they than become active addClass/removeClass. Finally if a user returns to the page then their previous
Parallax scrolling - margin not working
Hello! I have got this parallax scrolling script. So far it works, but only with background-position. Any time I try to use it with margin it doesn't seem to move. Does anyone know a solution? var movementSpeed = 35; var height = movementSpeed / $(window).height(); var witdth = movementSpeed / $(window).width(); $("html").mousemove(function(e){ var pageX = e.pageX - ($(window).width() / 2); var pageY = e.pageY - ($(window).height() / 2); var newvalueX = height * pageX; var newvalueY = height
License and HTML tag
Hi! The following question is about licensing of jquery and how to use jquery in html. 1. License: As jQuery is really easy to use and very powerful I think about using jQuery in my commercial project. I read here (http://jquery.org/license/) that I may use jQuery in commercial projects as long as the copyright header is left intact. So - what is the copyright header? I downloaded two different jQuery-Files (min-version and the production (uncompressed) version). When I open them there is a comment
How to implement callback after $.php call?
Hi! I have a php function that imports some data into a database and saves the import results in a cookie. This is controlled in javascript by three functions: function importCSV(filename){ do_importCSV(filename); callback_importCSV(); } function do_importCSV(filename){ javascript:$.php(url,{'act':'importCSV','file':filename}); } function callback_importCSV(){ var importResultArray = get_cookie('importResults').split(","); alert('Import result: \n' +... } The function importCSV
Lost with Ajax loading XML file
Hi there! I'm trying to load & read directly with jQuery.ajax an XML file. Here is the code I'm using: function readXMLNews(xml) { $(xml).find('news').each(function(){ var $newsHeader = $('div#newsHeader'); var $newsBody = $('div#newsBody'); var $newsFoot = $('div#newsFoot'); var $nodeHead = $(this).find('header'); var $nodeBody = $(this).find('body'); var $nodeDate = $(this).find('date'); var $nodeBy = $(this).find('by');
how to get the text from a autosuggestion box to the search box?
i have created a search box and added autosuggestion functionality using jquery and on click of the autosuggestion content it is redirecting to the respective link. But I need that on click of the autosuggestion content the text should go to the search box and on click of the search button it should redirect to the respective link as in google search box.If any suggestion please help.... I am pasting my code here.Can anybody go throug it and tell me the modifications as per my requirement. <script
How to force button to be UP.
Dear, I would like to make an slide-up menu like the one on link . So I have created menu like: <ul id="navigation"> <li class="home"><a title="Home"></a></li> <li class="about"><a title="About"></a></li> <li class="search"><a title="Search"></a></li> <li class="photos"><a title="Photos"></a></li> <li class="rssfeed"><a title="Rss Feed"></a></li> <li class="podcasts"><a title="Podcasts"></a></li> </ul> And add some animation: <script type="text/javascript"> $(function()
How do I make the SlideTo plugin start automatically on its own and in a loop?? please help
Hello everyone, I'm trying to use a "slideTo" jquery plugin in a micro-site Im developing, it's working fine, only there's one issue, I want it to auto start. Im kinda new to this, but I usually search and search and play with the codes, only when Im desperate do I come and post a question, I tried setting a play interval?? but that only happened on a click. also, in this same slider I have content that I do not want to slide with the slider (so they can appear on the following slide but I don't
Unable to display selected value in jquery selectable
I want to display the selected item and only one item should be able to selected i achieved the second but struggling for first, Help Plz!!!!!! <!DOCTYPE html> <html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta charset="UTF-8"> <title>jQuery single select</title> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> <style type="text/css"> #feedback { font-size: 1.4em; } #selectable .selecting { background:
Question about accessing object data?
jQuery n00b question; <div id="AB1"></div> <div id="AB2"></div> var jata= $("div[id^='AB']"); using firebug I can see jata object has 0 -> "AB1" and 1 -> "AB2". If I want to access the div id's via name or have them document.write to screen - what would be the syntax?
Problem appending a <div> inside table row column or <td>
I was trying to include an rateit plugin " http://rateit.codeplex.com/ " or a star rater to every table row I dynamically add. Here is the problem, when I try to manually put the code "<div id='rateit10' class='rateit'></div>" in the html code inside the table i works perfectly BUT when I try this: function add(id,skilldesc) { var table = $('#lower'); table.append("<tr id='" + id + "'><td><text>" + skilldesc + ":</text></td><td><div id='rateit10' class='rateit'></div> </td></tr>"); } appending the
I need help to ignore click in id (#) in effect tool tip. PLEASE
Do you know please how to ignore click on "# color_tip1, # color_tip2 "? Because when I click on some of these influences the effect (to show / hide). Demo: http://jsfiddle.net/biof/tHjcu/ $(function() { $('#color').append('<div id="color_tip1">Color</div>'). append('<div id="color_tip2">Color</div>'). click(function() { $('#color_tip1').toggle(); }). hover(function() { $('#color_tip2').toggle(); }); });
How do I use grep to quickly locate an object on Json Array?
Dear All, I have an ajax call that returns a Json object of the following format [{"Id":'512',"BrideName":'Nithya Lavanya',"ParentName":'Deepak Vasudevan',},{"Id":'539',"BrideName":'Annapoorni Venkatesan',"ParentName":'Unavailable',}] I am able to loop through the individual objects and find the elements. But without looping will I be able to tell whether a particular BrideName (like Nithya Lavanya) is available something like $.inArray(arrayName, "NithyaLavanya")
problem selecting first
Hi all, seems I am getting crazy. Thought I finally understood something about JQuery, now I am running into the silliest trouble with selecting the first item of an element. This is what I have: <div id = "menu"> <div id="Collection" class="item firstleft"> <img src="images/COLLECTION.png"></img> <p class = "titles"> <img src="images/title_1.png"></img> <img src="images/title_2.png"></img> <img src="images/title_3.png"></img> <img
why does my design look different in firefox??
Hello everyone, I'm working on a microsite for a client, and things are working almost fine, except when I tried viewing it on firefox, I was surprised by how mis-placed things looked like..even though I disabled horizontal scrolling, in firefox u could still do it ( dont see the horizontal scroll but if you scroll horizontally it shows), even the webfont is different, although the webfont displays perfectly on firefox in other pages..and the third problem is the page top-margin, in the page properties
how can I pull this off?
Okay, so how can I pull this off, I need to be able to swap out an image based on a hover or mouse enter but not swap back if the mouse leaves the area. here is a basic idea of what needs to happen. 3 images and 3 "hotspots" image 1 visible by default "active" and returns active if changed by hotspot 2 or 3. image 2 becomes "active" as of mouse over hotspot 2 image 3 becomes "active" as of mouse over hotspot 3 I had it in css with the :hover reference. However, when you leave the area, it return
HELP PLEASE! I think this is a relatively easy image swap solution but for the life of me I cant seem to get it.
Hey everyone, I must say this community has proven to be not only incredibly knowledgable, but also amazing people on here, thank you all! :) Here is the newest issue I have, I have these set to reveal on hover, just using some css. but now they need to stay revealed until the next one is hovered over. I am guessing that this will be a onMouseOver event without a onMouseOut to reset them but I have not been able to implement successfully. here is a fiddle to show how it functions currently( html
Image Capton
I've search the net and can find pieces of code with do parts of what I want, but not everything. I'm new to jQuery so don't have a clue what I'm doing but love the power of jQuery. What I am looking for is a script which will create a semi-transparent caption at the bottom of an image, the text taken from the title tag of the image and is only applied between a div tag with a specific id (in this case, "content"). I do not want to have to apply a class name, just want it applied to all images between
Using jquery and ajax to update an asp.net chart with new data
For starters I am just learning to use ajax so I apologize if this is a trivial question but I can't seem to find a good answer during my googling. I have an .aspx page which has a checkboxlist. As an item is checked, a new series is drawn on the chart, if it's unchecked then it gets removed. Im doing this all in the code behind now using mysql database calls to add and remove the series data. Is there a way to do this via jquery using ajax? Charts are returned as images, can an image be returned
setIntervall without multiply
I'm doing a chat using prepend() into a setInterval(); Code: setInterval(function(){ $.post("ajax/compartilhamentos.php",function(data){ $(".compartilhamentos").prepend(data); }); }, 5000); the problem is that if something has already been loaded I do not want it to load again, and so just prepend new "data". does anyone know how ?
$.load() html with relative hfref
Hello I hope, someone got the same problem or/and a solution. I have a DIV on a ASPX - Page and want to load its content by $().load(). So long no problem, as long as the file is in the same folder. When I load a HTML-File like this $('#divContent').load(../htm/Test.htm) it loads the file, but all the HREFS inside the HTML points now to http://localhost/test/OtherHTML.htm instead of http://localhost/test/htm/OtherHTML.htm. The HREFS are not absolut but relative. There is also an image to be displayed,
how to show user presence icon in web parts using jquery?
Hi, I am working in sharepoint and i want to show the user presence in custom web parts.I managed to get the code for the user details but i am not able to get the user presence indicator icon(as in office communicator that changes colour to dhow user presence).I pasting the code and also giving a result snap shot....In the result beside the name(i have marked the spot) I want the presence indicator icon. My presence information:<br/><span><a class="ms-imnlink" href="javascript:;"><img width="12"
Inserting animate() and show() into a queue in a for cycle
I'm having a very specific problem, I don't even know what to look for in Google... I'm trying to create an animated letter. There's a pen and 5 lines which are in a separate tag, all within one container element, positioned relatively, having their own ID, and the lines are hidden (all on their place, where they should appear). The animation is like this: the pen moves diagonally, a line appears, the pen moves to the beginning of the new line, repeat 5 times, pen goes back to default position, lines
How to accomplish this?
Okay I am trying to set this up so that when the page opens, image 1 is visible( linked with name1), then if you hover on name2 or name 3 , the image switches from the original( image1) to either image2 or image3 accordingly. now here is the tricky part.... I want the image to remain the selected one until a new one is selected. right now it uses css to change on hover but will not hold the new image. this is what I need help with . here is the jsfiddle: http://jsfiddle.net/jeffhalligan/akn6J/ thanks
IE10 HTML <frameset> jquery 1.8.1 dev or mini getting access denied problem
We are using <HTML> <frame> tag in which we internally display a signature canvas dialog. This canvas is not able to capture signature and we see "Access Denied" java script error. This is tested only in IE10 which is our current required environment. We are getting access denied exception in "selector.nodeType". This is a major show stopper. Please advice. Regards, Rama
How to modify my code to use next and previous with iPad images
Presently this is working with the swipe on the iPad. $(document).bind("zoom.swipeleft", function (e) { $("#mybook").turn('next'); }); $(document).bind("zoom.swiperight", function (e) { $("#mybook").turn('previous'); }); my second code is not working right. $("#nextPg").click(function (e) { e.turn($("#mybook").turn('next')); }); $("#prvPg").click(function (e) { $("#mybook").turn('previous');
radio button selection not changing
I have the following script; <script> $(document).ready(function () { $('#radiobtnPanel input[type="radio"]').each(function () { if ($(this).is(':checked')) { $('#radiobtnPanel label').css('color', '#008000'); } else { $('#radiobtnPanel label').css('color', '#000'); } }); }); </script> Here is the markup from my aspx page; <fieldset class="registerradio">
this line fails in internet explorer, but not firefox or chrome
The following line fails in iexplorer, but not other browsers: $(xmldoc).find("idea:not(idea idea)").each( function(index) { call stack is: dirNodeCheck Sizzle PSEUDO filter Sizzle find > processXML The error is: SCRIPT438: Object doesn't support this property or method jquery-1.7.2.js, line 5276 character 6
I'm trying to use a .get and it won't work right?
I am relatively new to jQuery but have used it a bit and trying something new but I must be missing some very basic point of it. .get() My html Code (Pretty simple, just a div) <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>jQuery 2</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <script src="http://code.jquery.com/jquery-1.8.0.min.js" type="text/javascript"></script> <script src="scripts/op2.js"
Having troubles having an animation change on click
Hey, still fairly new to jquery (and javascript in general), and I could use some advice on a (presumably) basic function I've been trying to write. The page runs a basic slideUp / fadeOut > slideUp / fadeIn animation on a delay, but I want the user to be able to skip all of that by clicking on the image (or pretty much wherever, I'm not picky at this point). The code I have so far is: $(document).ready(function(){ $('#wrapper').click(function(){ $('#wrapper').data('clicked', true); alert('this is
call secure web service
Hi, I am trying to call secure web service which require window intergrated authentication. if i disable windows authentication then it works fine. Once I enable windows integrated authentication and try to access using proxy I am getting "NetworkError: 500 ProtocolError". Any suggestion? Here is code $.ajax({ url: 'http://localhost/gis/resources/proxy.ashx?http://10.10.85.77/UserInfo/api/products/1', dataType: 'json', success: function(data) { console.log("Success
jQuery Cycle – Horizontal Slider – Animate all images and make them all visible
Hi all, can someone help me with the following? I want to create a slider as you see it on the mock-ups in the appendix. My problem is to make all the images visible and to center the first image on initialize. That's how it looks until now: http://jsfiddle.net/rayphi/rYS6t/ sorry for my english, I'm working on it
How do I modify a widget's options to display additional information?
I'd like to write a function to modify the jQuery UI MultiSelect Widget options so that the option selectedList displays the object's ID before the information it is programmed to display. SelectedList displays which items have been checked, and it's parameter is a boolean/numeric value denoting how many checked items to display. The widget also has a selectedText option, which is programmed to receive 3 arguments: the # of checkboxes checked, total # of checkboxes, and an array of the checkboxes
Next Page