[jQuery] Completion callback after events
Hi, For a lot of asynschronous calls, like the effects, jQuery provides completion callbacks which are very useful. Unfortunately it doesn't provide completion callbacks for events. How am I able to know when an event has been completely processed ? Once a specific event has been processed, I would like to perform other instructions. Thank you for any help! -- View this message in context: http://www.nabble.com/Completion-callback-after-events-tp19700454s27240p19700454.html Sent from the jQuery General
[jQuery] Form Plugin - JSON upload problem
Hi Mike and all I've read the documentation on uploading a file via the form plugin and JSON, but I simply can't get it to work. The form plugin dies as soon as I submit it... no error is thrown, but it posts the whole page like a normal form and no response is given. Here's my form code: <form action="http://localhost/media/add" method="post" class="form- std" id="form-add-media" enctype="multipart/form-data"> <input name="sid" value="1" type="hidden"> <input name="stype" value="1" type="hidden">
[jQuery] mouseover / mouseout
Hey guys, I have problem and my programmer isn't around to help me :( Look at main page: http://www.mycitysolutions.com/ I used $('a.view').fadeTo('fast', 0.33) to fade out images on load and $('a.view').mouseover(function () { $(this).fadeTo('normal', 1); }); $("a.view").mouseout(function () { $(this).fadeTo('normal', 0.33); }); to make them change opacity on image hover. But if you try numerous times to run trough image animation will take some time :D So i need some event listener or ... how do
[jQuery] jQuery and Zend Framework validation integration
Hi all, I am going to use server-side Zend_Form data validation process and its result show with jQuery. I send form data via ajaxForm(); function and Zend controller validates data a returns information about validation result in json format: {"status":"error","messages":{"email":{"isEmpty":"Value is empty, but a non-empty value is required"},"password":{"isEmpty":"Value is empty, but a non-empty value is required"},"password2":{"isEmpty":"Value is empty, but a non-empty value is required"},"city":{"isEmpty":"Value
[jQuery] Tabs with multiple CSS classes
Hi Folks, I'm interested in having multiple instances of tabs on a page/pages throughout a site and on the same page without using an iFrame. The tabs function is cool. I'd like to pass it a different base class, so that basically I have tab controls of different styles on the same page. Specifically I'm wanting to have this set of tabs have different widths; I'm looking for like a "base-class" option to pass to jquery.tabs or something. Any suggestions? dan
[jQuery] jEditable Plugin question
I am using jEditable and have run into some issues. I have two different classes of editable areas, say edit_1, and edit_2. and want to toggle between the two edits based upon some criterion. So if do a $(this).removeClass('edit_1'); $(this).addClass('edit_2'); This doesnt really propagate thru, and the editable area is still stuck with edit_1 options. Any help would be appreciated.
[jQuery] Raising an event when a popup window is closing
I have a page with a popup that I want to raise an event for when the popup is being closed. Is there any event built-in to jQuery without any plugins that can be subscribed to for when a popup is closed? I can't seem to figure out any way to do this even without using jQuery. Is there any way to do something like this in jQuery?: var myWindow = window.open("/MyPopup.aspx, "myWindow", "height=550,width=780,top=100,left=100"); $(myWindow).bind('close', function(){alert("Closed.")});
[jQuery] [Validate] Validation + Masked Input Issue
I've been using the validation plugin along with the masked input pluging and I am noticing a possible bug. When you have a textbox that has an input mask on it and click on the submit button it validates the field correctly, but then if you focus into the field and then leave it will mark the field as valid even though the field is still blank. I looked at the Marketo demo and the same behavior occurs there. Is there a workaround to get it to keep the field invalid after you go in and out of the
[jQuery] need help in making dynamic form validation
Hi everyone, I'm hoping someone can help me learn the right way to do this. Its experimental for me at this point. Example code is at the bottom. So what I'm attempting to do is to do input form validation by loading a function which self-assembles an object that has its properties set as the ID names of the inputs in a given form. The values of those inputs are then assigned as the values of those properties. In this way, you can pull all of the data in a form at once and iterate through the object
[jQuery] [validate] Get form validation state without triggering errors
I'm trying to check if a form has been filled out properly before enabling the "Next" button. Unfotunately, when I call the method jQuery("#myForm").valid() the error messages are all triggered. I want the error message in there because I want the user to be able click the disabled next button and see what the specific problems are, but I want the next button to be a visible indicator of when the form is ready to go. Is it possible to silently get the validation state of the form?
[jQuery] append empty string causes error
I'm not sure if this is correct behavior or a bug, but if I append an empty string it causes an error. So $('#someId').append('') causes an error. In my case, I'm actually supplying a variable to append() but this variable could be an empty string. I don't see why appending nothing would cause an error, which is why I think it's a bug. Anyway, for now, I'm just going to check if the variable is empty before calling append().
[jQuery] Listen for location anchor change?
Hi, I was just wondering if there is anyway to listen for changes on the location bar when a link sets an anchor on the same page. Example: current location: www.something.com/ I click on a link and it takes me to: www.something.com/#someanchor Is there anyway to listen for this change/event with jquery?
Having Problems w/ a few script object lining up incorrectly
Having trouble lining up some script objects on a page for my new school website. Here is the link: http://www.usd305.com/south/test1/index.html I'm wanting the coda slider to show up on the right portion of the page.. it shows up too low... i'm a bit new to CSS and such, so it might be an easy fix You can see the code on the source file and here are the external CSS sheets @charset "utf-8"; /* CSS Document */ * { margin: 0; padding: 0 } /* I've used a hard CSS reset above, but
[jQuery] re[jQuery] place input value with user entered text
i have this set up: <td><input type="text" value="0" /></td> users enter number in text field. .blur() I need to pass the entered value to the value attribute. I'm able to get the value of the number entered in the text box but I cannot seem to pass it to the value attribute of the input $('input').blur(function (){ var program = $(this).val(); any help in the correct direction would be great. thanks -- View this message in context: http://www.nabble.com/replace-input-value-with-user-entered-text-tp19694518s27240p19694518.html
[jQuery] Bind events on DOM elements inserted from other frame
I have been experiencing strangeness with trying to bind events to DOM elements that have been inserted from a different frame using .get(). For some reason the elements don't be binded with the events if they are inserted from other frame. In testing, if I try the same thing within the SAME frame the the events get binded correctly. Am I missing something here? Is this a limitation of jQuery?
[jQuery] Using :empty for blank divs
I've got the following in the <head> of my document: <script type="text/javascript"> $(document).ready(function() { $(.bc-wrapper:empty").addClass("none"); }); </script> and in the <body>, <div class="bottom-content"> <div class="bc-wrapper"> </div><!-- end bottom content wrapper --> </div> The class that it's calling, "none" is simply a display: none from the stylesheet. So basically, if the div doesn't have any content in it, hide it. If it does have content, then it doesn't
[jQuery] New Plugin - jMailer
Hi all, I've written a new plugin for jQuery called jMailer which creates a popup form for sending an email with. It's just the front-end, but should be compatible with a back-end of your choice. A demonstration (which has been mapped to a single email address to prevent misuse) can be seen at: www.danwellman.co.uk/jmailer/jMailerTest.html See the souce of the HTML for comments relating to usage I posted in the plugins mailing list but the post has not appeared, hence this post also. How do I get
[jQuery] jQuery infected by script.aculo.us
Hello, First of all, I need to get this working without touching markup. I really can't, only in very extreme cases. I'm loading jquery at the bottom of the body and script.aculo.us is on the head section. The main problem is: (I'm using jQuery.noConflict() and even tried myJq = jQuery.noConflict(true)) normally a jQuery('img',document.body) will return an object (Array) filled with the image elements. now, In the current page I'm stuck the jQuery('img',document.body) returns also an object but object[0]
[jQuery] livequery and iui
hi, I usually don't work with iui (iphone) but have some code and wanna adapt it to play with jquery. The problem is to attache events to the new generated DOM at each ajax request in iui (using jquery AJAX I would make a callback, but...). Finally discovered livequery but seems not to work this very very simple code in http://edit.csic.es/fitxers/gbifs/index.html : var example=function() {alert("clickiiin")}; $('li') .livequery('click',example); //each newly generated li should alert when clicking
[jQuery] slide div height collapse
Hello, I'm new to jQuery and have been partial to mootools, but wanted to play with jQuery for a particular web project. One thing that I've noticed is the following: Using mootools slide effect http://www.hovara.com/ocl/ Using jQuery slide effect http://www.hovara.com/ocl/jqueryindex.php You will notice when clicking the login or register links, that the mootools is more fluid and the div heigh grows(pushes down) as the slide effect takes place, the jQuery example however sets the div height to
[jQuery] Also...
Its important to know that I'm almost unable to change a bit of markup or other js libraries code, I'm being injected along with jQuery to this site, so I'm more like a "guest" in this uber-mix of js.
[jQuery] jQuery not working while loaded 2nd time in drupal
Hi, i am working in a site made with drupal . there i am using ajax through jQuery for a polling options. the first time code runs nice ... as soon as some one submit one vote the poll section is loaded with the new result. now nothing works in that section. i am having these two major issues : 1) if i comment out the $(document).ready ... line it doesnt work , even for the first time 2) as soon as the ajax is getting called i see two responses in firebug .. one using POST method (in my code i have
[jQuery] wrap function
I´m stuck, please help! My code: <div class="box-two"> <h1>some header</h1> <img name="Image" src="" width="250" height="200" alt="Image" /> Lorem ipsum dolor sit amet </div> The jQuery: $(document).ready(function(){ $("div.box-two > *").wrap('<div class="inside"></div>'); }); The idea is to 'wrap' the <h1>, <img> and the with a single <div class="inside">. The problem I have is that ALL the elements are individually wrapped with <div class="inside">. Not what I want! How can i tell jquery to
[jQuery] Plugin that offers smart tag-like functionality?
Anyone know of a plugin that offers functionality like this? http://en.wikipedia.org/wiki/Image:Smarttags.PNG Rey...
[jQuery] Simple Queires for Function calling
1. I have some simple queries with regards to function calling. In plain javascript if I want to call a javascript function from my HTMl tag i do it like: <input type="text" id="myid" onclick="javascript:sayHello(this.id);" value="World" /> Now my javascript function would be defined as function sayHello(id) { alert("Hello " + id.value); } Now I want to use JQuery to do such kind of programming wherein some value (not necessary something from the attribute) is passed t o the function and processing
[jQuery] contains() not working
I have an image tag as <img id="myimg" src="images/expand.jpg" /> I am trying as if($("#myimg").attr("src").contains("expand")) // do something else //do something else but it gives an error "Object doesn't support this property of method". Please help.
[jQuery] Horizontal Splitter Problem
<div dir="ltr">Hi, I have used vertical splitter along with JSF (facelets + richfaces) and YUI - it is working fine and PERFECT. however, I am unable to integerate the horizontal splitter in my code. Can any one plese help me out .. I am attaching the code below. Please someone help me in it .. <blockquote style="border-left: 1px solid rgb(204, 204, 204); margin: 0pt 0pt 0pt 0.8ex; padding-left: 1ex;" class="gmail_quote"><font size="2"><font face="courier new,monospace"><?xml version="1.0" encoding="ISO-8859-1"?></font></font>
[jQuery] Click function only invoked after second click in IE6 & IE7
I am having difficulties with IE6 and IE7 not invoking the click function correctly. I have to click twice to get it to fire. test case: http://dev.dreimorgen.com/test.html with IE6 or IE7 click on "item1" once then on the "Item 1 content" link. Repeat the process once more and it should toogle the content beneath. Safari and FireFox do not exhibit this behavior. What can I do to make this work for IE6/IE7 right away? Thanks!
[jQuery] Special characters with ajax.
Hi, i am new to Jquery.. i have a query here. let say that i want to pass the variable parameter "parameter" var $.post.. if i have any special character in the parameter, all the character after the special character are not been pass.. var parameter = "abcdefg??abcdefg"; $.post('process.php', {'term': parameter}, function(data) { $('#display).html(data); }); Is there anyway to solve it?. Thanks in advance.. =)
[jQuery] Get Lightbox and Innerfade plugins work together
Hi all, I'm working on a website with lots of pictures. A part of it are displayed using the http://medienfreunde.com/lab/innerfade/ Innerfade plugin , and the reste are displayed using http://www.huddletogether.com/projects/lightbox2/ Lightbox . The problem is that whenever i try to use both plugins on the same page, i'm facing strange troubles. Here is the http://pastie.org/276264 head content of such page on my website. The error i'm getting is: $(document).ready is not a function I'm not that
[jQuery] element creation using wrap behaves oddly
i just want to bring this up for discussion to see what people have to say about it and to further my understanding of how jquery works and why it works that way. maybe its a bug? imagine the base code <b>Hello World!</b> // fails to assign click handler: $("b").wrap($("<a href='#'/>").click(function(){ alert("foo"); })); // also fails... wrapAll, wrapInner etc // works as expected: $("b").replaceWith($("<a href='#'>Hello World</a>").click(function(){ alert("foo"); })); // also works as expected:
[jQuery] Callback to home page from 2nd page
Could somebody help me in this issue. when I am on landing page I have two questions to be answered . When I click on 2nd ques which is radio button i will be shown with other remaining questions. So from 2nd page when i click on link which takes me to homepage I want that exact page which i will be prompted when i try to access my application.
[jQuery] get html of check box
i'm up against deadline and i cannot figure this out for life of me. i know it is simple but just starting jquery/dom exploration <li><label><input type="checkbox" />hello</input></label></li> if user clicks checkbox...i need to alert the value of the label how do i do this..i was using .html() but it also alerted <input> and all i want to alert is hello
[jQuery] Safari Hide() - Everything I am running across fails.
This is the popular bug wherein Safari refuses to hide elements. Environment/code setup: - JQuery 1.2.6.min - Hidden elements exist in root html file as: <div id="cardsContainer"></div> - Hidden elements initial style is declared as: #pageContentContainer #bodyContainer #cardsContainer { position: absolute; top: 170px; left: 80px; width: 650px; height: 290px; border: 0px solid blue; display:none; } The above should present with a hidden object and does not. Later, there is a routine that hides objects
[jQuery] FlexiGrid and JQuery Problems...
I'm using FlexiGrid with JQuery 1.2.6 and ASP.NET MVC Preview 3. I seem to be able to get JSON data out of the controller properly, but the data won't render in the FelxiGrid. Here is the data from the controller action: [{"ID":{"Length": 36},"UserName":"joe_user_TRPP","FirstName":"","LastName":"","Address":"","City":"","State" :"","Zip":"","FullName":" "},{"ID":{"Length": 36},"UserName":"asdf","FirstName":"asdf","LastName":"asdf" ,"Address":"","City":"","State":"WA","Zip":"","FullName":"asdf asdf"}]
[jQuery] Coda Slider scrolls up and down in Safari
Hey all, I'm trying to get the Coda Slider over at http://jqueryfordesigners.com/coda-slider-effect/ to work, and it's working perfectly in IE6, IE7 and Firefox 3. However, in Safari when the site initially loads it scrolls left to right. If I hit Apple + R to reload it continues to scroll up and down. But if I go to the location bar and hit Enter it works (scrolls left and right). This behaviour is consistent 90% of the time, sometimes it's not. I've tried changing the axes from xy to just x. This
[jQuery] jquery + openx (via ajax) problem?
Hello, I am trying to implement a code that will load a banner zone from openx (openx.org), AFTER the rest of the site loads. I have the invocation code (either javascript or php) but when I am calling the code from a local file, for example testban.php (the php version), The page loads but when it comes to load the banner it redirects to the banner, instead of loading the banner to a div. My Code is as follows: on the $(document).write(function() {}); block I have included a setTimeout("loadBanner()",1000);
[jQuery] Closing modal element when clicking outside its border ...
Alright, here's the deal. When a user clicks on a button, a form drops out that sits above the page's content. How would I close this form if the user decides to click else where?
[jQuery] disable click on animated objects
I am experiencing an undesirable behavior when click on an object while it is sliding down. I hosted a test case and you can see the problem at: http://www.maujor.com/temp/jquery/ Thanks for any help
[jQuery] Hierarchical .parents()
Will the .parents() method always return in hierarchical order? Say I have: <ol id="outer"> <li> <ol id="inner"> <li> <a id="target"/> </li> </ol> </li> </ol> If I do $("#target").parents("ol").eq(0), will I *always* get #inner, or is the order of the resulting jQuery matched elements arbitrary? ~Jason
Next Page