[jQuery] JQuerry Select Box problem
Hi, http://i34.tinypic.com/n3rsso.jpg I'm trying to do this using jQuery (in RoR ) and i need some help... So let me explain it in a few steps. Lets say Selection Box 1 is list of Continets. I want to be able to fill Selection Box 2 (list of all countries on selected continent). After that is shown, I want to be able to handpick few countries and put them in Selection Box 3 in which i would be able to move them up or down. Any solutions? Thanks in advance Robert
[jQuery] jQuery Cycle pagerAnchorBuilder with Div Tags
I've run into a problem with building a rotating news banner which displays both an image tag and a caption div. The structure for the slides works like this: <div id="headline-rotation"> <!--start of slide--> <div class="headline-item"> <img/> <div class="caption"> <h2></h2> <p class="subtitle"> </div> </div> <!--end of slide--> </div> I would like the pagers to be thumbnails of the current slide's img tag, much in the same way that this demo has:
[jQuery] Problems parsing XML with jQuery
<span style="border-collapse:collapse;white-space:pre">I'm trying to parse this little XML document here: <a href="http://pastebin.com/m5f0e4300" target="_blank">http://pastebin.com/m5f0e4300</a> with this code: </span><div> <span class="Apple-style-span" style="border-collapse: collapse; white-space: pre;"><span class="Apple-style-span" style="border-collapse: separate; white-space: pre-wrap; "><span class="Apple-style-span" style="font-family: 'courier new', monospace;"><span class="Apple-style-span"
[jQuery] Rounded Corners and IE 6
I searched for a plugin to round corners using jQuery. I tried any plugin I was able to find but sadly none of them was able to work on IE 6. Some of them didn't even work on std compliant browsers. I then, chosen to use Nifty Cube by Alessandro Fulciniti, but I found that shows some bugs too. (http://skitch.com/caruso_g/2hb3/ie-rounded- bugs-01 http://skitch.com/caruso_g/2hn8/ie-rounded-bugs-02) Now, it is probably due to the complexity of the page html code that uses a lot of padding and margins
[jQuery] Animate with IE6 artifacts
Hi everyone, I'm having a problem with IE6 and animate({opacity: "hide", height: "hide"},300); In all browsers including IE6 the feature works, however with IE6 it produces artifacts as if it is jumping up and down before it completes the animation. I have simplified my code into one html file that reproduces the problem on IE6: http://spacefellowship.com/uploads/debug/debug_simplified_IE6.html I have tried myself to find a solution, but no luck so far, that's why I was wondering if someone has experience
[jQuery] treeview
Hi, I love this plug in, it is great. However, I was wondering if it was possible to add a close/hide submenu/files function to the submenu/ files when clicked on. What I'm trying to get at is when you click on an expanded submenu item, the parent menu would close so that the viewer does not have to click on the main menu item to close out the sub. and how would I go about integrating this? Thank you in advance.
[jQuery] Newbie question: how to reference an element via XML attribute.
Hi, everyone. Sorry for such simple question but not being familiar with jQuery I just can´t find how to do this: The objective is to change the content several elements of a page loading an XML file via the "get" function. The XML file: <?xml version="1.0" encoding="UTF-8"?> <Texts> <item id="Txt1">Some text in english</item> <item id="Txt2">Some more text in ENG</item> </Texts> The HTML code: <span id="Txt1"></span> <span id="Txt2"></span> -->>>> Note each item in the XML
[jQuery] how to use index instead of ID (adding class to A element in UL LI list)
Hi everyone, i have this code: $(document).ready(function() { var element = $(".mainSubNav ul li a"); element.mouseover(function() { idLi = $(this).attr("id"); $(".mainSubNav ul li a#" + (parseInt(idLi) - 1)).addClass("bgNone2"); }).mouseout(function() { $(".mainSubNav ul li a#" + (parseInt(idLi) - 1)).removeClass("bgNone2"); }); }); how can I change it that it will be catching index of LI A elements, instead of ID's ?? because I don't want to use ID's for A elements if I can use index "[0,1,3,...,i]"
[jQuery] JCarousel - How to scoll a fixed width of pixels?
I'm testing JCarousel for a project and trying to figure out if it is possible to scroll a fixed with of pixel when I click on prev and next buttons instead of a specified number of items. I need this because the images will be of varying width, but the same height. One clip-window will have 3 images, another 2 etc. Have anyone tried something like this?
[jQuery] issue with datepicker setDate
Hi, The following set my two input range to today's date: $("#fStartDate, #fEndDate").datepicker("setDate", "null", "null"); However if I try to set the range to the last week, by setting the first input to -1w and the next one to today's date : $("#fStartDate, #fEndDate").datepicker("setDate", "-1w", "null"); This doesn' t work : both input are set to today's date.... Am I doing something wrong ? Thanks
[jQuery] dialog box position
<div dir="ltr">Hello list,<div> </div><div>I am trying to show a dialog box when user hover a link. The following works on firefox only. Is there better way to do it via jQuery(or browser independent) way?</div><div> </div><div><p style="margin: 0.0px 0.0px 0.0px 0.0px; font: 11.0px Monaco; color: #2a00ff"><span style="color: #7f007f"><a href="#" onmouseover</span><span style="color: #000000">=</span>"<span style="text-decoration: underline">$('#my_hidden_div_box').dialog({autoOpen: true, draggable:
[jQuery] disappearing content with IE7 (slideToggle vs toggle)
Not sure what it's doing wrong, but slideToggle appears to have a negative affect on IE7 blocks. http://www.nabble.com/issue-with-slideToggle-td9984489s27240.html I was able to see this with Jquery 1.2.3. Does anyone know if it was fixed for 1.2.6? toggle successfully re-shows a div for all browsers, while slideToggle and IE7 can't and pushes it up and left for some reason. doctype: !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"
[jQuery] Resizing Images in jQuery
I am trying to display images on the page via ajax, but they are slow loading. What I'd like to do is show a 'loading' image while the image is loading, and then load the image. The problem is, all of the images are different sizes, and so I can't set the 'loading' image to the exact size of whatever image is loading. Once I load an image, the image stretches overtop of the content below it or to the side. Is there a way with jQuery to dynamically resize everything around it so that the image will
[jQuery] Using jquery with thickbox causes I.E. 6 to lose scrollbar
Hi, Has anybody tried this yet? When i use the latest jquery + thickbox, when i display a modal window, i.e. 6.0 loses its scrollbar, to the content appears to move, does anybody have a solution?
[jQuery] stop hover
hi, well i got a little problem. i got some images which get a border if i hover over it. if i click an image it gets big and in front of the others but it still gets a border if i hover over it. that sucks and i don't know how to stop it. i didn't programmed this hover so i don't know something about it except it does a border! i'll be happy about every idea. thanks for reading. -weidc
[jQuery] detecting if Firebug is installed
hi all, I have an application that fails when Firebug is installed in Firefox 3 (with FF2 works). does someone know any way to detect if Firebug is installed (I know how to detect FF, but not Firebug) thanks! -------- Pere Roca Ristol Biòleg i especialista GIS Museo Nacional de Ciencias Naturales (CSIC) Visita l'EDIT mapViewer! http://edit.csic.es/edit_geo/prototype/edit.html -- View this message in context: http://www.nabble.com/detecting-if-Firebug-is-installed-tp20029518s27240p20029518.html Sent
[jQuery] Image displays again and again
Hi every body, In my application we are using the JQuery datepicker and we are calling the function jQuery("#fromDate").datepicker({ showOn: "button", buttonImage: "/TCSFramework/images/icon.gif", buttonImageOnly: true , dateFormat: gPreferences.dateFormat }).addClass("embed"); like this i am disabling it with jQuery("#fromDate").datepicker("disable"); but problem is when i revisit that page it is adding the image again and again how can i solve it. Actually i am a newbie to JQery datePicker
[jQuery] [jquery ui autocomplete] setData problem
Hi, I am trying to add a pagination capability to my autocomplete I am having trouble when I click the pagination link , I call setData , flushCache and then trigger a search event and pass the page, but the setData is not setting the extraParams. help? this is my autocomplete call: $('input [type=text]'). autocomplete( { url:'/ajax/search', cacheLength:30, width:380, formatItem:function(results,index,total) { var zebra=true; results=eval('('+results+')'); if (results.length<=0) { $('#ac_extra_menu').hide();
[jQuery] [forms] question.
Using jQuery, is there a quick way of setting the 'checked' attribute to true for all the 'veggies' below? Thank you. <form name='store'> <input type="checkbox" name="veggies" value='2'>Banana <input type="checkbox" name="veggies" value='1'>Avocado <input type="checkbox" name="veggies" value='0'>Apple <input type="checkbox" name="veggies" value='3'>Papaya <input type="checkbox" name="veggies" value='4'>Plum <input type="checkbox" name="fruits" value='a'>Broccoli <input type="checkbox" name="fruits"
[jQuery] [Validation] DOM changes, adding validation rules to new objects
Hi Jörn, Brilliant plug-in, it may be that I can do what I need to but i can't seem to make it work. I'm building a form with lots of fields, after the DOM is ready I then bind the validation rules for the known fields. I then have functionality which allows the user to add new fields, table rows with multiple fields, etc. What I would like to be able to do is to bind the validation rules for these newly added DOM elements. I've looked at your dynamic demo and this is all achieved by the class attribute
[jQuery] [validate] ignore an iframe element
I am using the Validation plugin, which is working well overall. Is there a way to have it ignore an entire iframe? I have added the { ignore: ".ignore", ... } parameter to the configuration and applied the ignore class to every element possible in regards to that respective <div> and all elements within the iframe's contents, however when the element within the iframe is selected, I get the following error: validator is undefined http://somedomain.com/js/jquery.validate.js Line 287 Which is: function
[jQuery] Question to parent() versa DOM parentNode
Hi. Does the jquery parent() traversing the same as the DOM 'parentNode' ? I ask because i get different results while traversing some Nodes with DOM Style and jquery approach. jquery Style: $(elem).parent().parent().attr('for'); (Prototype) Helper function with plain DOM Javascript: function Helper_getAttrParentNode (attr, elem, level) { for (var a = elem; level > 0; level--) { a = a.parentNode; } return a.getAttribute(attr); } Usage: Helper.getAttrParentNode('for', elem, 2)
[jQuery] Accordion movement not smooth + other weird stuff
Hi there, Luckily I've never had to ask about Jquery's performance or anything like that - it's a SOLID tool, but I'm trying to use the accordion in a unique way and am honestly not experiencing great results. I'm hoping it's just my own mistake :-p Take a look: http://militiamarketing.com/temp/index.html Some issues: - clicking on panels results in jumpy animation, this mostly happens on longer panels which extend beyond the length of the window. ie. try opening about us and clicking on another....
[jQuery] google's gadget API implementation on jQuery
Hi all, I've implemented a web site (http://www.heremypage.com/), which works like netvibes or igoogle (www.google.com/ig), the so called personalized home portal. The gadgets implementation are almost 80~90% compatible to google gadget APIs http://code.google.com/apis/gadgets/docs/overview.html. I believe that they can be a good foundation for jQuery based gadgets development, if continual development efforts are drawn to improve it by more developers. Certainly it isn't up to date: The version
[jQuery] Using "jQuery Multiple File Upload Plugin" and "jQuery Form Plugin" together
Hello, I'm trying to use "jQuery Form Plugin"( http://www.malsup.com/jquery/form/ ) and "jQuery Multiple File Upload Plugin"( http://www.fyneworks.com/jquery/multiple-file-upload/ ) together to build a possibility to Upload more then one file at a time. But when I try to do this, the Form Plugin uploads no file. I can select more then one file and after submitting the form, the server script( php ) gets called, but there is no file uploaded. Perhaps somebody can help me on this... Greetings, Stefan
[jQuery] JDate picker image comes again and again
Thanks every body --------------- In my application we are using the JQuery datepicker and we are calling the function jQuery("#fromDate").datepicker({ showOn: "button", buttonImage: "/TCSFramework/images/icon.gif", buttonImageOnly: true , dateFormat: gPreferences.dateFormat }).addClass("embed"); to show the date picker i am disabling it with jQuery("#fromDate").datepicker("disable"); but problem is when i revisit that page it is adding the image again and again how can i solve it. Actually i
[jQuery] how do you toggle a checkbox value?
I know there is a quirk with checkboxes, but I am under the impression that setting the check state to boolean values within javascript takes care of that. Unfortunately, this assumption is proving to be an incorrect one. // Here is a snippet of code $("li#" + liId).click(function(event){ var checkbox = $("#" + checkboxId) // this is being found as expected // flip the checkbox state console.log(checkbox.checked) checkbox.checked = !checkbox.checked ====== End // This code snippet always returns
[jQuery] mask input plugin - meioMask
Hi all, i want to present a jQuery plugin that masks text inputs on a form. It will mask the input while you are entering the input you want, helping the users to write exactly what the developer wants. See the docs for more details and a better understanding: http://www.meiocodigo.com/meiomask/docs/ And comment at my blog here: http://www.meiocodigo.com/2008/10/16/meiomask-jquery-form-mask-input-plugin/ Hope it's useful! Cheers.
[jQuery] JQuery to select rows inside a particular table
I am creating a series of tables and would like to be able to grab all the rows inside of a particular table. I tried" $( table#myTable > tr ) with no avail. I am still new to JQuery so please forgive me if I am missing something obvious. -jl
[jQuery] $("a") is not a function error
Hi everyone, I use jquery 1.2.6. I'd like to get some attributes from a tag, but i get some errors. Here's the jquery script: $(document).ready(function() { alert($("a").href()); alert($("a").text()); alert($("a").title()); }); And the html is here: <a href="the href" class="myclass" title="the title">testing</a> The script only works for $(''a").text(), and the others show error. Can anyone help me, why is it happen?Thanks a lot before..
[jQuery] dynamic image preload
I'm trying to click on thumbnails in a <ul> and have the larger image load in with a fade effect, clicking another will fade the old one out and the new one it. With the code I have the initial load od the image pops in, once it has been stored in the browser cache, the effect works. Wondering if there is a way to preload the new image before I fade the old one out and the new one it, here is my code so far: $('.gholder img').click(function(){ imgname = $(this).attr("title"); caption
[jQuery] JS Question: How does this jQuery idiom work?
Plugins are supposed to use this: (function($) { // Plugin code }) (jQuery) I know what it does (allows the use of $ within the script), but how does it actually work? Is it somehow casting the function object as the jQuery object? It always seemed odd to me, and I haven't seen this idiom elsewhere.
[jQuery] [validate] position of error message
Hi, Is there anyway to position the error label before the input or anywhere else? As i'm not using any of the css (apart from the label.error, but only for colours and slight padding), I presume its in the javascript somewhere? Thanks
Add animation to jquery UI dialog resizing
Hi, I have a jquery UI dialog on my page that I would like to resize at some point. I would like to add some animation for the resizing proccess (something like show("slow") ) Unfortunatelly when I do $("#myDialog").data("height.dialog", 120).show("slow"); The dialog gets resized but I don't see any animation effect... I'm new to jquery. Am I doing something wrong? ??
JQUERY KISS MY BUTT
Day 1 - JQUERY is great! I find a tutorial on an accordion and its awesome! Day 2 - I want to add Jquery tabs to my site and it requires additional JS files plus 2 UI CSS files. Feeling bloated Day 3 - I want to add a hide/show function and nothing ever works with my existing jQUERY package. Every addition I have to add 3 NEW .js files and more CSS shizaboggen. How many javascript files do i need to have and how many CSS files do i need to add to get a website that has JQuery Accorion, JQuery Tabs
[jQuery] dot spearated id
Hi! We're working with a java workframe that creates element ID-s separated with dots and thus we have problems using the jQuery selectors. Example: <input type="text" id="object.member.property" value="test"/> <script type="text/javascript"> t = $('#object.member.property').value; alert(t); </script> Of course, this script won't display properly the value "test". I've tried the $('#object\.member\.property') also but still obtained no result. Since the dot is a CSS selector, what can be done about
[jQuery] Superfish plugin
When i have a two tier menu system. eg. just dropdowns from the main horizontal menu and there is only two options in the list, if i move the mouse down and off the menu it does not disappear. Sideways off the menu is fine, but not down. It seems to be a firefox thing. IE7 and chrome work fine. Any reasons why this might happen?
[jQuery] jCarousel - endless creation of new placeholders when scrolling forward
I'm creating a jCarousel piece by piece when images are added to my page dynamically. So, for each iteration through an image add, its thumbnail is placed into the jCarousel using the add() method. The carousel begins with no images at all (so it creates placeholder images). So, I start with no images, and add 6 or 7 before beginning to scroll. The problem happens when I use the right arrow and scroll forward. When I come to the last image in the list, instead of it staying anchored to the right
[jQuery] help: Zend Framework and JQuery validation plugin
Hi! I try to use Zend Framework with JQuery validation plugin. Standard validation of forms works good but when I want to remote validate (f.e check a login in database) remote function dosen't work. Below I write a code with method from controller and views listing: Method from controller: function checkloginAction(){ $request = trim(strtolower($_REQUEST['login'])); //take data from global REQUEST array $users = new Users(); //make a new class with users $select = $users->select(); //select users
[jQuery] [Forms Plugin] Additional Submit Method
I've built several forms using the jQuery Forms plugin and the ajaxForm and ajaxSubmit with fieldSerialize. But, this one little problem that seems simple is driving me crazy. The following code submits the form when the Submit button is clicked. How can I also set it up so that when a text link is clicked, the form will submit (in addition to the submit button)? Here's my code [code] $(document).ready(function() { var DOC = $('#DataForm .calcData').fieldSerialize(); var options = { url: 'test.php',
Next Page