[jQuery] news headlines
I have a latest news headline 'box' included on a home page and a seperate news page with the full stories on. The news page has a table with a heading newsheadline and i want the latest news 'box' to just grab the top 5 news headlines from the news page so i only have to update the news page. please help!! if you want to look at code, the pages are www.t-dub.co.uk/WHC/site/index.shtml (this has the latest news headlines box) and ...../news.shtml for the news page. Thanks
[jQuery] Help with cross-site form validation?
I need to do validation on an email address via AJAX, and it has to happen cross-domain. I can get this to work fine using just jQuery's $.ajax method, but not when I try to turn it into a validator plugin method. As a validator method, it does the XHR call fine, and I see the results I expect in the console, but it seems to flag everything as invalid. The method is here: http://pastie.org/447779 I think I'm just bad at writing custom validation methods, b/c as I said up top this works fine as a
Please help to display simple $.dialog(); need idea, stuckd
HI, I wanna display a dialog using JQuery in my ASP.NET page. I used the following code, but it doesn't popup any dilalog, instead it display plain text on my output. What I'm missing here., any idea/help appreciate .. I'm very new to JQuery but wanna get quick start. I tried with http://jqueryui.com/demos/dialog/ too, but when I integratred with ASP.NET 3.5 and it doesnt work. (I'm using IE Eight) I used this link for this code. http://mdrisser.r1designs.net/blog/?p=3 code sample. <%@ Page Language="C#"
[jQuery] I'm using jquery colorbox for video and picture, it is auto-resized
http://colorpowered.com/colorbox/
[jQuery] Plugin development - how to access the current object from a "sub-method"?
Supposing I have this: jQuery.fn.myPlugin = function(){ //.... }; jQuery.fn.myPlugin.myMethod = function(){ // ? }; $('#test').myPlugin.myMethod(); How can I access the current object or element collection from inside jQuery.fn.myPlugin.myMethod? Is it possible at all? thanks, - ricardo
[jQuery] Showing page after events bind
Hi there, I am developing a website and am wondeirng, what happens if the user clicks on a button or a link even before the event gets binded to it. I am attaching events on DOM ready function, but am thinking if there is a way to not let the user interact with the page until i want them to - what would be the best solution for this? Any help is highly appreciated Thanks Vru
[jQuery] Strange parent > child selector behaviour
I am trying to build a nice class heirarchy for a nested list menu using the following html: <div> <ul> <li> <ul> <li> <ul> <li></li> </ul> </li> </ul> </li> </ul> </div> Using this function: $(function(){ $('div > ul').addClass('primary'); $('div ul.primary li > ul').addClass('secondary'); $('div ul.secondary li > ul').addClass('tertiary'); });
blackberry support?
Hello, I'm new to the site and looking for some guidance. I'm developing a database driven site, and the users want a blackberry version. I ended up using the compressed version of jquery, as the full version causes blackberries to become unresponsive. When I test the site using the full jquery file (and a blackberry emulator from RIM that doesn't choke on the file size), I can use things like .get to get and display info from another page without having to leave the current page. However, once I
[jQuery] jQuery.com homepage "News from the jQuery Blog" not up to date?!
The jQuery.com homepage's XXXXXXXX currently shows "jQuery 1.3.1 Released" as the most recent blog post, yet if you look at the blog (or RSS) there have been 6 blog posts since, including the jQuery UI 1.7 and jQuery 1.3.2 releases! Presumably there's some server-side caching going on here and it hasn't updated since some time between the 22nd and 29th January. Please fix this urgently, as many people visiting jQuery.com may fail to realise that much has happened since then!
[jQuery] Help Me Optimize My First JQuery Script (Extinguish The Early Flames of Bad Practices)
Hello, I'm just starting to delve into JQuery, and I'd like to extinguish as many bad practices as possible. I wrote my first script from scratch a few days ago, and here is an outline of what I wanted the script to do:
Problem With a Loading Gif & Innerfade
Hi all, I'm completely stumped (which isn't difficult, because JQuery and I don't get along well) and desperately need some help. I have a site that utilizes the JQuery plugin, Innerfade. It pulls images from a MySQL database query, then rotates the images using JQuery. However, Firefox 3 does some weirdness when it loads the images, and I'd like to get past this by displaying a loading gif until the images completely load. So I'm trying to finagle this using JQuery, and I'm having no luck whatsoever.
[jQuery] preloading a div
hi i'm new to jquery and got a problem concerning the preloading of content. before changing the content dynamically i want to fade it out. so i tried this: $("#div").fadeOut(); $("#div").load(url); $("#div").fadeIn(); this works quite good. there is just the problem that the content fades in immediately after fading out - there is no time for the loading of content. a guy in the irc-channel told me to use a callback function... but i do not really understand :( can anyone help me? thanks!
cross domain validation w/ validator?
I need to do validation on an email address via AJAX, and it has to happen cross-domain. I can get this to work fine using just jQuery's $.ajax method, but not when I try to turn it into a validator plugin method. As a validator method, it does the XHR call fine, and I see the results I expect in the console, but it seems to flag everything as invalid. The method is here: http://pastie.org/447779 I think I'm just bad at writing custom validation methods, b/c as I said up top this works fine as a
[jQuery] Calling a function from a non-jQuery .JS file
I am new to jQuery, but understand enough to have already begun targeted experimentation. I have run into a snag. In brief, I am trying to call a function from a .JS file that contains no jQuery and assign it to an HTML tag in a Dreamweaver template via jQuery that is located in a different .JS file. The code is as follows: JQUERY CODE $(document).ready(function() { $("div").filter("#today").toDate(); }); The expression toDate() is the function that I try to call. MY DREAMWEAVER TEMPLATE (HEAD TAG)
[jQuery] A little help needed with form processing and page redirects
Hi. I have what I feel like should be a simple problem, but I'm having a hard time sorting it out. The page is located here: http://staging.pixelluxe.com/tbs/ I apologize in advance that all the code is on one line - client request (also, the inline styles are their requirement). Anyway, this is a simple quiz. There are 8 multiple-choice questions in sets of radio groups. Each radio group has four possible answers with values of 1, 2, 3, or 4. On submit, I need a script to add up the user's selections
[jQuery] Ajax request -- passing additional paramters to success method
Is anyone aware of a way to pass some additional context information to the "success" function of an ajax request?<div> </div><div>For instance, here is my code which works fine:</div><div> </div><div><div> $.ajax({</div><div> type: "GET",</div><div> dataType: "json",</div><div> url: tUrl,</div><div> success: GotNewData,</div><div> error: GetDataError,</div><div> complete: AjaxRequestComplete</div> <div> });</div></div><div> </div><div> </div><div>To the
[jQuery] Validation and Facebox
Hello, Ive been using the Validation plugin on my site and it works fantastic. i have run into an issue with trying to get it to perform validation on a form that resides in a facebox. I setup the validation the same as any other form in the site. what could i be missing?
[jQuery] [validate] Different error message containers for different inputs
Hi, I'm not sure if what I'm about to ask is really feasible, but thought I'd at least try asking. Essentially, I have a form using the JQuery Validation plugin, with a few fields and a pretty basic set of validation rules. Nothing fancy at all. I've set the location of form error messages using the 'errorPlacement' option, sending them to the next div from the element in question with a class of "formwarning". It all works just fine. The thing is, for a rule of a particular field, I'd like to have
[jQuery] jQuery sessions (persisting data across pages)
Personally, I find the .data() function in jQuery very useful. I can keep my html clean, and just attach data to the elements. What I'm finding myself needing though, is a way to persist some data client side across pages. Unfortunately, it wasn't as simple as $(window).data('key', 'value') Aside from cookies and appending to the url, is there a way to accomplish this client side? I couldn't find a plugin while searching yesterday that would accomplish this, and was hoping someone here had an idea.
Ajax call with html returned to a dialog box
Hi all, I'm having trouble getting this to work. Can somebody please verify my code? I have this function set as an onclick on a text link. When I execute the function It shows in the div but it does not pop up the dialog box. Thanks all. function mhistory(){ $.ajax({ type: "GET", url: "request_history.jsp", dataType: "html", success: function(html){ $("#dialog2").html(html); var
[jQuery] jQuery Form Validation
Hi, I am new to jQuery. I follow the example on http://docs.jquery.com/Plugins/Validation/Methods/email to add rules to a form validator. When I modified the rules to email: true (required: false), the script seems to stall there, no error message nor a check. Can someone tell me if I am doing anything wrong here? What I want is to let the validation pass if the optional fields are valid when they are filled or they are left out empty. I can, of course add an extra script like... if (($("#field").val()
[jQuery] Code Slider problem
I am trying to implement the coda slider javascript as seen on the jqueryfordesigners page: http://jqueryfordesigners.com/coda-slider-effect/ I have it working on FF/Safari for Mac, as well as IE for Windows. However, strangely, it will not work properly on FF for Windows. Though it loads and scrolls, all of the elements are visible in a line across the page, instead of hidden except for the one panel between the arrows. Any ideas? www.danielsato.com/test
Very strange bug with toggleSlide and animate
Hi fellow geeks I am developing on this site at the moment; http://www.thombler.com/myblocs/v2/ If you click the "gallery" link in the top, you should see a perfectly working slide animation.. However, if you click "about", and then click the "gallery" link, it will begin the animation, but get stuck halfway through, and then refresh the main page. The strange thing is that it's the same php file that's included on both the home page, and the about page, and the ONLY content is the "HOME" + "Welcome
[jQuery] Count how many checkboxes are checked
Hi, I'm new to JQuery and I have a question about checkboxes. I have 5 checkboxes on my page and they are passed into my plug-in. I'd like to find out how many of them are checked in my plug-in. The following code works but I'm sure there is a better way to do it (especially the part of the code that figures out the number of checkboxes checked). Any suggestions would be appreciated. Thank you. ===== In my aspx page: // $('.category-list') returns a list of 5 checkboxes. $(function() { $('#info-heading').createCategoryGroup($('.category-list'));
[jQuery] jQuery.autocomplete skipping GET calls...
Hi, This is the version of jQuery.autocomplete I'm using... * Revision: $Id: jquery.autocomplete.js 5747 2008-06-25 18:30:55Z joern.zaefferer $ I'm having a problem with autocomplete skipping GET calls. I have a thread already open over at stack overflow ( http://stackoverflow.com/questions/750670/bypass-all-cacheing-on-jquery-autocomplete1-02 ) so I won't go into too much more detail... Basically I'm monitoring the server side and as I type say 'arse' it is receiving: http://localhost/dynamic_seach?q=a
[jQuery] Superfish - Hide submenu on rollover of empty sibling?
Superfish is great. The mouseout delay makes drop down menus more usable. But submenus should disappear immediately when you rollover ANY sibling. Currently, submenus only "disappear" when you rollover a sibling WITH children (because the submenus have to change). If you rollover an EMPTY sibling (one without a submenu), any previously revealed submenu should ignore the delay and disappear immediately. Stated another way, the delay should be 0 when the user mouses over a sibling without children.
[jQuery] Autocomplete plugin for multiple form fields from a JSON source [autocomplete]
Hi there, I have a nicely formatted JSON file that looks like: { "stations" : { "F07A" : { "calibration" : "1212797922", "construction" : "1152736320", "calibrationplot" : 1222258922, "service" : [ "1186011098", "1209718352", "1213577558", "1214081337", "1220576523" ], "installation" : "1157069307" }, <snip> "S08C" : { "dlevent" : "1196697107", "removal" : "1192723069", "service" : [ "1127293181", "1154632570", "1157479149" ], "installation" : "1123277295" } } } It consists of the 'stations' object,
[jQuery] Check value when adding to array
I have input values that I am adding to a array. I would like to be able to check if any of them end in _test and if so, I need to set a specific value. Is there any, in an if statement, to check if an attribute of one of the input fields ends with _test? main_form.find('input').each(function() { arr_current_item2.push($(this).attr('name') + '=' + $(this).val()); });// End each
[jQuery] alert wont fire from page to page
I have a very simple piece of code. $(document).ready(function() { // var url = location.pathname; alert(url); }); When im on my home page it alerts the pathname like it should. but when i navigate to the next page the alert does not fire.... the firebug dom shows the new pathname..but the alert does not fire. the js files are across all of my views and the js file that contains this piece of code is in the source when viewed any guidance would be great. thanks
[jQuery] Basic Selector expression only work on Chrome, no other browsers
Hi, I have the follow simple html code: <div style="FILTER: progid:DXImageTransform.Microsoft.Gradient (GradientType=1, StartColorStr=#FFFFFFFF, EndColorStr=#7E003366); WIDTH: 794px; HEIGHT: 685px"> Hello </div> And I try to use follow code to get the div element: alert($('div[style*=FILTER]').length); In Google Chorme, it return 1, but on other browsers IE8, FF3, Opera9, all return 0. Any suggestion? Cheers,
[jQuery] Final Four: Grabbing Keys, Styling Columns, Pop Up Forms, Edit Select Lists?
Hi there - I am using jqGrid with ASP.NET and while it has really taken me quite some time to get this integration playing nicely, now that I've finally got things moving, I am so pleased. But, I have four things that I am still having some trouble with... #1) I have a table with some hidden fields...the key field is hidden and named ("ID"). In order to get the field to send along with the rest of the edit parameters, I had to show the field, but then it shows up as editable on the form. When I set
[jQuery] Superfish - text aliased until fade-in completes
Hi all, I was wondering if anyone has run into a problem with the text in a superfish menu looking like crap until the animation is done, and then it correcting itself. It's not a problem in FF3 (not sure about FF2) and it's a problem in IE6, 7, and 8. Any ideas on where to start debugging this one? Thanks, Dave
[jQuery] IE problem with each function
here is my code, it works fine in FF, but in IE, the "index" message did not popup. Anyone could give me a suggestion to figure out this? jQuery("#demoform dt").each(function(index,domEle){ if (jQuery(domEle).text() == "ISSN:") { alert(index); exit; } })
[jQuery] Assigning variable on click
Hi, One other quick question: I'm trying to assign a value to a variable when a certain element is clicked. Here is my code (wrapped in the normal jquery ready function) $("span.yellow").click(function(){ var color = '#f8e226'; }); $(".color-changer span").click(function(){ $(".title b").animate( { color: color }, 1000); $(".thick").animate( { backgroundColor: color }, 1000); $("a.link").animate( { color: color }, 1000); }); I am using the color plugin
Toggle divs - "replacing content"
Dear forum. I am new to JQuery and I am looking for the best way to toggle content. What I have is a login form and a recover password form. The recover password form is hidden (display: none;) and I only want to show it when I click the "recover password" button. This can be done with the .toggle() function, but I want to hide the login form and replace it with the recover password form Quick markup could be; <a href="javascript:void(0);">forgot password?</a> <div id="login-form"></div> <div id="recover-password"
Form menu displaying through popup
Hi, When I activate a popup in IE6 a form menu (multiselect), and only the form menu, shows through (on top of) the popup. I can provide more info, but was wondering if this was a common problem. Thanks!
[jQuery] [autocomplete] Sorry...
Jorn wants autocomplete posts tagged [autocomplete] in the Subject line so I'm just reposting a link to my last question (and coincidentally bumping my post ;-) so he might spot it! http://groups.google.com/group/jquery-en/browse_thread/thread/d07cc74a05342b7a or on Stackoverflow.com... http://stackoverflow.com/questions/750670/bypass-all-cacheing-on-jquery-autocomplete1-02 Thanks! Roger.
[jQuery] dialog drag problem in firefox
The dialog works fine in Safari and Chrome but not in Firefox even in the Demos of Jquery UI page, if you start drag the dialog sometimes the cursor escapes the drag helper of the dialog.
[jQuery] grabbing html and putting it back
anyone. Please look at the following example, useless code since it's just grabbing, html and putting it back again but I need to do this and more inbetween my problem is that it's just not working, my browser kindof crashing, not completely but nearly var mol_elements = $( '#molecules_holder' ).html(); $( "#molecules_holder" ).empty(); $( "#molecules_holder" ).append( mol_elements ); /pär
[jQuery] Handling html with javascript in .html()
When using $.ajax() i encounter some problems. With the ajax I'm calling a script that will return some html. When echoing the returned data, I can see that everything is returned including the javascript tags. When 'inserting' the returned data into a div on the screen, the javascript seems to be executed but i can't see it in the generated source! I cut it all down to some simple insertion of html into a div like this: $("#freediv").html('<h1 id="test">test</h1><script language="javascript" type="text/javascript">alert("Bla");</
Next Page