[jQuery] livequery and trigger
This question has been asked previously[1], but was not responded to. I have a table that I am binding "row" clicks using livequery and I have a situation where I want to trigger a "row" click event manually and trigger() does not seem to work with events bound with livequery. Is there a way that I can manually fire an event that is managed by livequery? [1] http://groups.google.com/group/jquery-en/browse_thread/thread/1d7b8cd0d610e9ad/4fa9348e3952abcb?lnk=gst&q=livequery+trigger#4fa9348e3952abcb
[jQuery] JavaScriptSearch.org - Search Engine for just JavaScripts
http://www.javascriptsearch.org I have just built a search engine dedicated to finding only JavaScripts. After years of poring over page after page of scripts to find just the one I wanted, I finally got the idea to create a dedicated custom search engine to do it for me. DUH! I hope you like it. I have been using it myself and it saves me TONS of time. Why didn't I think of this before? :-Donatello http://www.javascriptsearch.org
[jQuery] How to pass in string of params into Function(...,....,params)
I've been playing with this sob all day but can't figure out if I have the syntax right here for a) checking if the checkbox is checked inside my AddMethod b) passing in a couple of other fields kinda like you do with the EqualTo in terms of adding a # to the name and adding a couple of field names to be passed to my params. For example I want to do something like this from my .aspx: <script type='text/javascript'> $(document).ready(function() { $("#MyForm").validate ({ rules: { mycheckbox: {testvalidatoinmethod:
[jQuery] Trying to get a submit button to countdown before being enabled again
Hi, I am trying to get a submit button, once clicked, to disable itself, countdown, then reenable itself to prevent a form from being submitted too rapidly. I've figured it out, but in a way that I think is pretty messy and not very scalable, I'm wondering if I am going about this the wrong way and if there is a more efficient way to code something like this? --- $("#form-submit").attr("value",5).animate({opacity: 1.0}, 1000, function() { $("#form-submit").attr("value",4).animate({opacity:
[jQuery] Split and compare
I'm simply trying to figure out how to split an incoming param based on a ; Is there a specific JQuery split function or does JQuery use the JavaScript Split function? For example if I have: mytestmethod: function(value, element, params) { split params here based on ; Then I want to compare the params to see if they are equal }
[jQuery] .is and .not don't play nice?
I can do this: if ( $(this).is('label') ) { if ( $(this).not('label:first') ) { // do something } } But not this: if ( $(this).is('label').not('label:first') ) { // do something } }
[jQuery] Safari not rendering styles loaded though ajax
We extensively use jquery in conjunction with our proprietary CMS for building web site and web application. We use jquery 1.2.3 and face a problem only in Safari 3. Styles injected with pages loaded through ajax seem not recognized and as a result pages a not properly rendered. Works just fine in all other browsers that we tested (IE7, Firefox 2 (windows and MacOS x, Opera 9 (windows and MacOS X). http://immo.web-a-la-carte.com is a good example. Go to the "société" tab and look at the form in the
[jQuery] [jquery.form] file upload question
I'm using the jquery forms plugin. Excellent stuff. One problem. In my PHP-framework, I autodetect ajax/xhr requests and use an appropriate layout. This fails when I build a form with file uploads (the iframe trick doesnt trigger the XHR call). Is there a way to "know" that the page was requested through an iframe call? Dylan
[jQuery] Problem: Plugin architecture/layout
Hello I'm creating a plugin that enhances an input element in a form. The plugin makes use of, among other things, the keydown event. The problem I'm seeing is that when I run: $.fn.myPlugin = function(e) { return this.each(function() { $input = $(this); $input.keydown(myFunction); }); }; $('#x').myPlugin(); $('#y').myPlugin(); 'myFunction' is run several times when I press a key in one of the input elements. I've tried looking at the ui.datepicker plugin that seems to work as I want it too, but
[jQuery] [ANNOUNCE] jQuery.Preload - 4 in 1 image preloader
Hi everyone Today added the first release of jQuery.Preload. As said in the project page, it's a multi-functional plugin to preload images. It can be used for 4 (or more) different situations. The plugin is very small ( less than 1.5kb minified ) and offers many settings to configure it. It also exposes 3 callbacks. jQuery.Preload goes beyond a simple image preloader and can be used ( for example ) to generate galleries with little code(like shown in the URL mode demo), or even to ping using images.
[jQuery] problem with a vertical accordian menu
Hello, I have this html file for a menu <dl id="menu"> <dt> <a href="#">Weblog Tools</a> <dd><a href="http://www.pivotx.net/">PivotX</a></dd> <dd><a href="http://www.wordpress.org/">WordPress</a></dd> <dd><a href="http://www.textpattern.com/">Textpattern</a></dd> <dd><a href="http://typosphere.org/">Typo</a></dd> </dt> <dt><a href="#">Programming Languages</a> <dd><a href="http://www.php.net/">PHP</a></dd>
fade problem on .hover
hello together, I am really desperate. since yesterday night I am trying to figure out why my script is not doing what I want it to do (that could be the reason that I am very new to jquery) I wrote a little script, which fadein my pictures here $(document).ready(function(){ $('#bild-gross').fadeIn(2000); $('#bilder-klein').fadeTo('fast',0.6); $('#bilder-klein').slideDown(500); }; strange thing is: when I upload my script with these lines in it: $("#bilder-klein img").hover(function(){
Almost fix jquery plugin "pan view"
Pan view is to view large image inside a small box. You can find it here http://motherrussia.polyester.se/jquery/panview/ Now it works in ie. But in firefox, I need to refresh second time, in order to make the 'drag' to work properly. I need to fix this bit as I need this plugin. I guess the issue is I am using the jquery 1.2.3, while the pan view is using a 2006 one. You can find it here http://gary.liang.cs.research.googlepag ... age.tar.gz thx in advance
Passing functions as parameters of other functions
Hi, I have had some trouble with callback functions, and with waiting for ajax to complete before continuing a javascript code, and with passing functions as parameters to other functions. Any help would be appreciated. The main goal I had was to use ajax to load a new set of html into a div, and then to preform another task AFTER all the elements had been defined. I've ended up with the following: $('#apDiv1').load('AdminSetup.php', function(){stopAndContinue(loadedAdmin3(p_id), 15);}); stopAndContinueis
encoding problam with jQuery and CI
hello mates i want to make an add-comments-form with jQuery. therefore i writed this JS: <script type="text/javascript"> $(document).ready(function() { $("#commentF").submit(function () { return false; }); $("#comment input[@type='submit']").click(function(){ $.post("<?=site_url_rel("show/comment/".$game_id)?>", {content: $("textarea").val()}, function(xml) { var content = $("textarea").val(); $("#comment").html( "התגובה
MIA
Sorry about the lack of replies lately. Had my wisdom teeth taken out last Thursday and I was in no mood to help people with JavaScript problems. Alas, it's back to the same old grind today, so I'll probably be playing catch up over the next day or two with regards to unsolved posts. Best, Mike
Has anyone known load() and html() to fail in IE7?
Has anyone known load() and html() to fail in IE7? jQuery("#mods").load("NewModifiers.aspx", { mode: "add", row: jQuery("#XmlDataStore").length, psk: id }, function(responseText, status, request) {
[jQuery] Dom manipulation with frames leaking divs
Take a look at the simple example below. The following divs are reported as leaked by Drip -- <div>div<div></div>. These divs are not from my code but I did notice them in a function called "clean" in jquery core.js file1.htm >> src: <frameset rows="*" framespacing="0" border="false" frameborder="0"> <frame src="frame.htm" frameborder="0"> </frameset> frame.htm >> src: <html> <script language="javascript" src="jquery-1.2.3.min.js"></script> <script> $(document).ready(function(){
[jQuery] jCarousel: No width/height set for items. This will cause an infinite loop. Aborting...
when i implement jCarousel with options "wrap : 'both', vertical : true, scroll : 1" and call prev method this alert apear. I debg the script and discover that the "back" var in the "pos" method is not set to true... so. to make t work i change the script from: if (d == 0) { alert('jCarousel: No width/height set for items. This will cause an infinite loop. Aborting...'); return 0; } to: if (d == 0) { if (v == 0) { alert('jCarousel: No width/height set for items. This will cause
[jQuery] callbacks calling callbacks calling callbacks ....
Hello, as everything Ajax-related is (mostly) asynchronous every response is handled using callbacks. I often have the problem that to do action A I have to initialize multiple components on the page (if not initialized yet), then fire 1- n ajax calls, waiting for the callback and so on. this leads to a set of functions chained together by callback-calls. function action() { if (!$('#comp1').is('.loaded')) { $('#comp1').trigger('load.comp1', [ cb1 ]) } if (!$('#comp2').is('.loaded')) { $('#comp2').trigger('load.comp2',
[jQuery] jquery json and zend_json
I'm trying to test something here and having issues getting it to work. here's my jquery script : // I should get an alert object if it works? but in firebug all I get is invalid label. var url = "http://127.0.0.1/projects/micro-printing.com/projects/ micro-server/index.php/client_api/test?callback=?"; $.getJSON(url, function(data){ alert(data); }); heres the json that I'm getting using zend_json: {"job_Description":"My Job","job_Notes":"My jobs notes are here."} and here's the php in
[jQuery] "missing ; before statement" in ui.tabs
Hello, For some reason i'm having "missing ; before statement" error when i'm running ui.tabs altough on the demo page it's run just fine. What do think might be the problem? Thanks! Eyal
[jQuery] display returned data from posting page
I need to do a post and then have the posting page return some data into a var. I've tried a few things but can't seem to get it to work. Please see my pseudo code below. How can I have the posting page return data via json? jQuery.post(container.url, { "data1":1}, function(){ var rData=data from posting page }); Thanks!
[jQuery] pack smaller than min?
Hi, I just noticed that the download for jquery-1.2.3.min.js is 52k, while pack is 29k. Shouldn't the min version be closer to 15k? Thanks, Paul
[jQuery] Turning an object into simple string
I've got an object in my javascript that keeps tracks of controls and their values and am trying to pass it to the server to use with James Network-King's excellent ASP.NET Json object So it allows me to pass a JSON-d object to it and i can manipulate it it in my VB code Problem i am having is turning my object: var PageData = [ { "Tab": "Recipients", "Objects": ["Recipients_Choice","U_RoleList","U_Select"], "Values": ["","",""], "Valid": false }, { "Tab": "Body", "Objects": ["Subject_Text","BodyHtml_Text","BodyText_Text"],
[jQuery] slidetoggle jumps in IE
I am having an issue with the way a slidetoggle animation works in IE. I am using the animation to show/hide div's here: http://stonebergdesign.com/clients/coop_test/wordpress/about/ in FF and Safari the animation works great. In IE the div briefly display before and after it shows/hides. I am not a whiz at jquery and most of the code was copied and pasted... Any help is greatly appreciated.
[jQuery] ui-slider
i know they're still in beta, but does anyone else see that setting the startValue is broken ? As a workaround i tried: $j('#slider').slider( "moveTo", fontsize); where fontsize definately != undefined or worse. So is it simply broken ? micha
[jQuery] creating an form element on the fly.
Hi, I am new in Jquery. I am trying to add file upload field in an form. We can't user $("#container").html() or text() for file upload field because they will not pass the values to other pages. So we have to create an element on the fly. I am not able to figure it out that how can i create an element on the fly ? I am using add() however it is not working for me. Can anyone help me about this. i need to create three file upload field on the fly when an users click on an button having id as container.
[jQuery] Problem with validation
I'm making a call to my validate() function when the document loads, passing it an array of the following format: [field_id] => [rule], [message] I am looping on field_id, assigning a blur function that checks the rule (which is a regexp), displaying a div if the regexp check fails... function validate(rules) { for(field in rules) { $("#"+field).blur(function() { if(!$(this).val().match(new RegExp(rules[field]["rule"])) && !$ (this).siblings('div.error-message').length) {
[jQuery] customize validation plugin
Hi all, i used the validation plugin in a form, but i needed checking the existence of a field's value in the database, thus i used ajax, but, how can i integrate the result of ajax in the plugin, i used a traditional ajax(not that related to jquery), and the problem occured when i tried to unify the mechanism of showing errors messages, the question in another way: can i use customized rules (other than "required" and "digits"...)? as a periodic solution i add a button which is used to execut the
[jQuery] [validate] equalTo for empty field values too?
Is there a way to use equalTo with empty fields (if they are not required, they are equal when empty). So far I have found examples of equalTo used together with "required" option only. Thanks in Advance.
[jQuery] Form Plugin: new page
Hi all, I discovered today this amazing form plugin, and started using it for my existing forms. The only problem is when I was submitting a form, if it was successful on certain forms I would use a php redirect (header function) to redirect the user to a page. With the plugin, I can only write to a target (ie DOM element). How can I write to the DOM element when there is an error, and redirect to a specific page when successful? Thanks! Maxime
[jQuery] basic Show & Hide icon
I am using the Basic Show & Hide (code below) succesfully and have figured out how to link it to text rather than a 'submit button'. What I would like to do though is to have a hand (or some other meaningful icon) show up on mouse over instead of the cursor. Is there a way to do this? When I wrapped the text in an <a> tag with a #, on click, it returned the user to the top of the page, which I don't want to do. $(document).ready(function(){ $('div#tandc').hide(); $('#toggletandc').click(function(){
[jQuery] silverlight version of excanvas
for the people interested: there is a silverlight version of excanvas: http://excanvas.svn.sourceforge.net/viewvc/excanvas/silverlight/ cool stuff :)
[jQuery] jQuery.data() woes
How is jQuery.data() calculating the id? I'm using code simar to: $.fn.myPlugin = function() { return this.each(function() { console.log($.data($(this).parent().parent())); $(this).blur(function(e) { $.myPlugin.test($(this).parent().parent()); }); } }; $.myPlugin = { test: function(target) { console.log($.data(target)); } } And my console logs output different numbers for the same element (I've triple checked in Firebug). Is this the GC kicking in or what am I not seeing? I'm using this to store
[jQuery] How to animate remove() and html() ?
Is there a way to animate remove() and html() like it's possible to hide("slow") ? -- Fabien Meghazi Website: http://www.amigrave.com Email: agr@amigrave.com IM: amigrave@gmail.com
[jQuery] Element with two classes
Hi, I have a page where I cannot change the XHTML code. This page contains two tables. The classes of the tables are as following: Table 1: <table class="cl1 cl2">....</table> Table 2: <table class="cl1">....</table> Normally to make changes to this tables I would call up something like: $("table.cl1").addClass("abc"); $("table.cl2").addClass("xyz"); But in this case, if I "call up" the table with class "cl1" the other one is also affected. Is there a way to say that I would like to adress only the
[jQuery] jQuery.data() woes
How is jQuery.data() calculating the id? I'm using code simar to: $.fn.myPlugin = function() { return this.each(function() { console.log($.data($(this).parent().parent())); $(this).blur(function(e) { $.myPlugin.test($(this).parent().parent()); }); } }; $.myPlugin = { test: function(target) { console.log($.data(target)); } } And my console logs output different numbers for the same element (I've triple checked in Firebug). Is this the GC kicking in or what am I not seeing? I'm using this to store
[jQuery] Form Plugin Help
Hey all, I'm trying to use the form plugin for the first time, and I cannot get any of the functionality to work. The examples seem pretty simple, what am I missing? Here is example code that I'm trying, the onsubmit of my form calls this method: function answerQuestion() { alert("test"); alert($('#triviaForm')); $('#triviaForm').ajaxSubmit(); return false; } both of the alerts fire, but then then rather than the expected ajax submission, the page loads the url specified in the form action.
[jQuery] execute click in the scrip
Hi, I have this link that I like to automatically 'click' in the script: <a href="#" id="refresh" >test link</a> here is my code, but it does not 'click', any idea? thanks. jQuery(document).ready(function(){ jQuery(".block").draggable({helper: 'clone'}); jQuery(".drop").droppable({ accept: ".block", activeClass: 'droppable-active', hoverClass: 'droppable-hover', drop: function(ev, ui) { jQuery("#refresh").click(); } }); });
Next Page