[jQuery] button is null
Hi! I've just made a jQuery plugin that validates a form and shows a tooltip to see the strings accepted for the field. Everything works fine, except when I switch tabs in firefox+firebug I get an error saying that button is null. It only shows that error when I use the tooltip (When I comment the line where I attach the tooltip the error is gone) . I guess that is some sort of events handling issues. Have you ever get that error? Thanks.
[jQuery] Tab scrolling
Hello, does somebody know if it is possible to build scrolling tabs with jquery? I don't know if you understand what I mean with scrolling tabs. I don't want to have a animation. I want to have tabs in a web page (like them which are used in most modern browsers) in one row. If I have more tabs than space to show them all I dontt want that they break to a new line. I want to have a little arrow to scroll to the next tab. Like in this example: http://extjs.com/deploy/dev/examples/tabs/tabs-adv.html
[jQuery] liscroll doens't work correctly!
Hello, I'm using liScroll here : http://alia.hdeya.com I don't know what's the problem ! Thanks & Regards, Mahmoud M. Abdel-Fattah
[jQuery] Can jQuery genrated tag to trigger handler?
Hi, all, I simply create a button to generate a hyperlick(or button) in html, can the generated link or button to call controller in mvc? here just simple code to illustrate my question: <script type="text/javascript"> $(pageReady); function pageReady() { var tag = "<a href='#' id='goto'>Generated Clilk</a>"; $("#go").click(function() { $("div#content").append (tag); }); $("a#goto").click(function() { alert("hello from genrated click!"); }); }; </script> </head> <body> <div> <button id="go"> Click
[jQuery] accordion - trigger *and* link possible?
I'm new to the jQuery UI accordion. I'm hoping to use it for a menu. I'm loving the "navigation" option. However, one of my team members feels strongly that, in order to avoid confusion, every user's click should load a page. It appears that the accordion widget prevents navigating to the href attribute of an element that is also a panel heading. The sub-items open and close fine but the href is ignored. I'm using a nested <ol> format to construct the menu. Am I missing something? Thanks. Steve
[jQuery] validation: show only certain errors messages
I am using the validation plugin. Very cool! I want it to only display the specific error the my email input and for nothing else. I just have a summary of "X errors" at the top and each field is highlighted yellow and bordered red. How can I have it only show the specific error for the email field and nothing else? Thanks Mike
[jQuery] jquery validation trailing comma error
Hey guys, i read about that trailing comma error in several other posts, but i just can't fix that problem. IE7 still submits the form even if the required fields are empty. Here's my jquery code: Hope you can help me. thanks in advance. var validator = $("#adventsform").validate({ rules: { anrede: { required: true }, vorname:{ required: true }, nachname: { required: true },
[jQuery] Notification when content was updated via AJAX
I'm having a little problem: There are two independent modules (I'm working in a drupal environment). Well, one module polls a table via AJAX request and the other module provides some services when a tr element has been clicked. BUT: On Pageload the click event is bound to the tr element. When the first module though polls in a new table, this table doesn't have the click event attached. What I need. My second module needs to somehow know when new content comes in via AJAX, so it can bind the click
jQZoom 2.2
I have spent the entire night trying to get jQZoom 2.2 to work correctly. I have looked through the site, with the 5 steps to get it going (http://www.mind-projects.it/blog/jqzoom_v10), but I must still be doing something wrong. Can someone explain this to me a little better? The zoom feature just does not load for me. All I am trying to do for now is load a single image with this feature. Thanks for your time.
[jQuery] Augmentation
Maybe what I am pretending to do is something that JQuery wants to avoid, but I am very frustrated with the following idea. Let's image we have a simple "class": $.widget( "ui.mywidget", { ... f: function ( ) { .... fff( ) ; ... } .... // to be overriden fff: function( ) { } } ) ; and now I create a div element that "extends"[1] "mywidget": div = $(document.createElement( "div" )).mywidget( ) ; what I want to do is to "define the fff" function in a way, that when it is called from f (div.mywidget(
[jQuery] thickbox and blockui conflict
i appear to be having a thickbox and blockui conflict. blockui works on the page fine until i open and close a thickbox. i am using tb_remove() to close the box. after which, i get a message in firebug that blockui is not a function. any ideas? thanks.
Newbie JQuery image fadeout question
Hello, all! I have a few quick JQuery questions. I found JQuery to fade my 2 images out and I have the Code and script. But I have a few questions, because I could not get it work. I am a newbie to JQuery. I read over some tutorials and blogs and I can't get it work. I have DWCS3. 1) I placed the JQuery Code in the head of the Code view on my page I want to JQuery to work. However, I got a parsing error for IE6 in DWCS3 when I placed the Code in page. The Code is below: <script type="text/javascript"
[jQuery] Back Button
Here is the scenario I am trying to deal with currently: I have a link that looks like: <a href="#" onClick="$.Content_Home();">Some Link</a> All the url links in this site look like this...onclick overrides. What I need to do is ensure that when a user clicks back, the actual prior jQuery function is called, and not the entire page. I tried the history plugin, and can not seem to get it to pick this kind of thing up. Anyone with direct experience on this kind of thing, please chime in with some
[jQuery] Adding IMG attributes
I'm trying to add several attributes to all my img tags but I'm not sure if they're both working. Could you verify if these are correct? $(document).ready(function(){ //add the width and height for each image $('img').each(function(){ $(this).attr('width', $(this).width()); $(this).attr('height', $(this).height()); }); //copy alt to title $('img').attr('title', function(){ $(this).attr('alt'); }); }); Am I doing the right thing?
[jQuery] Submiting custom attributes to server side with form pluggin
Hi everyone, I've been trying to use my custom attributes that are set on the client side from the server side code but it wasn't posible because the form pluggin doesn't seem to serialize these attributes when submitting the form via AJAX. If the custom attribute is predefined in the HTML markup of the element for example: <ASP:Label myCustomAttribute="someValue"... the attribute gets transfered fine and can be accesed from the codebehind code with (ElementId.Attributes["myCustomAttribute"]). But
[jQuery] Problem with prev() in IE
This code works fine in FF and Safari but (surprise, surprise) not in IE6. $("#LHNav ul").prev('li').each(function(){ alert("Loop"); }); I have narrowed it down to giving prev() some value to filter by. IF I try it like this: (notice the missing "li") $("#LHNav ul").prev().each(function(){ alert("Loop"); }); It works fine. Why does IE always have to be so buggy and particular?
[jQuery] Ajax, divs and links
Hello all ! So, I'm doing a site using jquery and what I have is this: I have 3 main divs. in the last one I have a form that sends the info to a servlet and this returns some html (links) and put via js in the second div. Then, when a user clicks in a link on the second div, I send the id of this link to other servlet and this sends back some html (links and divs). When a user clicks on a link in the first div, it should show or hide the correspondent div. My problem is: the link in the second div
[jQuery] autocomplete jquery plugin - multiple fields populated with webservice
Hi, What I try to do is to hook up the autocomplete plugin to multiple text fields. These fields are interrelated but not in a hierarchical way. Let's say there are 6 fields. When user starts typing first letter in one of these fields browser should query web service to gather the data for this field (the data are filtered by values taken from other five fields). I tried to make it work (making data reload in "focus" event) but I have not succeeded. Could you help me and point me in some kind of
[jQuery] Makijg a carousel plugin (jCarousel, jCarouselLite, and others) work with modal overlay?
Seems like every carousel plugin doesn't seem to work with any modal overlay. Meaning something like Boxy or Facebox. I think this is due to the carousel plugins looking for a height and width to set on the container element. One mentioned showing and hiding the carousel div to get the plugin to parse the width and height before it's hidden. However, this seems impossible if it's hidden because it's nested within a "hidden" overlay plugin modal like Boxy or Facebox. Anyone have a solution?
Issue with November in ui.datepicker.js. Any Ideas?
Hey all, I'm using the jquery ui datepicker for some forms in my site, but November seems to be out by 1 day. It's got the 30th as Monday not Sunday. When you go to December it shows Monday as the 1st. Anyone experienced this before and know what to do. <script type="text/javascript" language="javascript" src="lib/js/jquery.js"></script> <script type="text/javascript" language="javascript" src="lib/js/ui.core.js"></script> <script type="text/javascript" language="javascript" src="lib/js/ui.datepicker.js"></script>
inserting Ajax into an appended ul
First off here's the code: function getLastPost(id,reply){ var isReply = (reply != undefined) ? "&reply="+reply:"&reply=0"; $.ajax({ type: "GET", url: "./ajaxphp/getPosts.php", data: "amount=1&ID="+id+isReply, dataType: "html", success: function(data){ if(reply != undefined){ if(!$("#post-"+id+" > ul").hasClass("postReply")){ $("#post-"+id).append("<ul class=\"postReply\"></ul>"); } $(data).hide().prependTo("#post-"+id+"
[jQuery] [Beginner alert] How do I output the selected part of the DOM in a web page in a JS alert()?
Hello, Consider the code snippet at the end of the post. It alert()s me by returning the selected text. The problem is that window.getSelection() only returns plain text. No indication of the html tags, of the classes, nor any kind of DOM. I think that jQuery has something more complete than window.getSelection(), but I was not able to find it reading the docs and searching Google. I'm a beginner with jQuery, as you've probably figured right now. The ultimate goal would be to filter the selection
Help with vertical sliding nav - need current link function!
Hi there, I am new to Jquery and have done a little javascripting before but basically don't know enough yet: I'm working on a dynamic asp.net site (just front end, programmers doing the backend!), and this style of menu which I found on this web site was exactly what i was looking for: http://www.stunicholls.com/menu/jquery-slide-1.html - I've implemented it onto the site I'm working on but I now need to add a function so that when the user clicks on a link and is taken to a new page, the submenu
[jQuery] Only showing three images
This is probably something extremely simple, so forgive my newbie- ness. I'm using the jcarousel script on the following page: http://gailang.clearconceptsdesign.com/web_design-zh.php (please ignore the mess). It seems to work just fine in Firefox and IE 7, but in Chrome it shows the first three images and then is blank. Can anyone spot my error? Can I provide anything to make it easier to receive help? Thanks for any assistance anyone can provide.
[jQuery] cluetip feature request: disable; clear cache
Hello, I'm enjoying the jquery cluetip plugin -- it works very nicely and does what I want it to. But I have two requests. (1) $(foo).cluetip('disable'); This would disable the cluetip on a specific element or array of elements. $(foo).cluetip('clear_cache'); This would invalidate the cluetip cache for a specific element or array of elements, so that the next time the elements were hovered their cluetip contents would be reloaded via AJAX. In the current usage, could this already be achieved by simple
[jQuery] Livequery Forms
Here is my situation. I am loading forms with ajax on the site. I want the form responses to load in the same spot when i submit. I can use livequery and get the first form to load with 'click' event, but when i get to a form that calls a second form i cannot get livequery to fire. How can i have it fire on both the 'click' and 'submit' events? This works for the first part. What do i add to get it to fire on submit functions too? $('#myform').livequery('click', function() { var options = { target:
[jQuery] Livequery Forms
Here is my situation. I am loading forms with ajax on the site. I want the form responses to load in the same spot when i submit. I can use livequery and get the first form to load with 'click' event, but when i get to a form that calls a second form i cannot get livequery to fire. How can i have it fire on both the 'click' and 'submit' events? This works for the first part. What do i add to get it to fire on submit functions too? $('#myform').livequery('click', function() { var options = { target:
[jQuery] Links within links, and overriding clicks.
Just wondering... When you have a link within a link: <a id="main" href="#">This is some long row of test and here is a <input type="button" id="clickme" value="button" /> and some more text</a> ...how do you override the parent click event?
[jQuery] [tooltip] Cannot get tooltip to bind
I am using the jQuery Tooltip Plugin from http://bassistance.de/jquery-plugins/jquery-plugin-tooltip/. Great plugin. I am AJAX loading some content into my pages and am attempting to use Live Query to bind the tooltips to some of those links. Is not working: $('.thumb-ttr').livequery(function(){ $('.thumb-ttr').tooltip({track:true, delay:0, showURL:false, showBody:' || ', opacity:0.85}); }); I also made an unsuccesful try using a focus event: $('.thumb-ttr').livequery('focus', function(event){ $('.thumb-ttr').tooltip({track:true,
[jQuery] jQuery loop help
First off, I apologize if this is too "noobie" a question or has been answered somewhere else (I can't find it anywhere). I'm new to jQuery, and I'm trying to learn some basics. Anyways, I'm stumped on the following. How can I convert this to jQuery? var links = ... // Holds an array/ collection of links function myfuction(param){...} // Just a generic function that accepts a parameter for(i=0; i< links.length; i++) { links[i].onclick = myfuction(i); // note that the fuction is being passed the loop
[jQuery] [jEditable] select editinplace has empty pulldown
I'm trying to set up some <select> form elements for in-place editing using jEditable, but in every case the pulldown is always empty. Firebug doesn't reports any errors or problems. As far as I can tell, I'm doing this according to the documentation at the jEditable site. Is this me again? Test case at http://apache.pastebin.ca/1271389 Content-type is application/xhtml+xml;charset=UTF-8, but it doesn't seem to make a difference if I change it to text/html.
addClass and removeClass kinda working? Need help fast.
Ok well i got the removeClass to work, but when i switch functions and show my other content in my div tags the addClass does not work. Here is what i'm doing. I have content which i'm showing and hiding. When i have one of the div tags (the content) shown i want the tabs or links that you click to show the content to be highlighted a different color when you are on that active content. Well it works when i want to remove it as i sad earlier, but when i click the other link to show the other content
[jQuery] AJAX doesn't work on remote server
I need some help because of great confusion that make me crazy. I have ajax query function which works fine on firefox, ie (both 6 & 7) locally and with firefox on remote server. But it fails on ie (both 6 & 7) if I use it on remote server. I have PHP code http://www.pastie.org/289451 that generates js code http://www.pastie.org/289453. What am I doing wrong? Error function for some reason is called earlier then timeout passes. I always get error function called when I try to execute get_response()
[jQuery] jquery form plugin: fieldValue vs. val
Greetings! I've seen http://docs.jquery.com/JQuery_1.2_Roadmap#Form.2FField_Serialization http://docs.jquery.com/Release:jQuery_1.2/Attributes. Is fieldValue() still better then standard val()?
[jQuery] [validate] Working with TinyMCE
I am having problems getting my TinyMCE text areas content to be seen by the jQuery Validation routine, has anybody got or can point me at a simpletons guide to getting this work as everything I have found via Google so far either doesn't work, is incomplete or I simply don't understand ! Thanks, Dave Buchholz I-CRE8 http://www.i-cre8.co.uk Skype ID: I-CRE8
[jQuery] Selector bug?
<span style="font-family: verdana,sans-serif;">Am I right that both of these should be identical?</span> <span style="font-family: courier new,monospace;">$('#linkList tr:gt(0):odd td:first').text();</span><br style="font-family: courier new,monospace;"> <br style="font-family: courier new,monospace;"><span style="font-family: courier new,monospace;">$('#linkList tr:gt(0):odd').find('td:first').text();</span> <font face="verdana,sans-serif"><span style="font-family: verdana,sans-serif;">The first
[jQuery] Appending text works; appending element doesn't
Test case at http://apache.pastebin.ca/1261109 When the H1 is edited and the OK button clicked, the callback is invoked. It *should* add some plaintext to the end of the H1 content, and also a <span> element. However, it doesn't add the <span>. I have run through this with Firebug and set a breakpoint in the callback. I haven't stepped into the actual jQuery code because I'd get lost ;-) but I verify that plaintext gets added but <span> doesn't. However, while halted in the callback, I can manually
[jQuery] getJSON doesn't run the function inside
Hi all ;) I'm very new to jquery. I'm playing with JSON and have some prob to retrieve the result. Here is the client side: <script> $(document).ready(function(){ $("#IdEmailField").blur(function(){ alert("FOO1"); --> it works $.getJSON("test.php", function(json){ alert("FOO2"); --> it doesn't work }); }); }); </script> Here is the server side: <?php echo "foo"; ?> It seems it doesn't go inside the function. Any idea ? regards, f.
[jQuery] Shadowbox rel-links and AJAX?
Hi! I'm currently working on a project that loads content (linked images) on a page using AJAX. A click on a link is supposed to open up a corresponding slideshow (flash) using Shadowbox. (Shadowbox is similar to Lightbox, but can serve all kinds of media - not just images. http://www.mjijackson.com/shadowbox/). Now to the problem at hand: Shadowbox uses the rel-attribute of the a-tag to make the slideshow load in a shadowbox and not like a regular href-tag. But since the content is loaded dynamically
[jQuery] Generic Handler returning JSON
Hi All, I am trying to get data back from the server by passing JSON values from jQuery. Find below my code: $("#btn").click(function() { $.ajax({ url: "http://" + location.host + "/AJAXSample/ GenericHandler.ashx", data: {name: 'Ted'}, type: "GET", dataType: "json", success: function(data) { var myarray = eval('(' + data.responseText + ')'); alert('Hello ' + myarray.Result); }, error: function(xhr) { alert('Error: ' + xhr.status + ' ' + xhr.statusText + ' ' + xhr.responseText); } }); return false;
Next Page