With using .off(), .on() Function Still Runs
I'm trying to remove the function and event that was added dynamically to an anchor tag. With this line: $(document).on("click", "a.like-command", function() { likeFunction($(this)); return false; }); function likeFunction(tagele) { $.ajax(){ //gets some stuff from server }.done(function (data) { //delete the event handler so this function can't be called anymore comment_div.find("div.command-area div.like a").off('click', this,
Populate list of options with Ajax - Replacing Prototype
HI, I have a problem with a jQuery code. Actually, I want to migrate from Propotype due to conflicts with other jQuery scripts. I need display a list of options in a select from a previously option selected in another select. I've tried several ways, but without success. I added two fields to the users profile: City and Neighborhood. So, a form in the frontend to be able to search for users by city and neighborhood (of each city). Here's my code: The file neighborhoodAjax.php <?php /* This file
Supersized Slideshow not displaying right on all devices
Heya, I just added a new slider to my homepage and I chose Supersized 3,2.7 since their demo proved to work well on my devices. However I am having an issue with displaying my own slideshow on older devices (Iphone 3gs and a older Samsung Galaxy). Ipad, and newer Iphones work fine. http://asp-photo.com Can point me in a direction of how to correct it?
Degrading JQuery toggle
Hello everyone and thanks for your help in advance. I am working on a webpage that is using the JQuery toggle method to display div tags when various links are clicked. However, in cases where javascript is disabled I need to make sure the div panels do not display and that the page degrades properly. Any help would be appreciated.
Animate CSS value based on scrolling position
Hi, probably most of you know websites, where something is animated based on the scroll position. An example for that is the Skrollr jQuery Plugin itself, which does exactly that: http://prinzhorn.github.io/skrollr/ The problem is that this plugin works with data attributes on HTML elements, which is great and easy to use for some purposes, but in my case i need it as a JS function (to dynamic set the starting and ending values). To give you an example here is a quick code sample i need: var $window
Refresh CSS after ajax call using JQuery.
Hi All , I have Online application and i used Webservice , i use JQuery to call Ajax and now my problem is when i finish call the ajax which is Loading my CSS and JQuery is Broken or cannot be used.. Please help me guys .. Thanks GEE.
Compatibility Issues
Hi, I am using an old jquery.zoomable-1.1.js library, which is seems only compatible with jquery 1.7.2. How can I make it work with the new jquery version 1.10.1 by completely replacing the 1.7.2 version?
Using UI button problem. Text not appearing, or is different font sizes.
Hello, Im trying to replace my img buttons with the jquery button add-on. I have img tags with source and an onclick event. What is happening is not all my buttons contain any text. Also, the ones that do are all different font sizes and such. Im replacing the text of the button in the following manner: At doc.ready Im obtaining the alt text and replacing the value with the alt text. But not all of the buttons contains text.(and their all different sizes) $(document).ready(function(){
find() with table
I want to find in the table specific <tr> element that's first <td> has html value of 3. I tried something like that: $('#gvBugs tr').filter(function(tr){return $(this td).html() == 3;}) But I cannot figure out how to repair it. Thank you in advance for any help.
Problem in accessing jsf datatable elements using jquery
Hi, I am working on a cross compatibility project where in i have decided to replace some of the browser specific javascript(example-to add rows to a jsf datatable use of cells[i]-doesnt work in IE7,IE9 and IE10). so i am trying to use jquery instead. I am facing issue while facing issue while accessing elements of the jsf datatable. Code structure is like shown below <h:datatable styleClass="class1,class2"> <h:column> <h:outputText id="id1" /> </h:column> <h:column> <h:outputText id="id2" /> </h:column>
jQuery callbacks and JSONP
Hello, I am trying to fully understand callback names. I see this code in the jQuery docs: // Using YQL and JSONP $.ajax({ url: "http://query.yahooapis.com/v1/public/yql", // the name of the callback parameter, as specified by the YQL service jsonp: "callback", // tell jQuery we're expecting JSONP dataType: "jsonp", // tell YQL what we want and that we want JSON data: { q: "select title,abstract,url from search.news where query=\"cat\"", format: "json" }, // work with the response success: function(
Pass php variable to modal window
I have created a modal window. The div that opens is located on the same page. When a link is clicked I would like to send the id of the record to the modal window. Here is what I have so far, but it is not passing the variable to the modal. [code] $('a[name=modalMed]').click(function(e) { //cancel the link behavior e.preventDefault(); //get the A tag var id=$(this).attr('href'); var med=$(this).data('medidnum'); //get the screen height and width var maskHeight=$(document).height(); var maskWidth=$(window).width();
Help with ajax not get script error in IE9
Good morning everyone, I have a problem when making a request by ajax. I'm using the $. ajax () this function and returns the search results in Firefox and Chrome more in IE9 it just returns the HTML and plays in the div I want it to handle and runs a <script> </ script> other the page you're doing the request! Remembering that everything is ok in chrome and firefox only in IE9 only loads the HTML, not the script.
How to generate pdf file in JQuery ?
Hi, I have a modal Dialog with some data with 'print' button.when i click on button how to create a PDF file which will contain all the data in a tabular format.Is it possible in Jquery or not ? plz help me out.. thanks saroj
Jquery Radio Button uncheck radio button, but should not clear it value.
I am trying to clear my form fields on reset button using following code $(':input',formId).not(':button, :submit, :reset, :hidden').val('').prop('checked', false).removeAttr('selected');Now my Radio button is getting unchecked, but value set in radio button is also getting cleared. I want only to uncheck it, But value of the radio button should be available. Please help
Review copies available for Instant jQuery Masonry How-to
I have a few e-copies of Instant jQuery Masonry How-to (http://www.packtpub.com/jquery-masonry-how-to/book) available for review. If interested, just do the following: 1. Drop an email to me with the subject line as " Instant jQuery Masonry How-to - Review Request" on kavitap@packtpub.com 2. State in your email your choice of website for posting your book-review (can be your blog or website and/or Amazon.com)
Button is required to be pressed twice in order for image to change? Should only need to be pressed once.
I am working on a website that requires an image to change upon a button being pressed. The index page actually calls JavaScript upon loading. It seems that a lot of the work is actually done in JavaScript / jQuery as you will see from the code provided. I have come to a possible conclusion from going through this site (previous questions) that the problem resides in a div element. The buttons are hidden, and once the user hovers over the 'menu' which is at the top of the index page, a jQuery algorithm
ShowAll button not working properly i case of Mutliple autocomplete on the same JSP
I have four searchable combo-box on the same JSP. But if i click on any of the showall buttons of four combo-boxes it points to the last combo-box's showall button. Please help..
Scrolling problem in Safari on a Mac
I have a unusual problem. I have developed a website http://www.maimoon.net/clients/shusain using #jQuery animation. When you land on the link & pass through the homepage you'll see a gallery & a man seated on the bottom left side. When you click and drag the man the gallery strip above moves. BUT! if you see the video http://youtu.be/E0y7kva2IXk you'll see that this animation reacts weirdly (The above gallery only moves when the man is pushed to the extreme right) in Safari on a Mac. Otherwise on
jquery loop callback problem
I want to fade out all the input fields in the form and then replace them with a label. I am using a callback function so that the label fades in only after the form inputs fade out. If I use the code below the all the inputs fade out but only last label fades in therefore only the 'email' callback works. If I write them all out longhand without a loop the it works perfectly. an example input name id = #familyname an example replacement label = #familynameC Can anybody explain why the loop doesn't
[jQuery] Popup information box, like a tool tip.
Hi I'm stating to get into jQuery and need to create a popup box like the one on this site when moving over the "with voucher" link. http://www.dealpond.com/browse/id=462177/Samsung-LE40M87BDX It is like some of the other tooltip plugin I have seem but it needs to stay open when moving over the content, and close when moving off the link or box. What is the best way to create this effect? Cheers Graham
blockUI and AjaxproMethod()
I am trying to use blockUI plugin in my aspx page. In normal conditions, im blocking the UI on beginRequest handler and unblocking the same on endRequest handler. But the same is not working when a AjaxPro.AjaxMethod() is called from client side. Im pretty new to jquery n ajax world, can anyone help me to get this resolved?
Odd floating columns. Now you see it - now you don't
I'm trying to use jquery to add some floating behaviour to some columns dependent on the window width. http://www.dknytkom.dk/dknyt-portal16.php (Please, no comments regarding css media queries) When I shrink the page I want one single column in which the left-column-right goes on top of left-column-left. The mark-up is done this way as the main content is within left-column-right which should either be centered on page or on top of the other columns. So far I made the right column go underneath
Conflicting jquery
Hi, Let me start by saying that I am a jquery n00b. :( I have this issue on my website and so far no solution. I have a Joomla website, a Yootheme template and a Fatica Locator component. I bought both, but there seems to be a jquery conflict (thats what both support teams said), but I don't have a clue... So I went looking for a jquery forum, with people with more knowledge about this then myself. This is the page I am talking about: http://www.ellenvandrunen.com/santos/dealers The first time it
IE6 and jQuery
What is the most stable jQuery version for IE6?
A problem with using .remove()
Hi I've written a bit of code that opens a stack of images using append() - each image should have a click function assigned to it using .remove() so that it will close when it's clicked - however, only the image on top of the stack closes when it's clicked ! here's the page - the code is commented http://jojojojojo.com/index.php has anyone got an idea why this isn't working ? thanks the code : <script type="text/javascript"> /////////////////// THE PROJECTS //////////////////////////////////////
Need help showing xml child nodes with jQuery
Hi, I have an xml file of products that I am using jQuery to read, however my product list includes several photos as children: <Unit> <Make>Thing1</make> <Model>Big</Model> <Images> <picture>Image1</picture> <picture>Image2</picture> <picture>Image3</picture> </Images> </Unit> I have set up my script like so: // Start function when DOM has completely loaded $(document).ready(function(){ // Open the students.xml file $.get("xml/CaledoniaInventory.xml",{},function(xml){
Conflicts Help - MooTools - Joomla
Hi guys, I am really hoping you can help me here. Ive been staring at this code for 2 days and asking alot of people! I had a guy do some JS/JQ code for me. However, he has gone on holiday for a month and i need to get this website handed over to the customer ASAP. Its a site running on Joomla. The code he wrote was for a contact form. I am having some issues. I have never done any JS/JQ before, i have only just started picking a few things up when trying to sort this out. Basically, the form works
How to override current theme with another theme?
Hello, Probably very simple, but I could not think of how to do it ... How can I override/change the css theme that my page is using. For instance, how can I over ride from <link rel=stylesheet type=text/css href=/js/acssfile.css> to <link rel=stylesheet type=text/css href=/js/anothercssfile.css> Thanx
Refresh table on page with jquery
I would like to refresh a table on a page with jquery after a delete event. The table is located on the same page and also the table data is pulled on the same page. I tried location.reload() but I don't want to refresh the whole page but just the table on the page. Any help would be great. Thanks shoeGirl
Get value from table with different element using jquery
Hi All , I am newbie for JQuery and i encounter a problem that tooks me so long , so that i try and get some help from you guys. below codes are my HTML codes and my problem is i have different element inside table. i have checkbox , textbox , button inside my table . my question are how can i compute the value from default value if the user put a value in textbox ones user click the submit button and check the checkbox. help me guys please .. Thank you :) <!DOCTYPE html PUBLIC "-//W3C//DTD
Hidden iframe problem
Hi, I have an issue which I'm almost certain is to do with hidden iframes. We have an application that switches pages by allowing the page to load while hidden and then the visible and hidden iframes are switched. This works perfectly well for almost all pages but some that use JQuery don't render some of the content. I've tracked this down to the fact that .show is ignored if executed while the iframe is still hidden. If I move the .show calls out onto a timer invoked function even with zero delay
JQuery / NTLM (CrossDomain ?)
Hello, I want to request a REST api with JQUERY. The Rest API is available with an NTLM authentication so I use crossdomain option. I think that the issue is that I don't receive json data, i receive html data. When I check on the server where is the REST api, I see in log file this HTTP_ACCEPT */* <!DOCTYPE html> <html> <head> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> <script> function getInformations() { var hostname = getQuerystring('hostname');
Update Jquery datepicker multiple fields
Hi I'm using datepicker on 3 different textfields on one page, all works fine. Dates are inserted into an Acces database. However, when I try to update one of the inserted dates, one or more dates are deleted from the db. The update page reads the dates correct. But if I touch one of them/update the date, one or two dates just simply dissapear from the db. I'm using Dreamweaver with standard insert/update function. (.asp/ MS Access) <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css"
having same class for two anchor tag and respective click event load one div id
I want to achieve following task. When i first clicked on PARISHES class 'search_bx' then it will load the content into the div id 'search_boxes' and second click on same PARISHES then it will hide the content. The same functionality is for SCHOOLS clicks. challenge is that,when i cross click on anchor tag means now i click on PARISHES then it will load parish url and again i clicked on SCHOOLS then it will load school url in div and again i click on same anchor tag then it will hide vice versa.
Expand Collapse does not work with JQuery 1.9
Hello I am working with this jquery. No matter what happens, it fails. When I put the Jquery in as a url or when I put it beside the html file, it does not collapse. <html> <head> <style type="text/css"> table, tr, td, th { border: 1px solid black; border-collapse:collapse; } tr.header { cursor:pointer; } </style> <script src="jquery-1.9.1.js" type="text/javascript"></script>
Trying to Replace CSS Transition with jQuery
Hi All - this is my first post on this forum. I'm working on a nav menu that has a full screen width drop down sub-menu. I'm using CSS transitions to animate the drop down. It works beautifully in FF and Chrome, but it doesn't work in older versions of IE. Therefore, I'm looking for a jQuery solution that can replace this bit of CSS: -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; Specifically, I'm looking for a way to use
how to keep an element fully visible within a container after increasing element's size and exceeding container?
wow, that's quite a title.. :) i am coding a horizontal slide-bar that contains an unordered list (of images) and when the cursor hovers over the images, they are animated via css to become bigger. this all works fine.. however, when the images are near the left or right extremity of the bounding container for the slider, they can get clipped horizontally as their size is increased via the animation. so basically, when someone hovers over an image that's near the edge of the slide-bar, the image
Vertical Progress Bar. Is it possible?
I have the following example: http://jsfiddle.net/8rJws/1/ How do I make the progress bar work vertically and not horizontally as she? Can anyone help me?
delete records displayed from while loop with jquery
I would like to display records with a delete button next to each one. When the user clicks the button it deletes that particular record. I created a form on each line item but when I click the button it only deletes the first record and not any of the other records. How do I make the button send the recordID of the record that needs to be deleted?
Next Page