[jQuery] horizontal menu
Hello, is there a plugin to have an horizontal menu like this http://www.phatfusion.net/imagemenu/index.htm? Thank you, Luca
[jQuery] [tooltip] Something left in your test page
Hi Jorn, I would like to request you to add a tooltip in your select box that you use to test bgiframe. Actually it work well, but try to put in your demo page a tooltip and a title in select box in your test page: http://jquery.bassistance.de/tooltip/demo/ Try to test this: $("select").tooltip(); Note when you are choosing a option, the firefox looses the correct position and the tooltip keeps behind the options and all browsers. Any idea how to solve this? Your plugin is almost 100%, it just lack
[jQuery] jquery validate, addMethod strange behaviour
Hi there, I have two issues here: a) When adding a method to the validator the message does not return on an error b) Even though the added method returns false the submit handler still submits the form. Any suggestions? Here the code: $.validator.addMethod("userExists", function(value, element) { var r = true; var jqe = $(element); jqe.parent("td").next().children("div").empty().append(' <img src="images/validate_loader.gif" width="16" height="16" />'); $.get("ajaxindex.php?module=validate&action=username",
[jQuery] Validation Plugins: how to add global error
Hi all, some question about the validation plugins. There is a form with: - some search fields - a table of search result with checkboxes - some buttons to do next action with checked records Currently, the form is placing error message after each search fields. However, I also want to validate the button click, so that user must check something before proceed to next. So it would be inappropriate to display error messages after checkbox. I want to place a <div> and says 'Please check records before
[jQuery] jQuery code comments - Is that Javadoc or something else?
Hi, In many jQuery plug-ins and JS code using jQuery, I find comments at the top of the source code like this: /** * SomeFunction - Some comments. * @requires jQuery v1.2 or above * @example * */ This looks like Javadocs to me, but there are certain fields that don't seem to be in the Javadoc documentation: http://java.sun.com/j2se/javadoc/writingdoccomments/index.html#tag Fields like @example and @option are not in the Javadoc specifications, however. Is there a URL that discusses how to write jQuery
[jQuery] links in accordion plugin?
<html><body style="word-wrap: break-word; -webkit-nbsp-mode: space; -webkit-line-break: after-white-space; "><div style="word-wrap: break-word; -webkit-nbsp-mode: space; -webkit-line-break: after-white-space; "><span class="Apple-style-span" style="font-family: verdana; font-size: 13px; ">Hello, I have a page at <a href="http://www.consultwebs.com/videoNEW.htm" target="_top" rel="nofollow" style="font-size: 1em; color: rgb(90, 54, 150); ">http://www.consultwebs.com/videoNEW.htm</a> which uses the
[jQuery] jquery hover in ie
Hi, I have a small problem when using the hover effect in ie (6 and 7) When hover is applied to the area tag (hotspots in an image map) it doesn't seem to fire the events, but mouseover and mouseout do (which I ultimately used to solve the problem). so area.hover( function() {alert("on")},function() {alert("off")}); didn't work but area.mouseover( function() {alert("on")}); area.mouseout( function() {alert("off")}); did work. Any ideas? Thanks, Jarrod
[jQuery] links in accordion plugin?
Hello, I have a page at http://www.consultwebs.com/videoNEW.htm which uses the accordion plugin to run those tabs you see where the video is. It works fine but none of the links works in the tabs, and some of them disappear. Like under the "Example Videos on Consultwebs' Client Websites." heading. When you click on the links it closes the tab instead of going to the page I want. How do I get the links working in the paragraphs? Anyone know the problem? thanks alot! -- View this message in context:
AJAX with jQuery
Hi, i've been working with jQuery for about 1 month and i have a question about the right way of working AJAX with it. What i normally do when starting a new proyect is create a series of folder where i will put my files (ie.HTML/ for my .html, JS/ for my .js, CSS/ for my .css, IMAGE/ for all my .png,.jpg,.gif,etc. files and so on), and in my root folder i place a index.html file that the name says it all. In this index.html file is where i put all my menu,etc. and where i put a DIV (ie. id=content)
[jQuery] JSONP timestamp parameter (Answered)
I'm re-posting this message, which I originally posted to the Development list by my mistake, for those to find on a search for a similar problem. Answer included: --------------------------------------------------- I've written a Picasa Webalbum integration script that uses the JSONP calls for collecting the necessary data from the Picasa API feeds. I had to adapt jQuery (v.1.2.3) to NOT include the timestamp (&_=12345678) to the request because this results in a "Invalid Query Param" from the API.
[jQuery] Attach Event to "Class" Instantiation
This is a bit of an irregular question - but is it possible to assign an event to a class instantiation? For example: function Person() { /* constructor code */ } var bob = new Person(); // event gets fired here
[jQuery] jQuery with jquery.corners displaying differently in IE6 than FF
I have a horizontal menu that with the use of jQuery and a plug in jquery.corner.js I am rounding the upper left corner. It appears fine in FF but fails to work properly in IE6. Also, in FF the area to click on is very small - not even the width/height of the text. Is this due to the numerous divs that are added? Here is the HTML: HTML Code: <div id="header"> <div id="nav_wrapper"> <div id="nav"> <ul> <li><a href="/apply/">APPLY</a></li> <li class="divider">|</li>
Fade out Div, Load content then Fade in
Ok... i'm only very new to jquery and im only finding my feet. I have tried for 2 days... tried reading the jquery docs site for help, but nadda. This is my site as it is now http://www.thebigempty.net This is the code im using <script type="text/javascript"> function loadContent(id) { $("#mainbodycont").fadeOut("slow", callback(id)).fadeIn("slow"); $("#nav").fadeOut("slow", callback(id)).fadeIn("slow"); } function callback(id) { $("#mainbodycont").load("data.php?o="+id+"");
[jQuery] ... new posts not working? ...
.... tried putting up a post twice today with no joy, whats going on?
[jQuery] Tablesorter parsing question
Hi, I have a column I want to use tablesorter to act on. It's a time column, where the times are in the format mm:ss.tenths, e.g. (10:12.2, 15:12.2). Times of under 10 minutes are 7:12.4, 9:12.5. Tablesorter deals with these by sorting them, in ascending order, as 10:12.2, 15:12.2, 7:12.4, 9:12.5. How do I get it to treat them as purely numeric. Do I need to create an additional parsing rule for this column. If so, what would it look like? Thanks, David
[jQuery] How to get the first matching parent of each element?
Dear jQuery collective, My jQuery foo is failing me, is there an elegant way to return the _first_ matching parent of each element in a collection? For example on this test page, I would like http://mqlx.com/~willmoffat/learn_feature/jquery/first_parent.html * a list of parent .containers that contain .clickables * but not the top-level .container since that doesn't directly contain a .clickable $('.clickable').parents('.container') - fails the 2nd condition $('.clickable').parents('.container:eq(0)')
[jQuery] Problem in IE6 with empty() and replaceWith()
Hi, I'm new to jQuery so I may miss something obvious... I created a script that create/update a second select list when a choice is made in the first one. Works fine in Firefox but only partially in Explorer. There is 2 problems: On line: if ($("div#categories").length > 0) $("div#categories").empty(); it do resolve the condition but don't execute empty() Same for replaceWith at the end of the script. $(document).ready(function() { $("select#quantitesType").change(function() { var type
[jQuery] Set src of image in containing div of this div ?
Hi, I'm fairly new to jQuery so bare with me. I've had a search on the forums, but if its already been answered i apologise.... I'll show the code first...easier to explain <div class="product"> <div class="display"> images/bedroom.jpg </div><br /> <div class="thumbs"> images/thumbs/bedroom.jpg images/thumbs/bedroom1.jpg images/thumbs/bedroom2.jpg </div> </div> <div class="product"> <div class="display"> images/tables.jpg </div><br /> <div class="thumbs"> images/thumbs/tables.jpg images/thumbs/tables1.jpg
[jQuery] Tablesorter parsing question
Hi, I have a column I want to use tablesorter to act on. It's a time column, where the times are in the format mm:ss.tenths, e.g. (10:12.2, 15:12.2). Times of under 10 minutes are 7:12.4, 9:12.5. Tablesorter deals with these by sorting them, in ascending order, as 10:12.2, 15:12.2, 7:12.4, 9:12.5. How do I get it to treat them as purely numeric. Do I need to create an additional parsing rule for this column. If so, what would it look like? Thanks, David -- View this message in context: http://www.nabble.com/Tablesorter-parsing-question-tp16300427s27240p16300427.html
[jQuery] attr() fails sometimes.... (using droppable and draggable)
I did initially post this over on the jquery UI group, but the concensus is that its not really a ui issue, its a jquery issue... so im posting here. Sorry to just join without introduction, this issue is doing my head in... First off, firefox + firebug is a must, some console.debug'ing going on. ----------------------------------------
[jQuery] Modifying Cycle plugin to first check next slide image is loaded
Hi jPeople, Switched from innerFade to use the Cycle plugin's pause and resume functionality. Works great thank-you! I am looking for a way to check if the image contained by the next slide is loaded before displaying it. The lovely fade effect falls flat when the next image is only half loaded. Modifying the innerFade plugin to do this was straight forward. Wrapping most of the contents of the 'next' function in an if statement did the trick: if ($(elements[current]).find('img').length > 0 && $
presistence menu jquery
var $_GET = []; var vars_area = location.search.substring(1); if(vars_area.length > 2) { var get_sets = vars_area.split('&'); for(i = 0, k = get_sets.length; i < k; i++) { var parts = get_sets[i].split('='); $_GET[unescape(parts[0])] = unescape(parts[1]); } } http://jasity.awardspace.com/menutesting/menu.html?lvl2=mn1&lvl3=mn11&lvl4=mn111 ok the above code is supposed to do what PHP $_GET[''] does but i cannot seem to get it to work the idea
[jQuery] Loading a form via ajax load and then submitting with ajax form helper not working.
I am having trouble getting a form to submit using the jquery form helper. I load the form with jquery load which works fine. Then if I try to submit the form using the form helper it doesn't seem to find it. I assume the DOM is not being reparsed for the html loaded by the ajax call. I am sure I am just making some basic error. Below is my javascript function, my html and the initial link which loads the form initially. I am a javascript/jquery beginner so any help or code examples would be very
[jQuery] [tooltip] tooltip in select
When you hover a tooltip in a select, it should disappear when you are selecting a option. In this case, the tooltip are putting the box of tip completely in wrong place. And worse: when you are hovering the option the tooltip keeps behind them, whats its strange user experience. I try to solve this problem with this code $("select").click(function(){ $.Tooltip.blocked ? $.Tooltip.blocked = false : $.Tooltip.blocked = true; $("#tooltip:hidden").length ? $("#tooltip").show() : $ ("#tooltip").hide();
[jQuery] Works in FF2 but not IE7
Hey group, I've been battling with this all day. any help would be appreciated. I'm quite new a jQuery so it could be something obvious and simple. also, feel free to give me any advice related to the rest of my code if you feel compelled. what i'm doing is, loading via $.ajax, pages on my server and populating my main div "contentcenter" with the returned html. without pasting a bunch of confusing code on here.. I think the problem boils down to this. if the returned page is to have a submenu then
[jQuery] Making a fading rollover
I am trying to make a rollover button using 'fade' and 'hide'. I have 2 images absolutely positioned on a page, one exactly over the other and the 'lower' image starts with 'display:none;'. I want to fade out the 'top' image such that it appears that the lower image is fading in. I have used: $(document).ready(function () { $('#case').mouseover(function() { $('#case_over').fadeIn(250); }); $('#case_over').mouseout(function() {
Troubles with bind('click') in IE ?
Hi I have been banging my head over a small piece of jQuery I have written to use for navigation. basically I am binding a click function to <li>, based on what <li> was clicked it opens its respected "grow div", then fades content in. I work on a mac desktop, non intel based, which I am unable to use to debug IE. I have to run to remote locations to test, then run back and attempt to fix. However the local library doesn't allow me to debug what soever, so I have ran myself into a corner! I have
[jQuery] coda-slider bug in IE
Using the coda-slider.1.1.1 plugin works in Firefox but there is a bug in IE. It seems that the floats are not working within the 'scrolling' div so that the items don't wrap. See example: http://www.lib.byu.edu/hbll/dev/news_beta.php Can someone tell me how to make it work in IE?
[jQuery] Different action depending on responseText from form plugin
This is probably a silly question, but I'm new to jQuery. Anyway, I have a thickbox iframe with a form in it. I'm also submitting the form using the Form Plugin. Everything works great, it spits out the response text just fine, and I'm pretty much floored at how clean things are. What I'm trying to do now is to get the thickbox to close if the responseText doesn't contain the word "error." So if there are no errors, the thickbox will close itself automatically, and if there are, the box will remain
[jQuery] Event namespacing - how to see the full event name?
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> </head> <body bgcolor="#ffffff" text="#000000"> <font face="Arial">Hi, I've been triggering several events as follows: $('.foo').trigger('bar.update'); </font><font face="Arial">$('.foo').trigger('bar.show'); etc... If I listen to the bar event on foo: $('.foo').bind('bar', function(e) { // e.type = 'bar' }); The event type property is always "bar" - how do I work out if "bar.update" vs. "bar.show" was triggered? I might
[jQuery] Treeview +/- Icons are inert
My treeview pics are inert. You can click text associated with them to expand/collapse the menu, but the +/- icons do not respond. Does anyone have an idea why this might be so? See: http://www.scooterworks.com Thanks, Noah
[jQuery] update a select field by ajax
Hi that is the first time I use the Ajax functionality of JQuery and I face so many problem. I meant that to update my select field by Ajax I need to do it by this way: $("#myId").change(function () { $.ajax({ url: "ajaxCallback.php", cache: true, type: "GET", data: "param=toto", dataType: "html" }); }); My php page display the complete field so: <select name="myId" onchange="load_select()" class="disable" id="myId"> <option value="1">Option 1</option><option
[jQuery] Tabs, AJAX, and wanting to degrade safely
I currently use the jQuery tabs plugin for displaying a static website I am working on. Since it's small, I initially just put the four pages together on one page and let the tabs plugin do its work as scheduled. Now, it's getting bigger and loading more and more, therefore making the whole experience slower to load. I already know that the tabs plugin can load external pages via AJAX, which just loads the pages from regular anchor links within the tabs. So, here's my problem. To have the pages external,
[jQuery] submitting the form by pressing ENTER
Hi, I have a form <form id="previewForm" name="previewForm"> with two buttons and a text field. What I would like is when I press enter on the text field, a JS function is invoked. What is the JQuery syntax to trigger this? Thanks, - Dave
[jQuery] How do you restore the defaultValue of select element after a change event?
I have a select which pops a modal (with blockUI) input when a select is changed. The modal is an Ajax mini-form with an "update" and a "cancel." The update works great but for cancel I need to be able to roll back the change() to the selection or else it appears from the user's perspective that it changed. I can't figure it out without going to a hacky hardcoded solution. $(".myType").change(function(){ // ... installing all my stuff; everything works // except reverting to selection before onchange
[jQuery] Select All Checkboxes and IE6
Hello, all. I've searched though previous threads hoping to find some clue, but am still having issues with the following page: http://beta.ksscholl.com/jquery/tablesorter.html Click on the top or bottom checkbox, then do a sort on the table (with the fine tablesorter plugin). The checkboxes retain their state ... except, of course, in IE6. Clicking individual checkboxes and sorting is not an issue, so I suspect I'm missing something in my select/ deselect all routines: http://beta.ksscholl.com/jquery/js/jqcheckboxes.js
[jQuery] Problem with Tooltip + select
Hi, I am with a simple problem using plugin tooltip. I apply the tooltip in selectbox. If mouse step in selectbox still closed it works perfectly, but when I click on the mouse selectbox and step through options, the property TOP of the DIV tag decreases so that the tooltip is out of the select. Thanks!
[jQuery] Treeview +/- icons not clickable
treeview 1.2.3 jquery 1.4 My +/- icons are inert. Users must click on text to expand/collapse the tree. http://www.scooterworks.com
[jQuery] Setting startValue for the second handle in a ui.slider range widget
Hi guys, I think this is my first post to the list, even though I have been subscribed for more than 2 years. Anyway, my question is simple and is mostly defined in the subject of this email. I'm writing a wrapper for the ui.slider plugin that takes a couple of selects as input and converts them to a range slider (two handles, from and to). These selects have pre-selected options in the original html (e.g. <option selected="selected">...), so I need to be able to transmit them to the slider. I think
[jQuery] On page load the height calculation in jScrollPane
I have jScrollpane used in my application. I have normal html page with static content and two images. In the first time when the page loads, it is displaying half of the page content with the cut image in the down in scrollbar area. But if i refresh the page or reloads the page, It is displaying with the full content. Please tell me what may be the problem here.. This is the URL where i am getting the problem. (http://59.144.40.60/ ipathshala/Modules/Public/goldentemple.html) Thanks in Advance
Next Page