[jQuery] Stumped. 1.3.2 breaks this script
I was reviewing this post.. http://blog.reindel.com/2007/02/02/use-jquery-expressions-and-ajax-to-browse-an-xml-file/ ..on browsing an XML file with jQuery (a great learn, btw). I'm trying to use the same script, except updated to jQuery 1.3.2 - but it's not initially showing the first few books. I'm not sure what version of jQuery the example was written with, but its older, and works. Example: http://blog.reindel.com/src/jquery_browse/ I think I have it narrowed down to an issue with this filter:
[jQuery] Jquery carousel Question?
JQuery Carousel Demo is great. I have to use this for my work. But i got some issues while working with your Jcarousel example. 1. I am not able to change width of the panel. I mean Here you have shown 3 item on the frame . I need to show ten item on the frame. example there are 30 weeks . i have to show first 10 weeks on page 1. once we click it should jump to next week11-- then week 21 Here i am not bale to enlarge the frame.(customize) Please give some suggestion. Its very urgent. thank You shilpa
[jQuery] Form Plugin issue with multiple submit buttons
Hi I have a form with several submit buttons. I've used $(#myform).ajaxForm(options) method to make the form submittable with ajax. the problem is that no matter what button I click the form data is the same and <input type="submit"> element is not included into the form data, as if it were not a "successul control". so at this point form doesn't work as expected. is there a way to convey information of which button was clicked with the form plugin? Thanks. Evgeny.
Menu slide back up
I want my menu to categories to slide back up once another has been clicked on, they all slide down fine but the previous ones stay down. Here is my j query code: - ------------------------------------- $(document).ready(function() { //ACCORDION BUTTON ACTION $('div.accordionButton').click(function() { $('div.accordionContent').slideUp('normal'); $(this).next().slideDown('normal'); }); //HIDE THE DIVS ON PAGE LOAD $("div.accordionContent").hide(); }); Here is my css menu coding, I think I may have
Stuck with a simple error. Noob needs little help.
Greetings everyone! I'm trying to run LavaLamp on my local WP install, but am getting some error. Please take a look at this code and and tell me what is wrong with it. <script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/js/jquery.gallery.js"></script> <script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/js/jquery.lavalamp.1.3.2-min.js"></script> <script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/js/jquery.easing.1.3.min.js"></script>
Resetting a function
This is probably noobalicious so apologies, i have a checkbox i am checking on and off and then setting a readonly input with a value depending upon if it is checked on/off $("input[type=checkbox]").change(function(){ $("input#showvalue").val(50); $("input[type=checkbox]").change(function(){ $("input#showvalue").val(0); // something here? }); }); This works fine for one click on or off but then how do i get back out of the function once this cycle has been done
[jQuery] Pick different effects with jquery
Hello everyone, Currently i'm working on a website which needs an auto play photo gallery. The admins of the website are allowed to upload 10 or more images, which will be displayed in the gallery. I am able to show those images one by one, with 1 effect (for example fade-in from left), but what i need is different effects which will be called random. So image 1 will be fade in from the right, and image 2 will be fade in with a zoom effect and so on. How can i realize this? Kind regards, Thavipa
[jQuery] Validation: Form with multiple submit buttons having different validation rules
Hi all, I tried searching for similar issues but couldn't find a satisfying answer. So posting it here. I have a form with multiple fieldsets which are visible conditionally. There are three submit buttons "Abandon", "Save" and "Save & Continue". Each button should validate specific controls of the form and submit it. I tried setting "onsubmit: false" and checking for "$('#myForm').valid ()" on click of these buttons., but that validates all controls of the form. Can someone suggest me what I should
[jQuery] ajax submit upload file firebug... no answer
Hi, I've a technical problem, i use jQuery Form Plugin and it's working well except for upload file. Effectively after uploading file we can't see any response in firebug. (You can see an example in the official website of jquery form plugin http://malsup.com/jquery/form/#code-samples) And in the response i call a script with <script src="script.js" type="text/javascript"></script> My page get this file well but i have a javascript error on the "$" of $(document).ready(function() {... I think it's
[jQuery] .ajax() with dataType: 'jsonp' will not use error callback if request fails
I'm using an .ajax() call to do a jsonp request to another domain. When the user is not logged in, however, the server will return a 401 error. Unfortunately, this causes my .ajax() call to fail _without_ calling the error callback. Is this a known bug? Here is my code: $.ajax({ url: appData.API.workout.get, data: {date: App.formatDate(date)}, dataType: 'jsonp', success: function(json) { Data = json; model.buildOrderedWorkout(); myCP.Workout.View.initialize(); }, error: function(xOptions, error)
[jQuery] Passing arguments to an ajax call that returns automagically
<div>I have a bunch of ajax events that are fired one after an other to fill different spots on the page. Hence it's important that I know which dom element each on of the resulting data is supposed to belong to.</div> <div> </div><div>I was wondering if there is a way I can pass the id of each element into the call so that it gets returned automagically without any intervention by the server?</div><div> </div><div>In YUI I can pass any number of arguments to an axax call and these areguments are
[jQuery] [ScrollTo] animation only when mouseover
Hi there, I'm trying to use scrollTo in oder to scroll vertically a div. I want to use 2 anchors, one to go up and the other to go down and I need that the effect works ONLY when the mouse is over the anchor (when I move it out the animation has to stop). How can I achieve so? For instance the code below scrolls correctly down but it doesn't stop until the end even if I move out the mouse. $('#down_button').mouseover(function(){ $('#text').scrollTo('100%', {axis:'y', duration:
[jQuery] tooltip - how do i remove an existing tooltip
Hi, I am using tooltip in my application as a way to notify the user as to what kind of error was found in thier input field. My question is, once that error is resolved and validated correctly, is there a way i can remove the tooltip?
[jQuery] Ajax results?
Hello I got a couple questions concerning the use of AJAX for setting filters and generating results. -- When retrieving results, should I go json or html? each result item consists of more of less 7 elements, should I be generating this server-side (html) or clien-side (js)? -- Lets say I go html and there are images in the results. When it comes to the success part of the ajax call, does it mean it downloaded the images as well or just the html code? Thanks in advance.
[jQuery] how to get post data from a page loaded in iframe in parent page
how to get post data from a page loaded in iframe in parent page
[jQuery] iframe accesing main document functions?
<table cellspacing="0" cellpadding="0" border="0" ><tr><td valign="top" style="font: inherit;">Is this possible? Been trying but doesn't seem to work... </td></tr></table>
[jQuery] JQuery Thickbox help
Does anyone know how to manipulate the speed/transition time for both the FadeIn and FadeOut animations for ThickBox?
[jQuery] something missing from my code?
Hey guys, Im new to Javascript and JQuery, I am trying to have a "featured" area on the front page to my site, basically there is a right div area which holds the picture, on the left there is a menu with 4 buttons. here is the html: <div id="projectmenu"> <ul id="projMenu"> <li><a class="projOne" title="Project1"></a></li> <li><a class="projTwo" title="Project2"></a></li> <li><a class="projThree" title="Project3"></a></li> <li><a class="projFour" title="Project4"></a></li> </ul> </div>
[jQuery] How to disable text inputs lying near checkboxes ?
Hi, One of my HTML forms uses pairs of "checkbox/text" inputs. Each checkbox is printed on the left of the text input, but is written before that field as it must be justified on the right (float:right). <li> <input name="footer_company" type="text" style="float:right;" /> <input name="footer_company_checkbox" type="checkbox" checked="checked">Company name :</input> </li> I would like to disable each text input for which the corresponding checkbox doesn't have the "checked" status. I could retrieve
[jQuery] Validation help needed
when i run "this.submit();" i submit my ajax request, so how can i get the validate to fire on invalidHandler and submitHandler so I will only run this.submit(); when it passes validation ? Currently the validator does not validate the form at all on submit, I need it to cancel the submit if there are validation issues and submit if there are none. function submitForm(form) { this.submit(); $("#frmAddTask").validate({ errorPlacement: function(error, element) { error.insertAfter
[jQuery] Problem with URL formatting with $.ajax
Here is my code: $.ajax({ url: lUrl, global: true, async: false, data:{"none":"none"}, type: "GET", dataType: "text", success: function(result){ alert("result is "+result); parsedJSON = JSON.parse(data); }, error: function (XMLHttpRequest, textStatus, errorThrown) { alert(textStatus); } }); All of my urls that are sent to the server have "?_=(some random number)". In the specific case
[jQuery] Ajax / Form Validation
I have a form that gets submitted via AJAX, now i want to add the validation but cant make sense of it. Using malsup form script to submit, Now I would like to incorporate the jQuery Validation Plug-in found on http://jquery.bassistance.de/validate/demo/index.html I currently have this so submit: <script type="text/javascript"> $(document).ready(function() { $('#testForm').live("click", function(){ $('#testForm').bind('submit', function() { var queryString = $('#testForm').formSerialize(); var id
[jQuery] load() confusion
I'm new to JQuery I can't get load() to work with a div class: <script type='text/javascript'> jQuery(document).ready(function($) { $(".Loader").load(function(){ alert("bang"); }); }); </script> <div class="Loader"> <img src="http://home.arcor.de/poesenau/Witness-Tree.JPG" width="1200" height="1600" /> </div> if I target the IMG, then it works fine, but how come it doesn't work with the div?
[jQuery] autocomplete click send focus back to input
are there any callbacks for me to hook into in order to send the "focus ();" back to my input box when someone selects or clicks and autocomplete item?
JQuery Thickbox help
Does anyone know how to manipulate the speed of the animations? Both FadeIn and FadeOut? Thanks! - hoosier
how do I write this 'if' statement?
Hello, I need to write an if statement which does something if an image has a specific src attribute. my Image is represented by: ('img.menuImage'). So basically I want to say: if ($(img.menuImage).attr('src' == 'images/yes.gif')) { //do this } else { // do that I know this isn't correct but just to give an idea of what I'm trying to do. Any help is appreciated. thanks!
[jQuery] Problem with submit button of an inserted form
I have the following code: $(placeInDOM).replaceWith(header + fields + footer); $(placeInDOM).find(':submit').click(function() { alert("clicked the submit button"); return false; }); The first statement places a form with a submit button in my page. This works as it should. With the second I want to give an alert instead of a submit when clicking on the submit button. But it does not work. When I after the first statement execute: alert($(placeInDOM).find(':submit').html()); I get null If I execute:
[jQuery] how to get at jquery elements when i'm looping through a jquery select list with 'each'
Hi. I’m doing something dumb with jquery, but I can’t put my finger on what is causing my problem. I’m trying to debug some jquery code and I wanted to list the html of each element that I’m picking up from my select list. I have a shrunken down sample of what I’m doing below.. the first alert shows something that looks like a java object, the second alert bombs and the loop exits. Can any of you offer any tips or guidance ? Thanks very much in advance ! Chris <!DOCTYPE html> <html> <head> <link
[jQuery] jQuery Navigation problems
I have a website that has very large UL navigation created with jQuery and every time you goto the page it flashes the entire UL for a split of a second. So what I want to do is find a way to make it to do I think is hide the UL until the CSS and jQuery is loaded than display the menu. If anyone has a better idea I am all ears and I am also new to jQuery but catching on fast.
[jQuery] jQuery UI Portlets & Cookies
Please can someone help? I am using the jQuery UI (sortable) Portlets code - but I want to use the jQuery cookies plugin to remember the order of the portlets. I don't know where to start - and searching the net for an answer only brings up sortable ul and li. Please help. Code: <script type="text/javascript"> $(function() { $(".column").sortable({ connectWith: '.column' }); $(".column").disableSelection(); }); </script> HTML: <div class="column"> <div
[jQuery] How to disable a form
I want to disable a form when I submit it. The first reason is because I do not want the form submitted more as once. For this I could disable the submit button(s). But I also want the values not be changed during the submit. Is this possible? -- Cecil Westerhof
[jQuery] Troubles altering dropdown menu code..
I was just wondering if somebody out there could answer a couple questions about this menu I'm working on.. Im all out of ideas.. Here is a working sample: http://client.vdhinc.com/PB/menus/horizontal_menu/ I have 2 situations... 1) When you hover a main menu item that has a submenu, and then mouse over the submenu items, and then move the mouse back up to that dropdowns main link, the submenu slides back up.. I'm trying to make it so the menu stays open when this happens.. Any ideas? 2) When hovering
[jQuery] IE7 does not play nice with $.load
It seems like IE7 will not actually make ajax requests unless I use $.ajax({cache:false}). I really like the $.load method though because of how it combines selecting the dom node to update, downloading the page, and then plugging it in. Is there some easy way of forcing IE to make ajax calls?
[jQuery] is(':checked') always returns false
I have a bunch of checkboxes that I want to have checked when the user checks a master checkbox. I've done this before and reused the working code, but changed some DOM id's. The problem is its not working. I've narrowed it down to is(':checked') as always returning false. Again, I've reused working code from within the same site. The only thing different are the id's. Here is my code: HTML for master checkbox (within a container with id 'msgsInbox'): <input id="msgCheckAllInbox" name="msgCheckboxAllInbox"
[jQuery] How To use getJSON?
Hi@All. I have a little problem with JQuery and JSON, because it's my first JSON testing Project. In the documentation i found this: http://docs.jquery.com/Ajax/jQuery.getJSON But i do not understand how it works with an JSON array. :( It's an other JSON structure then mine. I simply want to play around with it. And trying to load some images in a img src tag. ;) My jQuery Function is: $.getJSON("index.php?action=JSON_directory", function(data){ // and this is my prob, see my php result. });
same probs with both ifixpng and pngfix plugings
Hi If you look at this page http://www.ecolosport.com/index.php with IE 6.n you will see that my implementation of pngfix works for the transparency but stretches the bg images out sideways !! has anyone got any idea how I can fix this in my css or js ?? html : <ul id="index-prods-list"> <li><a href="imprimeur-ecolo-produits.php?cat_id=1">PROSPECTUS</a></li> <li><a href="imprimeur-ecolo-produits.php?cat_id=2">DEPLIANTS</a></li> <li><a href="imprimeur-ecolo-produits.php?cat_id=3">BROCHURES
[jQuery] how to replace all the '[]' to be '' in $.SortSerialize('MDEExportedList').hash
<div> I use $.SortSerialize('MDEExportedList').hash.replace('[]','')</div> <div> but only the first one is replaced.</div> <div> Who can help me?</div>
[jQuery] [jquery-in-place-editor] Success function
Hi I'm using Dave Hauenstein's Jquery in place editor (<a href="http://code.google.com/p/jquery-in-place-editor/" target="_blank">http://code.google.com/p/jquery-in-place-editor/</a>). I don't know how using the success function in order to display a message "if server responds with a success". I tried with success : success: function(data,elem){ $(elem).html(data+'myMessage'); <div id=":1gj" class="ii gt"> // return data+'myMessage' doesn't work } Is there a better way to display a custom message,
[jQuery] Superfish customization: change display height of submenu
Hi All, I am new to jQuery & Superfish, but it seemd like the most logical way to do a quick prototype for a menusystem. I am trying to create a verertical menu system (using superfish-vertical). However, I'd like to tweak the behaviour of the submenu, and have been unsuccessful so far. Here's what the current solution does (straight out of the box) - assume menu item 3 is hovered over: menu item 1 > menu item 2 > [ menu item 3 > ] menu item 3.1 menu item 4 > menu item 3.2 menu item 5 > menu item
Reload Tabs ajax depeding on datepicker fields
Hi, I would like to know if there's an easy way to build a tabs that will reload the page when a date is selected in a datepicker fields (externally to the tab...). I'm using ajax funtionality to populate the selected tab. Is there any way to pass also some parameters to the selected tab? The parameters that i would like to pass to the .aspx page that will populate the tab are the date and a parameter to choose the query..... This is my code: ...... ..... <script type="text/javascript">
Next Page