[jQuery] Superfish menu activate on click
Hi. I am using the Superfish menu, and it fits my needs perfectly. The problem is that the client I am designing the website for has decided that he wants the menus to appear only when he clicks on them - and not when he hovers the mouse over them. I was able to get the main menu to work onClick by modifying line 49, changing: $('li:has(ul)',this)[($.fn.hoverIntent && !o.disableHI) ? 'hoverIntent' : 'hover'](over,out).each(function() {...}); To: $('li:has(ul)',this).click(over).hover(function() {},out).each(function()
[jQuery] Superfish IE 6
I am having issues where the width of the dropdowns in IE 6 are as large as the largest menu I have. I am using the plugin supersubs that does the automatic detection? Has anyone else found a solution to this?
[jQuery] Superfish - Image border and IE6
Hi, I use Superfish and Supersubs for my menu. For each first menu (LI), i have a link (real or #) and an image (not in background) : <div id="sample5" class="sampleTabContent"> <ul id="sample-menu-5" class="sf-menu"> <li class="current menu_1" style="width:125px;height:22px;"> <a style="width:125px;height:22px;" href="#"><img src="images/menu/1.gif" alt="title_menu" title="title_menu" /> </a> <ul> <li> ... I don't want the border in the image then i add in the superfish.css : .sf-menu img { border:
[jQuery] superfish: advice on using jquery.corners.js plugin
I'm trying to use the rounded corners plugin (found at: http://www.atblabs.com/jquery.corners.html) to make rounded corners for the body (top level) of the menu created by the superfish plugin. To start, I'm just using the example file that comes with the superfish plugin (as seen here at: http://users.tpg.com.au/j_birch/plugins/superfish/#sample1). It seems pretty straightforward, but I'm having trouble. While I can get the corners plugin to work, I can't get it to play right with the superfish
[jQuery] superfish align navbar to the right
As you can see in de navbar style example the submenu's (http:// users.tpg.com.au/j_birch/plugins/superfish/#sample4) are aligned to the left (attached to the first menu item). I've been trying to align them to the right with no luck. The reason I want to do this is because I have a design with the menu to the right of the page and i don't want the submenu items going outside of the browser window. Is it even possible yo assign de submenu to the last menu item?
[jQuery] Superfish - 1:colors, 2:overlap, 3:animation removal 4:navbar spacing
Hello, I have been using a menu system at work that is 10 times more complicated than it needs to be. Superfish does almost everything it does and in some cases even more. So I'd like to get Superfish implemented in my project. I have some questions that I haven't been able to find a quick fix to so any suggestions would be much appreciated. 1) In my horizontal navbar there are items. Each drop-down menu has its own colour scheme consisting of of 2 or 3 different colors. I can't find an easy way
[jQuery] pass inputed text to value attribute (using tablesorter): a simple way
i need to pass user entered text (which will be a number 1-10) to the value of the <input>. i'm using tablesorter plugin, so i need the data to be passed automagically/immediately so that users can sort the column: Order Stacks any help much appreciated. thanks here is how my code set up: <form id="table"> <table id="tablesorter-demo" class="tablesorter" border="0" cellpadding="0" cellspacing="1"> <thead> <tr> <th><input type="radio" name="feature-stack" checked="checked" /></th>
[jQuery] html for other examples (Bglframe, vertical style, nav-bar style and with Supersubs)
I have downloaded the zip and found one example in it. I'd like to know how to make it other examples in the website. http://users.tpg.com.au/j_birch/plugins/superfish/#examples Could anyone tell me html code for other samples? thanks in advance.
[jQuery] Superfish menu - flash of unstyled list before load
Hi there, I've got a Superfish menu on a page I'm working on but I'm getting a flash of the unstyled list before the menu loads properly. This is slightly different to the fairly rare "flash of unstyled content" bug as the CSS backgrounds and other CSS are being loaded ok at the same time as the unstyled list is flashed up. This only seems to affect Internet Explorer Here's the page it's happening on: http://vse.nmdemo.net/ Any ideas? Cheers, Terry
[jQuery] Superfish navbar wrapping problem in IE6 & Firefox
Hi everyone, I am very new to superfish, and I am using superfish 1.4.8's navbar menu. I have 3 levels of menu items and in the 1st level menu I have 11 items and when my browser is maximized to the full resolution (my screen resolution is 1400x900 and my text size is medium in both Firefox and IE6) all of the items are shown in one single line without wrapping into next line. In one of the 2nd level menu I have 10 items in it and it uses only half the width (or so) of the 1st level menu instead
[jQuery] Is anyone using jQuery + Jaxer?
I've gotten so much to the point where I think "jQuery" for everything nowadays, I like the framework that much and really feel like I've got my programming and patterns down pat enough that I am faster/more- complete with anything I have been coding this year.... With that said, I'm *really* intrigued by Aptana's "Jaxer" product (http://aptana.com/jaxer/), but there seems to be little excitement/ progress about it..... Even so, anyone in this group toying around with it at all?
[jQuery] Superfish and wordpress - menus show up only on first page...?
Hi everyone! first off I'm a newbie using Superfish, but I just wanted to see if anyone has had the following problem: I was able to get the superfish vertical dropdown menu working on this site for the front page; however, when I use superfish for any sub pages it does not work; what happens is that all the sub menus appear on the same level as the rest of the menu items. you can check it out here: http://www.townofross.org I'll have to take it down in a couple of hours...but hopefully someone out
[jQuery] superfish style current top
I'am using the navbar example. I would like to set another color for the current top-level menu item if a submenu is selected current (like a breadcrumb). I've put <li class="current"> in both the top-level menu and the submenu. I've figured out how to change the submenu current font color but I have trouble finding a solution for the top- level menu. Here is my css code: /*** adding the class sf-navbar in addition to sf-menu creates an all- horizontal nav-bar menu ***/ .sf-navbar { background: #fff;
[jQuery] Superfish (IE cleartype bug)
I found that there is cleartype bug in superfish menu. I found the fix I hope it helps. showSuperfishUl : function(){ var o = sf.op, sh = sf.c.shadowClass+'-off', $ul = this.addClass(o.hoverClass) .find('>ul:hidden').css('visibility','visible'); sf.IE7fix.call($ul); o.onBeforeShow.call($ul); $ul.animate(o.animation,o.speed,function() { ///THis part is added if ($.browser.msie) {
[jQuery] Apply JQuery to HTML returned by AJAX function $.get()
This is a problem that I can solve with callbacks, but I dont know if there is another way to do this...... Lets say that I have this HTML.... <div id="parent"> This is the first string </div> If i specify... $("#parent p").hover(function(){ $(this).addClass("blue"); }, function(){ $(this).removeClass("blue"); }); The paragraph in the div will turn to blue when I hover over it (assuming that this is what .blue does, whatever). Now here is my question, lets say I have a HTML doc called
[jQuery] missing ) after argument list error
I can't see why this wouldn't work: $('h1:contains("test")').parents('body').addClass("test_class");
[jQuery] Opacity Problem with ie6
Hello, I'm writing a jQuery slideshow (I know...I could get a plugin) and I'm having a problem with Internet Exploder 6: the left and right arrows make the background images disappear when the opacity of the arrow images is 0. Works in browsers, but not in IE6 (which as we all know, is really just a poor toaster). The file is here: http://19gi.com/eoin/ie6OpacityProblem/ So if anybody can fix this I'll be well impressed & extremely grateful. Thanks.
[jQuery] using click() with $(event.target).is(something)
I'm a Jquery newbie, so if this answer is available somewhere, please let me know. My user needs to click button B, which processes some info with AJAX (working great), and then needs to programmatically click button A, which itself runs an AJAX request. Button B works fine, but when it tries $('a.buttonA').click() the code in button A doesn't run. I suspect this is because I'm using $(event.target).is('a.buttonB'), resulting in no binding for click() to run. Can anyone confirm? Any suggestions to
[jQuery] $.modal() "Not a function" driving me crazy
Hi I know this is going to be something simple, but I've been looking at it for hours and just can't see it. Problem page can be found here: http://www.fridgeframes.co.uk/dashtest.html I'm trying to use the Simple Modal plugin, but just get a "$ ().modal()" is not a function error each time. I've put a "Go!" button in to see if it was a timing thing, but no joy. According to Firebug, the files are all loaded. So what am I doing wrong? Many thanks Regards John
[jQuery] Shadowbox and AJAX
I am trying to make a page that is using the ajax call on an XML file. The trouble I am having is trying to get shadowbox to work. I need some help please. Here is the code so far <script type="text/javascript"> <!-- var $j = jQuery.noConflict(); $j(document).ready(function(){ $j.ajax({ type: "GET", url: "Events.xml", dataType: "xml", success: function(xml) { $j(xml).find('event').each(function(){
[jQuery] Pb with JqModal et datepicker
Hi, I would like to display 2 datepickers in a jqm window. The problem is when I click on the second datepicker and I choose a date, the first datepicker displays and I can't choose a date for the second. This is my code : index.html <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Untitled Document</title> <link href="style/ui.datepicker.css"
[jQuery] How can I make sure one AJAX call returns before another?
I have several AJAX calls. Most of them retrieve values for drop-down lists and one fills in the data. Of course, unless the drop down lists are fully loaded, the data filler doesn't select them properly. Is there anyway to trigger the data filler after they are complete with more sophistication than setTimeout? BTW, I've tried ajaxStop but that causes an infinite loop since the data filler triggers it again. Thanks!
[jQuery] Help with ajax contact form
I'm trying to use the ajax contact form i found from: http://capsizedesigns.com/blog/2008/04/an-ultra-slick-ajax-contact-form-with-jquery/ PHP: <?php error_reporting(E_NOTICE); function valid_email($str) { return ( ! preg_match("/^([a-z0-9\+_\-]+)(\.[a-z0-9\+_\-] +)*@([a-z0-9\-]+\.)+[a-z]{2,6}$/ix", $str)) ? FALSE : TRUE; } if($_POST['name']!='' && $_POST['email']!='' && valid_email($_POST['email'])==TRUE && strlen($_POST['comment'])>1) { $to = "EMAIL@EMAILADDRESS.COM"; $headers = 'From: '.$_POST['email'].''.
[jQuery] tablesorter with pager addon: Adding rows with ajax and auto-sorting
I've been trying to get tablesorterPager working with AJAX addition of rows. I can get the rows added, but they are always on the last page, and are never get sorted properly. I've been trying various methods of trying to update the caches that are held by pager and tablesorter, but I haven't found the magic combination. Does anyone have example code for doing this?
[jQuery] Tools for packing js
Hey, few days ago I started to develop with jQuery - and I love it! I'd like to know what tool was used to pack jquery. Another thing: In the last days docs.jquery.com was down several times. Is there any mirror? Manuel
[jQuery] ClueTip plugin
The ClueTip plugin seems to reject html objects when loading locally. I have a div object that loads fine if I have text in it, but if I put a table in it, the cluetip becomes empty. Can anyone else confirm this? Is it possible to load a local table in a different tooltip implementation? Thank you for your time, Steve
[jQuery] Superfish loading problem
I am running Superfish with Smarty templating engine but there appears to be a conflict with jquery and smarty I call Superfish using the basic code below but it will not work $(document).ready(function(){ $("ul.sf-menu").superfish({ pathClass: 'current' }); }); I changed the code to the following and it appears to call the code. jQuery(document).ready(function(){ $("ul.sf-menu").superfish({ pathClass: 'current' }); }); I beleive the issue is with the $. I tested this with the following.
[jQuery] Newbie: .after to add an image ref into code
Hello list! Apologies if this is a recurrent request! I would like to append an image after an <a href...., so far I have my html: <a href="#" name="foo" target="_blank" class="openInNewWindow">open in new window</a> and my first attempt at jQuery: $('.openInNewWindow').after('<img src="images/newWindow.gif" /
[jQuery] jScrollPane and fadeIn
Hey guys! I've searched everywhere before posting here, but I've found nothing. Anyway, I have a page that fades in a DIV on page load using fadeIn. I tried to apply the jScrollPane effect to the div, but it seems that the fadeIn effect breaks it. Is there a way around this? Below is the way I have applied the code: <script type="text/javascript"> $(function() { $('.scroll-pane').jScrollPane(); }); </script> <script type="text/javascript"> window.onload = function() { $("div#mainContent").fadeIn(2000);
[jQuery] Script Errors
I receive this following error when posting a new post in WP. It freezes up my browser (i've used IE, Firefox, Opera, Chrome, etc.) every single time, please help: A script on this page may be busy, or it may have stopped responding. You can stop the script now, or you can continue to see if the script will complete. Script: http://www.rhymehouse.com/wp-includes/js/jquery/jquery.js?ver=1.2.6:11
[jQuery] Manipulating input fields
I'm trying to take the input from one text input field to the next and I'm not sure how to do it through jQuery. Can someone please send me a tutorial or example of how to do so? Right now I have: $(document).ready(function() { $("#agentfirstname").change(function() { // take the content from #agentfirstname, set it to lowercase and place it in // the text field #agentusername $("#agentusername").val($("#agentfirstname").text().toLowerCase()); alert('Here');
[jQuery] Adding "Arrows" to a DropDownMenu based on Lists
Good Morning Everyone, I am struggling a few hours with a problem, which solution isn't that easy as I initial though. The following example list is generated by backend code. <ul id="nav"> <li> <a id="hyperlink" class="navlink" href="/home" title="">Home</a> </li> <li><a id="hyperlink" class="navlinkparent" href="" title="">Folder A</a> <ul> <li><a id="hyperlink" class="navsublinkparent" href="/folder_a/ page1" title="">Page1</a> </li> <li><a id="hyperlink" class="navsublinkparent" href="/folder_b/
[jQuery] Simple/obvious way to reveal items clipped by overflow:hidden ?
Let's say I have a div with a CSS height of 200px, with overflow:hidden, and so there's content clipped inside it. Is there any way to have .hover() make that div expand down to reveal the internal content, without having to manually specify the target height? Since overflow:auto produces proportional scrollbars, I have the impression that the browser /does/ know this number somehow, but I have no idea how to get at it.
[jQuery] docs.jquery.com status update
I figure you're completely aware that docs.jquery.com is not responding, but I'm wondering if there is a status update? And, on a side note, how would I setup a loop to remove all child elements of a particular element? Thanks! -Lance
[jQuery] jquery, works in FF, but no love in IE.
Hey all.. this is the rendered HTML from a ColdFusion app that I'm working on. I'm having a bear of a time trying to get the JQuery plugins functioning in IE 7. They run like a champ in Firefox 3, but in IE 7, I get the "loading" text but no display of the called page in the href. any help would be appreciated. <script type="text/javascript" src="js/jquery-1.2.6.min.js"></script> <script type="text/javascript" src="js/jquery.form.js"></script> <script type="text/javascript" src="js/jquery.metadata.js"></script>
[jQuery] Insert variable into a selector
HI there, I want to insert two variables into the selector and an attribute. But it doesn't work. $('h1 a#' + this.id + ' img').attr({src : "images/" + msg + ".png"}); I looked through various tutorials but couldn't find an answer to this. The first variable comes from the object's (<a> element) id and the seccond is a response from an php script. Can somebody please help me?
[jQuery] about $(document).ready()
<div dir="ltr">Hello all, Why sometimes with time, and sometimes "$(document).ready()" with many times? </div>
[jQuery] help needed with new node replace
If anyone knows a jQuery way to replace a node and return the new node object that would be great (replaceWith returns the old object)
[jQuery] event delegation in jQuery - delegate vs listen vs ?
I'm trying to get my head around the concept of event delegation, and have been reading about jquery.listen and jquery.delegate and LowPro for jQuery... and I'm a little confused as to the strengths and weaknesses, or scope, of each approach. Can anyone offer some wise words on this topic? How does one integrate a plugin like jqModal with one of these event delegation plugins? any thoughts are appreciated!
[jQuery] [validate] how to test text against a bad word list?
hi, i'm using the excellent validate-plugin and it works like a charm. now i want to test the text in a textarea against a list of bad words. how must be the syntax of the custom validation rule? i'm very bad in regex … thanks in advance, tobaco
Next Page