[jQuery] events, lock and unlock
Hi everybody, I have the next silly problem: $(myobject).bind('myevent', function() { var anotherobject = new MyCustomObject(); $(anotherobject).bind('anotherevent', function() { // code here }); }); and then I write these two lines: $(myobject).trigger('myevent'); $(myobject).trigger('myevent'); The problem is that sometimes 'myevent' is dispatched before the 'anotherevent' and I would like to be sure that the 'anotherevent' has been dispached previously. I'm thinking in something like this: $(myobject).bind('myevent',
loading jquery twice to make something work, is that ok ?
Hi, i'm starting using jquery, and I have some kind of problem. I develop most of my sites using Wordpress as CMS, with the popular Nextgen-gallery as image management-plugin. This works very nice and is a powerful combination. Now, since Nextgen already uses jquery and makes sure the library is loaded in the header, there should be no need to load it again to perform some of my functions. Yet, the only way it works is when I DO load jquery again for my functions.. This isn't normal, right? Why can't
[jQuery] jQuery + iPhone, improving element animations
I tend to create versions for different platforms and frameworks from my Nutrition tactician -webservice. It's basically an alternative interface to USDA-database, which contain nutritional values for lots of different foods. This time I wanted to make a version, which is especially crafted for iPhone-use. You may try it with Firefox or Safari, too. At the moment of writing IE gives a script-error, but I'll fix those minor bugs later. http://datacalmers.hoito.org/iphonent/ However, I'm a bit disappointed
sound notification
I am new to jquery, and try to find out how to use jquery to create sound notification for special occasions. Some friendely soul give me a hint?
cleartype fadeIn issue in IE, but div doesn't start hidden
after having no luck getting responses on google groups, I hope someone here can help... This works in firefox, I load the page into a div, hide it using $ (this).hide() then fade it in. The first function here fixes the issue with fade in destroying cleartype text - but in IE you initially see the ugly text and then when the fadeIn is done you get the cleartype text. Before that nothing is hidden.... Update - I discovered that the loaded content does hide like it's supposed to before fadeIn in Internet
[jQuery] jQuery (English)
http://www.freewebs.com/massmodern/ http://www.runautowithwater.com http://seniorfriendfinder.com http://www.adbrite.com/mb
[jQuery] SuperSubs Help Needed
Hi, I'm looking for assistance to solve an odd supersubs problem... On my site the SuperSubs plugin works properly on the first sub-sub- nav only. I'm not sure why. Take a look here and see the second sub nav's display (in the top pill nav rollover "Campus Life" and then "Student Athletics"): http://www.stcyril.net/site/ The li tag seems like it is ignored or is missing on the second sub- sub-nav of any nav item. So the sub-navs work fine, and the first sub- sub-nav in any menu item works fine, but
[jQuery] ajaxForm returns error in IE7
I am using ajaxForm to upload an excel file and then display whether or not it uploaded successfully. The following jQuery code works fine in Firefox, but when I try to run it in IE7 it fails. The beforeSubmit function is executed but then it craps out after that with the following error: "Object doesn't support this property or method." The form is generated dynamically, hence the reason for livequery. $("#taskplans form.upload-form").livequery(function() { var h3 = $("#taskplans h3"); var
[jQuery] $.support support and blockUI
Anyone know if blockUI is slated to transition over to using $.support instead of $.browser? More generally, what are people's opinions about the adoption of this feature? Much of the time, browser-specific code I write is for some esoteric problem that shows up in a particular browser, not some more generic issue, like support for the W3C box model.
[jQuery] Append Form IE7 Ajax Submit
I've spent the whole day trying to figure this out. I'm appending a form into a td, then that form has a submit action on it. It works in all browsers except for IE, where it just goes redirects to another page. I'm thinking that it might be that the new form isn't a part of the DOM in IE7. But if I use .load instead of append it still redirects. $(document).ready(function(){ //Place contact us form on page $('td:last','#content_table').append(' <h2>Contact us about this Trip</h2><div
[jQuery] Can't select an id containing '/' ?
Using jQuery 1.2.6, it would seem that any id containing a forward slash cannot be selected using jQuery's syntax: <div id="blah">testing blah</div> <div id="/about/">testing about</div> <div id="/about2">testing about2</div> <div id="about3/">testing about3</div> $('#/about/') <- jQuery obj with length=0 returned $('#/about2') <- jQuery obj with length=0 returned $('#about3/') <- jQuery obj with length=0 returned $('#blah') <- works Just wondering if this is a bug, or me using a html id attribute
[jQuery] yet another frames-related problem
I did this: $('body').append('<iframe name="myFrameName3" src='... etc... now I want to attach a click event to something inside that frame. Does anyone know why the context parameter of the click() below does not work? I can't get the alert to show up. $('#someDiv', top.frames['myFrameName3'].document).click(function(){ alert( $(this).attr('id') ); });
[jQuery] currency validation based on locale settings
hi. does anyone know if jquery support validation/auto formatting for currency based on locale settings. for example: if in US and you put: 10000 => validation or auto format should make this value becomes 10,000.00 4321 => 4,321.00 32.22 => 32.22 100,23 => 10,023.00 or (give a warning msg saying it's not US valid format) 0,1 => 0.00 give a warning msg saying it's not us valid format it should also support other currency where it has different ways of putting commas and points for digit separators.
[jQuery] block on body onload, unblock on at the end of $(document).ready
Hello, I would like to blockUI on body onload like: <body onload="$.blockUI({ message: null });"> and when document ready finishes unblock, but unfortunately i can not unblock it if I put blockUI on onload of body. My page makes few ajax calls and some processing on document ready, and i want to blockUI until page finishes loading completely. Is there a solution, or a workaround? Best.
[jQuery] How to get html string including the selected element
Hi All, I need to get html for a dom structure like this: <div id="test"> <div id="test2">something</div> <img ....../> </div> if I use $('div#test').html(); it generates its innerHTML excluding <div id="test"> How an I get the whole structure including id test? thanks
[jQuery] simple jQuery img src Question
Hi, I'm new to JQuery and used to use Scriptaculous. I would like to make the following: A function to fade out an image, then change the src of the image, and once the new src is loaded, to fade in the image back (so that it's fading in with the new image loaded). Here is how I did it using Scriptaculous, however, the site will now use jQuery and so I have to reproduce the same thing with it - is there such a thing as "observe" in jQuery: function navAction(newImg) { new Effect.Fade('image', {duration:0.5,
[jQuery] callback for append function?
is there any way to get a callback when append is ready? i have the following problem. i add some images with .append() after this i have to get the .height() of these images. when i now execute .append() it takes a while to load the images so the .height() function can not find the images.
[jQuery] failing .click() trigger on element created using .replaceWith()
Hey guys, Simple problem, really can't see what's wrong with it though: http://internetessentials.co.uk/clients/ashmoors/products.html Click "Specifications" on the sub-nav (middle-right of page) and see how the content area is changed using show/hide and the links in the sub-nav are modified so that "Specifications" is no longer and link but "Furniture detail" is. The idea is that we want "Furniture details" and "Specifications" to be toggeled with JQuery. The other links to go to separate pages.
[jQuery] retrieve huge set of records using jquery
Hi everybody I have been using tablesorter plugin in all my pages of website but suddenly I realized on one of page I am retrieving huge record from database and populating that in table.Now the problem is that the script takes too long to load and so i thought of using some ajax call so that only a bunch of data is retrieved when clicked on pager .. is it podssible using tablesorter plugin... a small example or hint will help Thanks Varun
[jQuery] [autocomplete] - infinite scroll or continious scrolling
Hi, I am using the autocomplete plugin from bassistance.de. I am looking to incorporate infinite scroll or continious scrolling into this plugin...so as the user scrolls down to the bottom, i want to query again and load more records. Can somebody please guide me with this? I will really appreciate it. Thanks!
[jQuery] [Superfish] : appearing behind flash
Hi there, I love superfish, but can't get it to appear in front of my flash animations. Here's an example: http://dev2.savingforchildren.co.uk/mjs/FirstMap.html On my browser (Firefox 3.0.5 on windows) the superfish menu appears behind the flash animation. Any suggestions as to how I can make it appear above? Thanks Michael
Use JQuery Ajax For File Upload
I am wondering if it is possible to use the jquery framework to make an ajax server side call and upload a file. Here is my html: <form name="uploadForm" enctype="multipart/form-data" action="" method="post"> <strong>Upload Image:</strong> <input name="fileField" id="fileField" type="file" size="45" /> <input type="button" value="Upload Image" id="upload_image" onclick="submit(this.form);" /> </form> I am using PHP as my server side language and having trouble with an
jquery slide in contact form
Hai i m wonder how to implement the email part when click at the submit button... I hve tried a lots of script but i am stuck.. please help!!
[jQuery] RSS Feed Aggregator with $.ajax
Hello I was curious if someone could help me with the output of a feed aggregator Im trying to use. Right now the feed displays the content in a series of list items with the link to read the article attached to a href. What I would like to happen, is take the link to the rss story, and attach it to the list item itself using location.href. Here is the current code for the feed aggregator: $(function() { $.ajax({ type: "GET", url: "http://www.msn.com/rss/alsoonmsn.aspx", dataType: "xml", success:
[jQuery] collapsible list
Hi I'm using the function below to collapse an unordered list which all seems to workfine, but what I want is the lower level items in the the list to be hyper links (again I can get to display) but when I click on the link nothing happens. It seems to be the Jquery function stopping this but as I'm fairly new to Jquery and not sure why. Jquery function <script type="text/javascript"> $(function() { $('li:has(ul)') .click(function(event) { if (this == event.target) { if ($(this).children().is(':hidden'))
[jQuery] cycle plugin cleartype demo
Is it just me or does this not work? http://malsup.com/jquery/cycle/cleartype.html?v3 looks just like any old cleartype opacity bug to me.
[jQuery] jQuery in the wild: www.ratemyarea.com
Found this site in the wild: http://www.ratemyarea.com/ Andy Matthews Senior Web Developer www.dealerskins.com P Please consider the environment before printing this e-mail. Total customer satisfaction is my number 1 priority! If you are not completely satisfied with the service I have provided, please let me know right away so I can correct the problem, or notify my manager Aaron West at awest@dealerskins.com.
[jQuery] Odd IE7 problem with (I think) a selector and LiveQuery.
So I have a script that, for the most part, replicates a small Excel sheet. There's a button for adding a row, removing the last added row, etc.; everything works fine except for one small (but crucial) bit. Whenever a user changes any part of a column, the script is set to recalculate everything (a la Excel) in the table. The selector for this is: $('tr:not(#grandrow)').livequery('change', function() { ... //recalculations, etc ... } grandrow is the one row I need to not listen to it (as users are
[jQuery] Building a weight calculator, completely stumped
I'm new to javascript and jquery. I'm building a shipping calculator that pulls the weights from hidden input fields and adds them together then calculates the shipping price. Due to the proprietary nature of the code I cannot change the code of the input fields. The input fields are named weight1, weight2, etc and the total number of input fields varies depending on the number of items in the shopping cart. The below code is a mockup webpage meant for designing the script: -------------------------------------------------------------------------------------------------------------------
[jQuery] How do I get the index of the currently clicked textbox?
Hi, How do I get the index of the currently clicked textbox? I have 5 textboxes in a form, all of which I am binding a click event. Here is the code: $("#associate-form input[type=text]").bind("click", function() { alert(this); //what is its index position from the 5 other textboxes? }); Thanks in advance.
[jQuery] Selection by CSS background-color
I've got an app based upon SIMILE Timeline (http://simile.mit.edu/ timeline/) which displays our various projects. SIMILE allows you to specify various colors for different events (e.g. projects that are on- time, projects that are behind schedule, etc.). Unfortunately SIMILE *does not* provide a way to specify "id" or "class" attributes for the <div> elements that SIMILE generates for the events. So now I'm trying to provide a UI so that the user can remove certain events from the Timeline (thinning
[jQuery] How do I use BlockUI with Jquery?
I know this may sound extremely dumb, but how do I actually use BlockUI?? I've got jquery working perfectly, but how do I access BlockUI's methods etc? I must make a reference to it somewhere? There is nothing in the documentation. Many thanks
[jQuery] Jquery UI Slider Events not raised
OK.. Here is the problem. I have downloaded the UI slider from Jquery website. The slider shows up fine. The slider moves fine.. BUT.. none of the callbacks are being called. i have searched high and low for this but oculd not find anything. Here is the code that i use <script src="js/jquery/jquery-1.3.1.js" type="text/javascript"></ script> <script src="js/jquery/ui_core_slider.js" type="text/javascript"></ script> <script type="text/javascript"> $(document).ready(function(){
[jQuery] Autocomplete results list in another element
I'm using Jörn's autocomplete plugin from bassistance.de. What I'd like to do is do a search, which searches two separate database tables (with different column names) on the same query. The results will be returned (eg. as JSON) with two objects, each with results from each table. So a result like: [{ table1: { 1:{id:25, name:"John"}, 2:{id:34, name:"Bob"} }, table2: { 1:{id:546, org:"my organization"}, 2:{id:23, org:"hospital"}, } }] I'm wondering, if possible, how I can get this result data and
[jQuery] jQuery Crash - IE7 on use of Back Button with .html() method
I've got a script that gets info from a PHP page via JSON. Normally the script responds to clicks on a form, dynamically loading results. In this mode of operation I found the script worked fine in all browsers except IE7, where the following line would cause the time for the jquery to be executed to increase massively for every additional result: $(output).find('a.list').click(function(e){ $(this).shortList(); e.preventDefault(); }).end().appendTo('#results');
[jQuery] pages of 8 thumbnails
hi, i need help to divide the images in groups of 8 images..currently i m showing 20 images in a div 'stripviewer' but now i want to show them like paging. i click next and get the next 8 image.. ------------------------------------ if(this.id=='mygalone'){ if($(this).find('li').size()>8){ var t1=[];var t2=[];var t3=[];var c1=0,c2=0,c3=0; $(this).find('li').each(function(b){ if((b>=0) && (b<=7) ){ //getting first 8 images in array t1[c1++]=$ (this).find('li').find('img').eq(b).attr('src'); } else
[jQuery] sortable update problem
I am using sortable and using the update feature to post the order $("#2").sortable({ //connectWith: ["#homePage","#acquire","#build"], items: "li", opacity: "90", revert: true, placeholder: "sortHelper", activeclass: "sortActive", hoverclass: "sortHelper", dropOnEmpty:true, update: function(element, ui) { $.post("addLinks.php",{ step:'update',order:$(this).sortable ("serialize")}); } }); it seems that update doesnt
[jQuery] Clickable slideshow not working as expected.
Using the hover function, I'm showing a before/after version of a photo (I have 2 photos stacked using z-index): $(function() { $('.current img.after').hover( function() { $(this).animate({opacity: "0"}); }, function() { $(this).animate({opacity: "1"}); }); When an image is clicked it proceeds to the next image, using the removeClass and addClass functions: $('.current').click(function() { $(this).removeClass('current').addClass('invisible');
jqgrid stuck in zend
Hi all, i am creating the myfirstgrid example. and the local php file to return the xml data. Its working fine. When i am calling the zend action api, thats also return the xml its wont work. this.aoRecordableObjects is null httpData()()jquery.js (line 2883) onreadystatechange()()jquery.js (line 2754) [Break on this error] if ( xml && data.documentElement.tagName == "parsererror" ) but when i call the api in the browser its return the xml format. how can i rectify this. can any one reply me to solve
[jQuery] Jquery Save Layout
Hey, I have been trying for about a week now to be able to save the layout of my page, I am using sortable, dragable etc so that my users can create there own layout. I need away to save this layout either to a cookie or to a database so that I can reload there layout when they come back. Many Thanks Chris.
Next Page