[jQuery] Superfish Navbar question
I'm new at using jquery and superfish, and the documentation on the superfish site on how to configure it as a navbar seems kind of vague: "To create a horizontal nav-bar with a horizontal second tier and optional vertical third tier, simply include the superfish-navbar.css file after the main superfish.css file and *add the class sf-navbar to the parent ul along with the usual sf-menu class*, and initialise as normal." (emphasis added) What does this mean, "along with the usual sf-menu class"? This
[jQuery] serializing data from a jquery-rendered form
The goal is a multi-stage process schema where a form is rendered by a cgi script and inserted into a static web page via this method: [code] $(document).ready(function(){ var myscript; if(document.domain == 'bart.johnson.com') // local myscript = "http://bart.johnson.com/cgi-bin/woods/phhDonate.r"; else myscript = "http://www.somedomain/cgi-bin/script.r"; $("#dynamic_content").load(myscript,"task=entry", function(resp,stat,xhr){ //alert(resp);
[jQuery] The menu jumps when I try to animate.
In This link http://tradeera.com/demo/a.html the menu jumps when u hover over "apple" in Firefox 3.0.3. I can't understand the reason for the same? Thanks in advance CSJakharia
[jQuery] gettng value from radio buttons
Hi, I have two radio buttons, when user click I'd like to know what is value selected now inside updateoptns, but the code below always return '0', any idea how to do this? Thanks, Angelo <label for="optns"> </label> <input checked="checked" class="rb_optns" id="rd1" name="optns" onClick="updateoptns()" type="radio" value="0" /> </label> <input id="rd2" name="optns" onClick="updateoptns()" type="radio" value="1" /> Metric (kg/cm)</label> <br clear="none" /> function updateoptns()
[jQuery] Javascript Generated by $()load does not render
I have a script that generates javascript validation code when called in the following code: $(document).ready(function(){ $("#dynamic_content").load(myscript,"task=entry", function(resp,stat,xhr){ //alert(resp); // leave for testing } ); }); All of the contented rendered by 'myscript' is written to the innerHtml of div "dynamic_content" *except for the javascript*. I am viewing the content rendered by the script in firefox using the "View Formatted Source"
[jQuery] Creating callbacks using Cycle plugin
Currently, I have implemented a small image gallery using the jQuery Cycle plugin. It's working perfectly but I would also like to add callbacks. How do I successfully do this? I currently have: jQuery(document).ready(function(){ jQuery('#frame1').cycle({ fx:'fade', speed:'500', timeout: 0, next:'#next2', prev:'#prev2', }); }); What I would like to happen is as a user scrolls to the next image (which fades in) the image and its corresponding caption appears (basic styled text
[jQuery] Superfish - Horizontal Scroll Bar appearing for some reason
Hi, I am trying to implement your horizontal nav bar into a design I am creating but for some reason it's adding a horizontal scroll bar on the screen even though the page itself and the nave are much smaller than the width of the screen. any help would be appreciated! Here is a link to the css files. http://dev2.azaz.com/scott/ahno/css/superfish.css http://dev2.azaz.com/scott/ahno/css/superfish-navbar.css
[jQuery] the french accents and jQuery
This is the sketeton of my HTMP page: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas- microsoft-com:vml" lang="fr" xml:lang="fr"> <head> ... <meta http-equiv="content-type" content="text/html; charset=iso-8859-1" /> ... <script src="jquery/jquery-1.3.1.js" type="text/javascript"></script> <script type="text/javascript" src="jquery/jquery-ui- personalized-1.6rc6.js"></script>
[jQuery] Select Box. Anyone?
Hello, I am looking for a Select Box replacement so I can style an HTML Select. I need something that works across browsers. Something like this is very common on other frameworks but I haven't found anything for JQuery. Could someone, please, suggest me one? Thanks, Miguel
[jQuery]
cycle plugin not working
I’m using the Cycle plugin to create a slideshow of linked images on this in-development version of a client’s site. My client, who uses Safari 3.1.2 as his primary browser, reports that the slideshow fades to white after the first image and then does nothing. The demo animations on the Cycle website work just fine for him. but this working fine in both Firefox and IE it is also not working in Linux Environment. Thanks in advance for the help.
[jQuery] Extending a plugin
Hi, I might have used the wrong terminology here so I will explain what I want to do. I am currently using the jquery.form plugin to make my forms 'ajaxable' where needed. However, I would like to add some extra functionality to the plugin which is specific to my application. In this circumstance is it better to write the functionality into the plugin directly or 'extend' it somehow? I say 'extend' when all I really need is to add some functions. Some forms won't need this extra functionality so
[jQuery] image rollover
Hi all, im a newbie - infact just start learning jquery today! I'm trying to work on an image mouseover function. When the user mouse- over the image, the image will turn almost transparent and then some text will appear on the top of the image. Something like this on this site: http://www.bbc.co.uk/iplayer/episode/b00hc1jd/Hitsville_USA_50_Years_of_Heart_and_Soul_Whats_Still_Going_On_The_Legacy/ The concept is, to add CSS class "background" (which will add opacity) to the img and then CSS class
[jQuery] loading while bground changing
Hi all I hava a JavaScript to change background.. But I need to image load or something like that.. because It doesn't look good while background changing.. It should shown just inside the tables area, not all the web-page.. thanks, <script type="text/javascript"> function changeBg(img) { document.getElementById('tabcell').style.background = "url("+img +") no-repeat 0 0 "; } </script> <table id="tabcell" background="images/t-shirt/big/t-shirt_01.jpg" STYLE="background-repeat: no-repeat; "> </table>
[jQuery] insert div into group ordered by ID..
I'm a relative newbie with jQuery and have read the doc about DOM manipulation but am too dense to answer this question: I have a series of DIVs in order by ID. I would like to insert a new DIV into its proper place in the order... Given the following: <div> <div id="alpha"></div> <div id="beta"></div> <div id="gamma"></div> <div id="epsilon"></div> </div> How would I be able to insert the following div in its correct spot (between gamma and epsilon)? <div id="alpha"></div> Thanks in advance!
[jQuery] Tabs, how to find what kind of object....
I got this problem var $tabs = parent.$('#operativitaframe').contents().find ('#tabsContainer').tabs(); alert($tabs); This prints [object Object]; how can I know if this is the tabs object instead of something else? If i cycle on it and print all his content I got this length, 0, prevObject, init, jquery, size, get, pushStack, setArray, each, index, attr, css, text, wrapAll, wrapInner, wrap, append, prepend, before, after, end, find, clone, filter, not, add, is, hasClass, val, html, replaceWith,
[jQuery] focus and blur problem
I am putting together a basic wysiwyg and i have <ul class="editorIcons"> with my editing icons e.g bold etc. and then i have an iframe that displays the page i am editing. my problem is, when i have focus on the editable area , or am clicking on an icon to edit the page i want to call a function called "enableIcons();" and if i am not focusing on .editorIcons or .contentEditable' i wand to call the function disableIcons(); this is my code so far: var frame=$("iframe"); $(frame).load(function ()
[jQuery] Require a specific radio button to be selected - Validation plugin
I have a "terms of use" agreement on my site and I would like to provide radio buttons with labels of "I Agree" and "I Disagree". If the user selects "I Disagree" then I'd like a message saying something like "Sorry, you must agree to the terms and conditions before proceeding" and if the user selects "Agree" then allow them to continue. I can set these fields to be required with the JQuery validation plugin bit I am at a loss as to how I can require a specific value to be selected. Any help will
[jQuery] focus and blur problem
I am putting together a basic wysiwyg and i have <ul class="editorIcons"> with my editing icons e.g bold etc. and then i have an iframe that displays the page i am editing. my problem is, when i have focus on the editable area , or am clicking on an icon to edit the page i want to call a function called "enableIcons();" and if i am not focusing on .editorIcons or .contentEditable' i wand to call the function disableIcons(); this is my code so far: var frame=$("iframe"); $(frame).load(function ()
[jQuery] slideDown jumps - even without padding set
Has anyone found a solution to this problem: http://groups.google.com/group/jquery-en/browse_thread/thread/a9f3fbb7d4c036f1/de2009dcbe51dd91?lnk=gst&q=slidedown+jumps#de2009dcbe51dd91 jonhobbs set up a great test page here: http://83.138.132.232/test.htm It uses 1.2.6, but I'm getting the exact same effect with version 1.3.1 slideUp works fine, but slideDown with an unspecified height produces the jump of about half the elements actual height. Thanks for your time.
[jQuery] Element Name Selector Syntax Troubles
Currently building a shipping calculator and attempting to add in a section that checks every shopping cart item's quantity and then multiplies that quantity by the weight of that item. The HMTL consists of input fields similar to the example below: <input type="hidden" name="quantity1" value="1" /> <input type="hidden" name="weight1" value="3.1" /> <input type="hidden" name="quantity2" value="3" /> <input type="hidden" name="weight2" value="2.1" /> The way I designed the following portion of my
[jQuery] tagging plugin
I need to implement a tagging keyword solution for my application in ColdFusion. I am looking for a tagging solution like the one found in Drupal that is a type ahead and you can select words and the words are added in a comma delimited list. Does anyone know where I might find a solution like this?
[jQuery] selector best practice
This may sound stupid to y'all jquery practitioners, but i wonder which method is fastest (recommended) for selecting a cell with a class in a big table (think like 1000+ rows 100+ columns): ("#tableid tbody tr.rowclass td.cellclass") or is it ("td.cellclass") or (".cellclass"). And how about if the cell happens to have a unique id: ("#tableid tbody tr#uniquerow td#uniqueid") or just ("#uniqueid") Philosophically, the question being is it better to put as much detail as structurally already known
[jQuery] Using jQuery.noConflict() with Prototype/Scriptaculous
Hello all, I'm trying to incorporate jquery into pages with prototype. This is what I'm doing in order: 1) Load prototype/scriptaculous 2) Load jquery 3) Execute jQuery.noConflict(); 4) Execute jquery via (function($) { ...... })(jQuery); The jquery code isn't being executed (prototype is), does anything look obviously wrong with what I'm doing? I've included a mock of my page source below. <html> <head> <script src="./js/prototype_min.js" type="text/javascript"></script> <script src="./js/scriptaculous/effects_min.js"
[jQuery] ClueTip - positionBy:'fixed' in FF3
Howdy, I'm seeing something I never thought I'd see- positioning works correctly in IE and not in FF (as far as I can tell)! I'm attempting to use positionBy:'fixed' because I want the tip to appear in the same position relative to the referring link. The links are large thumbnails, and I'm using jCarousel. Basically I'm looking for the tip to appear overlapping the top right corner of each image. I've switched the insertionElement to .jcarousel-container- horizontal, and have a leftOffset of -100.
[jQuery] Traversing
The following HTML is inside a loop, so it can be repeated many times over. <table width="600" border="0" cellspacing="0" cellpadding="0"> <tr> <td><table class="a"><tr><td></td></tr></table></td> <td rowspan='2'> </td> </tr> <tr> <td><table class="b"><tr><td></td></tr></table></td> </tr> </table> I have a click function on table.a All table.b are given hide() How do I show() only the table.b that directly follows the table.a that has been clicked? I have been trying something like: $("table.a").click(function(){
[jQuery] Checkboxes enabled/disable button
Hello Guys, Fairly noobish here so hoping to learn a little something from this challenge. I have a form which contains a bunch of different checkboxes (all the same name) and a bunch of different button elements. I want to by default have these buttons disabled unless at least one checkbox is checked, if no checkboxes are checked then they need to be disabled. <input type="checkbox" name="my_checkbox" /> <input type="checkbox" name="my_checkbox" /> <input type="checkbox" name="my_checkbox" /> <input
[jQuery] Horizontal Scroll Bar appearing for some reason
Hi, I am trying to implement your horizontal nav bar into a design I am creating but for some reason it's adding a horizontal scroll bar on the screen even though the page itself and the nave are much smaller than the width of the screen. any help would be appreciated!
[jQuery] .click to start dropdown, hover out to clear (mixing the two)
I've got a fairly simple form with a few dropdowns which I currently trigger on hovers. A use requested that instead of a hover, that the dropdowns be triggered by a click event. No problem, except that I need the dropdown to slideUp when the user hovers out. I've taken a look at the .hover documentation, but can't seem to figure out how to specify the 'out' (though it does say that this exists). Here's the code I've got now [code] $('form#filterList span.holdDate').click(function(){ $('span#datePickers,
[jQuery] [jQuery][validate] plugin fails on Safari
Hi Folks, Wondered if anyone could help on this, I've been stuck on it for quite some time. I'm trying to validate a date field using a UK date, here's my code: $(document).ready(function(){ $('#arrival-arrival-date').datepicker({ minDate: new Date (),defaultDate: +1,dateFormat: 'dd/mm/yy',constrainInput: false }); $.validator.addMethod('ukdate', function(value, element) { var regex = /^(0[1-9]|[12][0-9]|3[01])[\/](0[1-9]|1[012])[\/] ((19|20)\d\d)$/; console.log(value.match(regex));
[jQuery] Validation Plugin: How to submit invalid form via JavaScript
Hi, I want to validate form and submit it via JavaScript even if it isn't valid, and don't do it if the "submit" button is pressed $(document).ready(function() { validator = $("#editUserForm").validate( { focusInvalid: false, ignoreTitle: true, onkeyup: false }); ... }); And then I'm trying to submit form after onclick on some control $("#someControl").click(function() { // do something $("#filterForm").submit(); }); Unfortunately, form doesn't via JS submit if validation failed
Sorting/Filtering/Paginating CSS Table Width Problem
Hi Everyone, I am totally new to jQuery and javascript. I am a Plone developer and I need to add some fancy table manipulation to some tables. I looked into Learning jQuery as well as http://www.tomcoote.co.uk/jQueryColumnFilters.aspx and smashed them together, which works just as I need it to. However, my problem is that it has screwed up my table widths! I see that if I don't include the javascript in the <head> section that the page is rendered exactly as I would like it to. I have simplified
[jQuery] Clone with Select values copied
Hi, I had an issue with the clone() function in that it wasn't copying over select values. I've added this function to my page function cloneForm(id, withEvents) { var clone = $('#'+id).clone(withEvents); var selvals = []; $('#'+id+" select").each(function() { selvals.push($(this).val()); }); clone.find("select").each(function() { $(this).val(selvals.shift()); }); return clone; } which will clone the values as well. I'm a relative Jquery newbie so I imagine there is a better way of doing this, maybe
[jQuery] [validate]: Tricky multiple field validation problem
I want to include an optional set of date setting fields on a form - A dropdown for day (01 - 31 with a blank value), a dropdown for month (01 - 31 with a blank value) and a four digit year input field. The validation is as follows: * The date is optional, if all fields are blank then assume no date * If one of the fields is not blank then all of them have to have a value * The three fields taken together must specify a valid date (no 31st of February) * The date must be today or in the future How
[jQuery] cannot call twice: $("#foo").mywidget()
I created a widget and figured that it can only be called once per element: $.widget('ui.mywidget', { _init: function() { alert('hello'); } } $.widget("ui.mywidget", mywidget); $("#foo").mywidget(); // alerts hello $("#foo").mywidget(); // doesn't do anything now I understand this is by design because _init acts like a static constructor. however, I want to create a widget to add a panel to #foo each time it's called so: $("#foo").addpanel(); $("#foo").addpanel(); But that obvioulsy fails.What's
[jQuery] Auto-Replacing HTML-entities
Hello! I have setup a simple editor site for a image gallery where the user can visually edit (sort entries, add entries, edit captions) the HTML of a <ul>. When finished the content gets saved via PHP. Is there a simple way to have special characters in image captions converted into HTML entities? The way I read the then transmitted <ul> is: var html = $('#container').html(); $('#textfield').text('html'); The content of the #textfield is then written into a new HTML file. Is there a jQuery-way to
Creating iPhoto-like Image Resizer
Hello, I'm having some difficulties figuring out how to create an image resizer just like this one: http://interface.eyecon.ro/demos/slider_resize.html It seems as though that demo is outdated and I cannot get it to work with the latest version of jQuery. Could anyone point me in the right direction as to how to create something like this? I'm assuming the jQuery UI can easily achieve this affect but I'm not sure how to make it work. Any insight, examples, or links would be much appreciated. Thank
[jQuery] Cycle - Goto (or) pagerAnchorBuilder (or) Something Else......Confusion
For Reference: http://tinyurl.com/ahglue http://preview.tinyurl.com/ahglue If there is anyone out there that can help me wrap my head around this, I'm new to jQuery and love it's flexibility, but I'm just not getting past this stumbling block. Essentially, their are two cycle galleries occurring, and a show function that links the two. The first is an overview gallery that cycles 9 thumbnails using the pager option, the second gallery is a detail image that corresponds to a thumbnail from the first
Really odd IE6/7 behavior with jQuery.load
I'm redoing my portfolio, and I'm making all AJAX. Here's my jQuery that makes the AJAX magic work: (See it in action) Code: $("#content").fadeOut("slow", function() { $(this).load("pages/"+hash+".php","",function() { if($(this).find("#error_return").text()) { cssHash = $(this).find("#error_return").text(); } pageXML = pageData.find("#"+cssHash); document.title = pageXML.find("title").text() + " - Other
[jQuery] Initialize tabs href.
Hallo all. I would like to initialize the tabs href on the document.ready. http://pastie.org/384170 I tried like this http://pastie.org/384232 But it doesn't work. Any idea? Kind regards Massimo Ugues
Next Page