[jQuery] .animate() custom animation callback?
hi, im using .animate() to create a custom animation. is there any way to handle a callback function? "normal" . animation() has a parameter for a callback function but not the one for own animations?
[jQuery] implemented css class not in html but is in generated html, failed to find
hi, here is the html source of a list. <li class="xsnazzy" > <a href="#frMap" style="text-decoration:none;text-indent:5px;"><b class='xtop'> <b class='xb1 '></b><b class='xb2 color_a'></b><b class='xb3 '></b> <b class='xb4 color_a'></b></b><span class="xboxcontent"> <h1>Map</h1></span></a></li> ------------------ here is the html source of a list. <li class="xsnazzy top-left tabs-selected" > <a href="#frMap" style="text-decoration: none; text-indent: 5px;"> <b class="xtop"><b class="xb1"></b><b class="xb2
[jQuery] [blockUI] Permit jQuery-wrapped DOM elements not currently in DOM as messages
Currently blockUI makes the assumption that any jQuery element that is passed in is a 'real' DOM element. To fix this, also check that the element also has a parent when performing operations on the parent. Since this list doesn't appear to have file-posting capability... here's an inlined patch to jquery.blockUI.js ... if attributions needed, attribute to "Thomas Harning <thomas.harning@trustbearer.com>" --- jquery.blockUI.js?v2.10 2008-10-22 19:42:20.000000000 -0400 +++ jquery.block.js 2008-12-05
[jQuery] forms validation problem
dear all, I'm new with jquery and I have problem with my code for forms validation. the error message cannot show up. I build the web site using django. my code as per following below: {% extends 'base_site.html' %} {% load i18n %} {% block breadcrumbs %}<div class="breadcrumbs"><a href="/">{% trans 'Home' %}</ a> › {% trans 'Update Profile' %}</div>{% endblock %} {% block head %} {% block title %}{% trans "Update Profile" %}{% endblock %} <link rel="stylesheet" type="text/css" href="/site_media/error.css"
[jQuery] "No element found" when firing $.post()
Hello together, just a short question: by firing a request via POST to the server side Firefox shows an "No element found" (in German "Kein Element gefunden") in its Error console (Firebug displays nothing). Example: $.post("/Portal/ReorderPortlets", { portlets: $("#portal").sortable ("toArray") }); I am a bit confused, could anyone bring some light into this? Thanks :) Thomas
[jQuery] jQuery UI 1.6rc5
When is this planned on coming out? Anyone know?
[jQuery] Selector *= not works in Safari 3.2.1 and Chrome 1.0.154.43
Hi all, Here is my situation. HTML Page DTD Type is declared as following <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/ TR/xhtml11/DTD/xhtml11.dtd"> Javascript Code as following $("#fp > option[text*='"+subject+"']").remove(); Where #fp is a <select>...</select> object Works fine in IE7 and FireFox 3.0.5 How can I fix this line or is a bug? Thanks in advance!
[jQuery] Weirdest thing on Firefox 3 on MacOSX
I encounter a rather weird problem where my plugin would run on all platforms except Firefox 3 on MacOSX, and since I don't have Mac I can not debug it. (this plugin uses jquery 1.2.6 and jq form, jq validation and livequery plugins.) This is still under development I can not post the link directly here, but if you can email me at yellow1912@gmail.com I will send you a link along with the steps to reproduce the problem right away I desperately need help here, I suspect this is somewhat a small glide,
[jQuery] jQuery (1.2.6) $.ajax and IE7 problem
Hi all, I have probelm with these pages http://83.240.47.84/skyrace2 under FF3 menu rules and submenu works fine, but under IE7 it is loosing data. What is wrong there? scripts: Menu: $(function(){ $("ul#menu li a:first").addClass('active'); $("ul#menu li a").click(function(){ $("ul#menu li a:only-child").removeClass('active'); $(this).addClass('active'); var href = $(this).attr('href'); $('#obsah>*').remove(); $.ajax({ url: href, success:
[jQuery] jQuery (1.2.6) and IE7 problem
Hi all, I have problem with these pages, check menu "Rules" and then submenu for rules. Under FF3 it works OK, but under IE7 it lost data from cache or what. Deos can somobody help me. Thx in advance. jQuery codes Menu: $(function(){ $("ul#menu li a:first").addClass('active'); $("ul#menu li a").click(function(){ $("ul#menu li a:only-child").removeClass('active'); $(this).addClass('active'); var href = $(this).attr('href'); $('#obsah>*').remove(); $.ajax({
[jQuery] [Plugin Release] Endless Scroll
Hi guys, Just thought I'd post this here in case anyone finds it useful. I have released a plugin for endless scrolling. If you don’t already know, endless scroll (or infinite scrolling) is a popular technique among web 2.0 sites such as Google Reader and Live Image Search, where instead of paging through items using the traditional pagination technique, the page just keeps loading with new items attached to the end. For more information including features, usages and a demo, check out: http://www.beyondcoding.com/2009/01/15/release-jquery-plugin-endless-scroll/
[jQuery] Code simplification?
Hi, I'm new to jQuery and liking what I've seen so far. I'm curious as to whether I can reduce my code, using chaining perhaps? Example... $('.nav_company').hoverIntent(function() { // toggle display of company sub menu content panel $('.nav_sub_default').removeClass('onscreen').addClass ('offscreen'); $('.nav_sub_company').removeClass('offscreen').addClass ('onscreen'); $('.nav_sub_products').removeClass('onscreen').addClass ('offscreen'); $('.nav_sub_markets').removeClass('onscreen').addClass ('offscreen');
[jQuery] [treeview] What is wrong ?
I have the jquery working fine ( $("a").click to show an alert messages do the job) but i can't get the treeview plugin to work. My html code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html> <head> <title></title> <link rel="stylesheet" type="text/css" href="/static/css/style.css" > <script type="text/javascript" src="/static/js/jquery.js"></script> <script type="text/javascript" src="/static/js/jquery.treeview.js"></script> <script
[jQuery] Superfish: changing state by script
Hi I have made a small script that loads content via ajax. The site in question uses superfish for a menu, and I would like to update the state of the menu, when I load new content to the content area. The menu is a 2 layer menu, and the second level will show the items for the current level 1, (if any), unless another level 1 item is hovered, then it will show the sub-items to that level. I have the level 1 fixed, just by altering a class, but I can' get level 2 to work. I have tried just .show()
[jQuery] Wrapping non empty text node with <span>
Hi all, I'm looking for a way to wrap text node with <span>. HTML: <ul id="target"> <li>Item 1</li> <li>Item 5 <ul> <li>Item 5-1</li> <li>Item 5-2</li> <li>Item 5-3 <ul> <li>Item 5-3-1</li> </ul> </li> </ul> </li> <li>Item 6</li> </ul> Expected Outcome:<br clear="all"><ul id="target"> <li><span>Item 1</span></li> <li><span>Item 5</span> <ul> <li><span>Item 5-1</span></li> <li><span>Item
[jQuery] How do i "generify" this action to happen for every radio button with id=other
I have a form On form I have several groups of radio buttons. Many (most) of these groups of radio buttons has one in the group with a value of "other" and an id of unique_id_other. When a user selects "other" an input text field is shown and the other radio button goes away. This is done via code such as the following: [code] // in IE you must use the click event, in other browsers change. var evt = $.browser.msie ? "click" : "change"; $("#sample_other").hide(); $("input[@name='sample']").bind(evt,
[jQuery] [accordion] Accordion overflow problems in IE6 (maybe also 7)
Hi all, the accordion won't work properly in ie6 (works perfectly in ff 3). the structure: <div class="container"> <div id="test-accordion" class="accordion"> <div class="accordion-item"> <div class="accordion-toggle"></div> <div class="accordion-content"></div> </div> <div class="accordion-item"> <div class="accordion-toggle"></div> <div class="accordion-content"></div> </div> ... </div> </div> Jquery
[jQuery] forms validation problem
dear all, I'm new with Jquery and now I want to use it for validate forms. I build site with django. The problem is the error message cannot show up. my code as following below: $(document).ready(function(){ $('#updateForm').validate({ rules:{ email:{ required: true, email: true } } message:{ email: "e-mail field is required" } }).addClass("error"); }); kindly advice and thank you for your kind help best regards, -mila-
[jQuery] namespacing events
Hi, I have problems with namespacing my events. When I use something like my.event everything works fine, but if I have my.event.a and my.event.b, both events are bound to my.event. Is this a bug or a special feature? my test code: JavaScript: var trigger = 0; var clicked = 0; $().bind("my.event.a", function() { $("#trigger").text(++trigger); }); $("#button").click(function(){ $().trigger("my.event.a"); $().trigger("my.event.b"); $().trigger("my.event.c");
[jQuery] forms validation problem
dear all, dear all, I have problem with my forms validation, I build the web-site using django. kindly help me. my code as per below: {% extends 'base_site.html' %} {% load i18n %} {% block breadcrumbs %}<div class="breadcrumbs">{% trans 'Home' %}</ a> › {% trans 'Update Profile' %}</div>{% endblock %} {% block head %} {% block title %}{% trans "Update Profile" %}{% endblock %} <link rel="stylesheet" type="text/css" href="/site_media/error.css" /
[jQuery] How do I use the JSON api to enter a value in a <p> tag?
How do I use the JSON api to enter a value in a tag? Code is here http://codedumper.com/flickr-api-using-jquery-json Example is here http://sampleswap.uk.to/json/test.html Yeah the code I've got is fine for images. But what if I want to create a and fill it with data from the api.
[jQuery] Bug in hover()?
Hi all, I tried the following: // bind hover (works!) $("foobar").hover( function () { //do something }, function () { //do something else } ); // unbind hover (works!) $("foobar").unbind("mouseover").unbind("mouseleave"); // rebind hober (works not!) $("foobar").hover( function () { //do something }, function () { //do something else } ); So after unbinding the event I can´t bind the hover function again
jquery and jquery UI
is not clear to me if the "base" file of jQuery UI is the same of jQuery UI for example if i want to add a data picker in a form where i already have a jquery file included, should i replace that file from the one generated from jquery ui web page? or should i keep both?
[jQuery] UI Tabs bug
synopsis: UI.tabs faisl hard when there is no UL for which to apply tabs. I have an admin section for which I'm using a tabbed nav bar. But, in a few pages, the UL does not appear (by design). Because I have this line in my admin.js: $('#nav_admin').tabs({ ... }); ... jQuery is coming to a screeching halt with this error: -- snip -- Error: c has no properties Source file: http://cake_elan.apollo/js/lib/jquery-1.2.6.js Line: 662 -- snip -- I traced it to this line in _tabify() $.data(a, 'load.tabs',
jquery validation and field name
I discovered that with jQuery validation you can get error messages in a DIV element the problem is that messages are generic and have no reference to the field that generated the error for example in a form with fields NAME and SURNAME if all the fields are empty will get: the field is required. the field is required without references to the field can i get the field name or title before the error message?
[jQuery] window height for footer
I'm using the code below to position a footer div in a flexible layout with this css #footer { position: absolute; /* Needed for Safari */ padding: 1px; background-color: #e3e3e3; text-align:center; height: 20px; left:230px; right:30px; } I'm using jQuery for other things, and from what I'm seeing, the code below could probably be replaced with a few lines right? could anyone help with this? Thanks! // footer position code <!-- function getWindowHeight()
Stuck with jquery UI tabs. Styling not working quite right
Hey all, Hope someone here can help. I'm trying to get a tabbed UI working and I'm using a generic theme from ThemeRoller. jQuery is 1.3 jQuery UI is 1.5.3 My problem is that although the tabs work as intended, the different styles aren't working. For example, when the page loads, tab 1 is selected, the other 2 are dimmed. Mouseover does not highlight any of the tabs and when clicking on tab 2 or 3 the style of the tabs doesn't update, so although content changes, the 1st tab is always highlighted.
Wait For Function to Finish Before Starting Next
I currently have a page which displays a list of items people have in their wishlist. Each item has a checkbox next to it, and I have a "Delete Selected" link at the top of the page. What I want to do when a person clicks "Delete Selected" is: 1) Display a "processing" message 2) Send an AJAX query to delete item in the db 3) Remove the item from the list 4) When all items are processed, remove the "processing" message To do this so far I have: $('a#deleteselected').click(function() { $.('#loading').show()
[jQuery] Smooth page auto scrolling - how to they do this?
I'm very impressed by this website http://www.blackestate.co.nz/ Does anyone know a jquery plugin that would allow that "smooth page auto scrolling" behaviour when you click the section links on the left hand side? thanks, n
[jQuery] social search powered by jquery
http://youfindr.com/buzz
[jQuery] Timeout/sleep in jQuery?
I've made a drop-down menu with jQuery which works great, except that on mouseout the menu disappears instantly. I'd like it if there was a delay before the menu disappeared, in case the user moves the mouse out slightly by accident (or when moving to other parts of the menu). Here is my current code: jQuery.noConflict(); jQuery(document).ready( function($) { $("#main-menu ul.menu li") .mouseover( function() { $(this).children("ul").css("display","block"); }) .mouseout(
[jQuery] Safari doesn't have selector's where as fire fox is fine
the following line will not work in safari but works in firefox: $('#divUserSelect'+id+' select').bind("change", function(){ fixing this line to: $('#divUserSelect'+id).find('select').bind("change", function(){ causes safari to find the element properly and bind a function to it. any ideas on what i'm missing? The outside element is a div with select inside of it, it is dynamically created via an ajax call. after the call is made to get the select, an onchange function is binded to the select to
[jQuery] if the handle of a ui.slider is clicked/dblclicked, the arrow keys can be used to move the handle - even if disabled.
As the subject states, if you click or double click on the handle of a ui.slider, you can then use the arrows to move the handle, even if the slider is disabled. Also, if you use the up or down arrows, the handle goes directly to the min value. Is there a way to fix this?
[jQuery] Tabs Documentation
Hi The documentation page for Tabs has not been working for a couple of days, any idea when it will be available again? Thanks
[jQuery] [jquery][jssm] Help with jssm hash rewrite please (history plugin)
I'm trying to set up my ajax site to use jssm ( http://trac.nathanhammond.com/jssm/ ) for history-management. It's working pretty well - history is preserved and links are bookmarkable. But it is doing some weird stuff with the href rewrite. For foo.aspx?page=1 it is replacing that with foo.aspx#foo.aspx? page=1$rid=1 I don't understand why it needs to repeat the foo.aspx part after the hash, it's pretty gross looking. Is there any way around this? The documentation for jssm is pretty thin...
[jQuery] using legacy form pages
I am attempting to retrofit my old frame based system with updated ajax/jquery items. Ideally I'd like to rewrite a lot of the old code to improve it, but in the mean time I will need to have a working system. One of the main issues I am experiencing is having form pages pop to the top of pages and not remain in their assigned div tag. For anchor tags this works great: $('a').livequery('click',function(e){ e.preventDefault(); $.get($(this).attr("href"),{},function(data){ $("#rating").html(data);
[jQuery] Modifying 3D Image Carousel plugin
I've been hacking away at this all afternoon with no luck, and the author's homepage is down.... I'm using this plugin: http://plugins.jquery.com/project/carousel3d And trying to use both a continuous scroll and also the button controls, and I just can't seem to figure it out. Any ideas?
[jQuery] FLVs and other media keep playing when panel is closed in IE
I have created sliding panels (or accordion) and insderted flash videos. If I play the video and then close the panel, you can still hear the video playing. If you I open the panel the video has continue to play. All this only happens in IE. Is there a fix or a work around?
[jQuery] 1.6rc4 Accordion Easing SOLUTION- with JQ 1.2.6
I couldn't get Accordion 'easeSlide' easing to work w/ JQ1.26 & latest UI1.6: Error: jQuery.easing[this.options.easing || (jQuery.easing.swing ? "swing" : "linear")] is not a function and finally found SUCCESS with the following: -OPTION 1 - For {animated:easeSlide} in your Accordion options- download the v1.1.1 jq_easing_plugin. (No dimension or compatiblity plug-in necessary) Please note that v1.1.1 is the easing version that the UI Accordion demo page is actually using. (which is probably not
[jQuery] v1.3 code not running like 1.2
I had this code function properly in 1.2 yet on upgrade it does not perform correctly. Initially i have 1 ul <div id="topmenu"> <ul id="main-menu"> <li> <a href="EventList" class="current big" onmouseover="viewNav(1)">Browse Events</a> <ul id="sub-menu1"> <li><a href="EventList? ignoreDate=true">More Categories</a><span>|</span></li> <li><a href="EventList? timeframe=lastWeek">Last Week's</a><span>|</span></li> </ul> </li> <li> <a
Next Page