$.ajax - autocomplete - .live
Hi I have have written a web service that is called by the following jQuery code. The results of this call are applied to a text box that is on the first row of my inventory table. $.ajax({ type: "POST", url: "GetInventoryItems.asmx/GetInventoryItemsOnDivisionID", dataType: "json", data: "{}", contentType: "application/json; charset=utf-8", success: function(data) { $("input[name='tbTitle_1']").autocomplete({
problem with post()
Hi everyone, I am trying to write a javascript to login to SMS gateway (HTTPS) and send SMS through it. Login is OK, but when I try to send message, it tells me that page expired. When I do it by myself in browser, its OK - I clasically post data by https://www.park.vodafone.cz/gateway?x=...&number=...&text=... and it works. But in my script, it doesnt. Here it is: jQuery.post("https://park.vodafone.cz/login", { email: EMAIL, password: PASSWORD }, function(){ jQuery.get("https://park.vodafone.cz/gateway",
Using jQuery to show and hide divs
I'm very new to jQuery and have been studying it for about a week now. It's much more complicated than PHP (at least I think so :-P) and I'm having trouble learning how to put together events. Hopefully if I can describe it I can get some help. Here's what I have: I have 2 divs...div A and div B. div A sits on top and div B on bottom. When the page loads, I want div B to be hidden. I also want to opacity of div A to be set to zero. I want div B to stay hidden until someone hovers over div A. When
[jQuery] jquery serialScroll and slide element links
Hello. I have came across jquery serialScroll plugin which is available here: http://flesler.blogspot.com/2008/02/jqueryserialscroll.html The plugin seems to work but I'm having some problems. I made a slide show which is almost the same as the second slide show in the demo (with the pictures and ability to slide right and left): http://demos.flesler.com/jquery/serialScroll/ However, if I put the links on the elements inside the slide - the links will be visible but when I click on the element, the
fadeIn/fadeOut/Pulsate produces jagged text in Firefox 3.6.8
The following code demonstrates the problem, it doesn't happen when the text is black, but when setting the color to red it seems as if the blending goes completely wrong.(fadeIn/fadeOut does the same) See attached image: Tried other browsers(IE, Chrome) and it worked ok there. Windows 7 64-bit. This is the code that gives me the problem: <head> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.2/jquery-ui.min.js"></script>
DatePicker AltField Problem
Hello everyone. I've successfully implemented the datepicker plugin as an inline element that populates an alternate field. The PHP/MySQL back-end may or may not generate an existing date. If a date is set, it becomes the defaultValue for the plugin as well as the value for the input field. Otherwise, the defaultValue is the current date. The calendar itself is correctly moving to the selected date (if set), however the altField text input does not populate the value. The altField is a simple input
What is up with this animate function?
I used this tut to make a horizontal accordion.. but are trying to extend it to hide and show content like this example..(click the black "knowledge" box and the sample will slide up) but eventho the setup should be the same for expanding and opasity there is a opasity "blink" when hover over the expanded element but no collapsing. So the espanding/collapsing setup works, but not the Opasity part? is it a var delaration issue? <script type="text/javascript" > $(document).ready(function(){ var
Drop Down Disappears when combobox ( inside of drop down ) is used ( IE bug )
I created a drop down menu for my search bar on my website using JQuery / hover intent.. The drop down is activated by the user hovering over a button, and inside there are two combo boxes and a check box. If the user tries to choose an option in the combo box, the drop down disappears.. Chrome, Safari, Opera and FireFox are working fine, but IE7 + 8 have this problem I have uploaded an image of the drop down with the combo box, it is a print screen of it working in Chrome --> The second image is
Jquery problem in ie6
This is my index file in joomla.... in ie6 i am not getting jquery worked... <?php /** * @copyright Copyright (C) 2005 - 2008 Open Source Matters. All rights reserved. * @license GNU/GPL, see LICENSE.php * Joomla! is free software. This version may have been modified pursuant * to the GNU General Public License, and as distributed it includes or * is derivative of works licensed under the GNU General Public License or * other free or open source software licenses. * See COPYRIGHT.php for
Filter XML prior to display
I have a page that displays a list of printers and other info taken from an XML file, but I want to filter the list based on their speeds prior to them being displayed on the page so that only those within a specific speed range will display (e.g. "20-40", "41-60", "61-100" and so on). I'm new to Javascript and even newer to jQuery, so I need some help as to how to create a filter for that. Here is the structure of my XML file and here is my Javascript/jQuery so far for displaying it (also any suggestions
Why is jQuery running a newly delcared .click() in IE when it shouldnt?
I've run into this issue and I'm not sure why it's happening. I've created my own expander and collapser. The expander is initially collapsed, and its onclick is initially set to call the showRushee() function. When it's clicked, it does what it needs to do, unbinds its .click() event, and rebinds the .click() to execute the hideRushee() function. The same goes for the hideRushee() function, just setting it back to showRushee(). Makes sense right? Well, this all works perfectly... except for in IE.
$.get to Webservice does not return response
I am trying to get a response from a webservice, but it seems it cannot be parsed properly (this is the XML error; XML Parsing Error: no element found Location: moz-nullprincipal:{11c9829b-3cae-4d8d-bdfe-265c905cb82e} Line Number 1, Column 1:) $.get(linkWS, {}, function(li_data, li_status, li_Request){ callback(li_data, li_status, li_Request); }, "xml" ); In the Firebug response field I don't see any data at all. Can someone point me in the
Getting uncaught exception: Syntax error, unrecognized expression: #
Hi there, im using jQuery 1.4.2 with the jQuery-UI 1.8.5. After initializing the tab function and setting the new action attributes to all form elements i'm getting the: uncaught exception: Syntax error, unrecognized expression: # message $("#tabs").tabs(); $('#tabs').find('div').each( function(){ var id = $(this).attr('id'); $('#'+id).find('form').each( function(){ var action = $(this).attr('action');
Click Show Mega Menu, gets stuck.... HELP
I have been working with some help from others on a layer which would appear when you hover over it.. Like so... (function($){ $.fn.dropDown = function(options){ var defaults = { menu:'' }, settings = $.extend({},defaults, options); return this.each(function(){ var $this= $(this); $this.hover(function(){ $(settings.menu).stop(true, true).fadeIn(200); }, function(){ $(settings.menu).stop(true,true).fadeOut(100)();
Escape "&" in a url from an xml file
I have setup an image rotator using jquery and the cycle plugin. The images and their links are pulled in from an xml document. This all works perfectly unless the link url has the & symbol in it ( ie. http://mysite.com/News2?page=NewsArticle&id=5243). If the & is present slideshow does not appear at all. My XML looks like: <images> <img> <fileName>rotator_auction.jpg</fileName> <linkUrl> http://mysite.com/News2?page=NewsArticle&id=5243</linkUrl> <altTag>Auction</altTag> <target>_blank</target>
access to parent object within each()
OK. I've created an object with properties and methods. The object is associated with a form. The object iterates through the form and finds any inputs that are required. It then uses each to apply validation to each of the found inputs. From within each(), I need to access properties and methods of the parent object, but now this refers to the current collection object. How do I access the containing object?
Jquery & Coldfusion... APPEND, HIDE, REMOVE VARIABLE...
Hi guys! I'd like to start by saying that I'm not that familiar with jquery but I do what I can... I have this problem: I'm creating a loop in a *.CFM page using coldfusion's <cfoutput query> <cfoutput query="Graficos"> <span id="thumb"> <a class="vlightbox" href="graficos_big/#Graficos.Imagen#" title="#Graficos.Titulo#"><img class="imgB1" src="img/imagenes/front_icon_01.png" width="160" height="97"
turn a fadeto in fadein
hello guys hope to post in the right place i have a slideshow gallery with a big preview and i would like to turn a fadeto effect in fadein. i've tried everything but nothing works this is a flowplayer script the html <div id="image_wrap" style="opacity: 1;"> <!-- Initially the image is a simple 1x1 pixel transparent GIF --> <img height="395" width="435" src="menu/gallery/1.jpg"> </div> <!-- wrapper for navigator elements --> <div class="navi"></div> <!-- "previous page" action --> <a class="prev
Jquery Stylish-Select
Have a site which is a copy of another site. I am using stylish-select throughout both sites. A copied page from one site to the other site is resulting in $('#weeksid').sSelect(); causing $("#weeksid").sSelect is not a functionThis is only occuring on this 1 page and the stylish-select.js is working on other pages fine. I've compared the code against the original file and it is the same and is identical yet error occurs ??? Running on IIS 6.0, error occurs on IE 7.0 and Firefox so not browser
getJSON success and error callback
I'm using getJSON to load data from the database onto a form. How can I specify the success & error callbacks? here's the code I'm using: EDIT: I managed to get the success callback by adding it below the $('fontSize')... but how can I set the error callback? $(function(){ $('#load').click(function(){ var configSelect = $('#configSelect').attr('value'); $.getJSON('load.php', { configSelect: configSelect }, function(data) { $('#sections').val(data.Sections);
CSS in Form Validator
How can I create unique error id's for each element that is in my form? I cannot get my form validation error messages to display in a straight line. The error messages are also displayed differently in two different firefox browsers because my radio button is throwing them off. Take a look at http://venture.jasonbiondo.com/register.php
$.ajaxSetup --> contentType doesn't work
Using: JQuery 1.4.2. Creating .Net app. Apparently it errors if i don't set the contentType. So I tried to set it in the ajaxSetup function, but it seems to reset it. The type and dataType attributes seem to work fine, though, just not the contentType. $(function () { $.ajaxSetup({ type: "POST", contentType: "application/json; charset=utf-8", dataType: 'json' }); $(".refresh").click(function () { $.ajax( { //contentType: "application/json;
jquery code not working in chrome, but works in IE and FF
I was under the impression that jquery is cross browser. For some reason in chrome when I click my button, nothing happens. this works in FF and IE though. any ideas? [yes, this code is extremely ugly and not proficient, but it works in IE/FF. I just started learning jquery, so please be kind :) ] $(document).ready(function() { $('.extra_btn').click(function() { $('.extra_btn').fadeOut('fast'); }); $('.extra_btn').click(function() {
.Bind will scroll to the top
Hello, I just want to make a note of a recent fix I installed that was confusing me for quite a few days, just in case anyone else has the same problem. I have a menu which will slideDown and slideUp as the user traverses it. Each node of the menu was binded to a function that did the logic. When the frame was small enough to force a scroll bar, clicking on any node, no matter where the scroll bar was, would force it to the top. Originally, I had Object.bind("click", handleFunction) To fix
Show Hide Script add Fade?
Hello, I'm wondering if this simple script I have, a show-hide, to display different divs. Could use have a fade affect applied to it, so when the new div was show or hiding it would fade in and fade out or something along those lines? // show hide function for content areas $(document).ready(function() { $("#bioPage1, #bioPage2, #bioPage3, #bookContent, #mailingListContent").hide(); }); doShowHide = function(idstr) { $("div.showhide#"+idstr).show("fast"); } Thank you so much!
Get response headers cross domain
How can I get the response headers when making a cross domain request? xhr.getAllResponseHeaders() just returns null. $.ajax({ url: 'http://search.twitter.com/search.atom?q=foo', success: function(data, textStatus, xhr){ alert("Success:\ntextStatus: " + textStatus + "\nxhr: " + xhr.getAllResponseHeaders()); }, error: function(xhr, textStatus, errorThrown) { alert("Error:\nxhr:" + xhr.getAllResponseHeaders() + "\ntextStatus: " + textStatus + '\nerrorThrown: ' + errorThrown); } }); I especially
Highlight current link when loading to a DIV using loadContent.
Currently using jQuery's function loadContent(elementSelector, sourceURL) { $(""+elementSelector+"").load(""+sourceURL+""); }and href="javascript:loadContent('#content', 'page/home.html');"to load some remote content into the main container. The problems is: i'm unable to find any working solution to highlight the current, active menu item (build as an <ul> and styled with external css), considering the main page isn't reloading - especially when i'm in no way able to understand JS at all... Would
jsonp callback
Hi, I have a problem with jsonp. I create 2 channel objects and each channel uses jsonp to retrieve channel information. Here's the code: <script> Channel = function(name, channelId, instanceName) { this._name = name; this._channelId = channelId; this._instanceName = instanceName; $.ajax({ url: 'dummy', dataType: 'jsonp', jsonp: 'f',
jquery.mb.extruder.2.0 Menu
Hi I am using ( jquery.mb.extruder.2.0) menu , if i click left The menu is closing , but when i click left or right click the menu should open.. can i have anyone help...
Reset a jQuery Function?
How do I reset a function in jQuery? I have some code. The code executes, and then when I try to call another if statement in that same function, it will not execute. I need to be able to run the function by clicking a submit button, make some changes, and then hit submit and run a different if statement in that same function. Refreshing the page works, but I don't want my users to have to do that. Please help!
Modal Window in Jquery
I am using Modal Window In which you tube video is loaded using Iframe. When I close the modal window. Modal window gets closed but the you tube video is paying continously . (In IE its not working ) in Firefox it is working fine.
General Question
Is there a way to reinitialize a variable in a function without having to add another instance? Thanks, Steven
content show and hide
Hello, I am trying to learn jquery. my example below is to show and hide content in a group div. the code works but i want to know if this is best practice to write what i did. Is there better way to do it? <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>Jquery selector examples</title> <meta http-equiv="Content-Type" content="text/html;charset=ISO-8859-1"> <style type="text/css"> .active { display: block; } .inactive { display: none;
jQuery Dynamic Dropdown
Am looking to design a form that deals with items in specific category. The form will have one dropdown box that dynamically displays data in the DB. Ok, check thats done. But, when a category is selected, i want another dropdown box to appear on the page that pulls data from the database dependent on which choice is selected in the first menu box. This second box will display sub categories. jQuery and AJAX seem to be the best choice however I am having trouble with the syntax and technical aspect
jQuery to Change Form Elements
Am looking to design a form that deals with items in specific category. The form will have one dropdown box that dynamically displays data in a DB. Ok, check thats done. My problem is; when a category is selected, i want another dropdown box to appear on the page without requiring a refresh. This second box will display sub categories that also are stored in the DB. I have been told that jQuery is the best to use for this, so i have been really getting into it lately but cannot manage to generate
"click" and "live" problem with ajax loaded content
I'm dealing with a translation application where you hover over a Spanish word and it's translation appears in English. I'm using the "qTip" plugin for this where an ajax request is issued for the tip content on hover. On the ajax loaded content page (to show the translation), I have a simple button "a.myButton" that, when clicked, needs to issue an alert statement. When I attempt this with a standard "click" handler, the alert is only executed the first time the tip is loaded, all subsequent tip
mouse over and mouseout on a div affected by child elements - how can i change this?
i'm creating a page with a full background picture. when the mouse enters the content area, the background image darkens. it then lightens up when the mouse moves out. everything is working fine, but when the mouse moves over elements inside the content area, the background's opacity is also affected - goes lighter and then darker again. i'm assuming this is happening because of my jquey code. when the mouse moves over a child element in the content area, jquery sees this as the mouse leaving and
JQuery for appended code
Hi all! I start using JQuery a few days ago and everything works fine. But now I've got a question: I added some code to my page, but this text should also get an click event. If I press the "hier"-Button, the text "hallo" appears. But there is no alert when I click at the "hallo". How can I get this alert? Thomas <?xml version="1.0" ?><!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">
Can I associate a DOM Element with additional data in javascript/jQuery?
I am making an app involving geo-tagged pictures. I would like it so that when I click the image, I can retrieve the associated image data(latitude/longitude/url). Currently I have a GeoImage object with all this data. My question: when I click on the <img/> element on the screen, is there a way to get the associated GeoImage object data? I can easily access the image from the object, but I want it so that by clicking the image on the page, you can then retrieve the latitude,longitude, etc... There
repeating scroll text
I'm trying to simply create text that gives the illusion of scrolling only it repeats its self over and over....i've got it working for 1 iteration but then it just moves back and forth instead of up and left. I don't quit understand if or am i going about it the wrong way?Here is the html page please help.....BTW I have it set below to always show the text setting the second fade to 0 will give the full scrolling affect. please help [code] <!doctype html> <html> <head> <style type="text/css">
Next Page