How to shift a table column
Hi, I'm new to JQuery and also JavaScript so I'm running into a lot of pitfalls and watched a lot of examples (learning by doing). What I want to do is to create a function which shifts a table column one position to left. Therefore I'am trying to select all relevant td and th elements. My problem is to rearange the elements. Within the both each calls, see the code below, $(this).get(i) would result the td respectively the th element where the before function is undefined. But how to insert the
resize image help
Hi. I am trying to create an image rotator, where the big image is fixed within a div. The thumbnail images used in the rotator are all the same size, but the main image represented by one of the thumbnails can be any size. What I would like to do, is load the big image, get the width/height of the big image and resize & center it within the main image div so that the proportions of the image are maintained and the main image div remains the same size. I have been using the code found in this tutorial
[jQuery] Selector help
I'm pretty new to Javascript/ jQuery, so this is really bugging me. I'm trying to get the height of an h1 that is a sibling to this. The value for the variable h1Height, however, returned as null in the console in Firebug. Perplexed, I tried console.logging ('this'+'+h1') to see what it was interpreted as. It brought back this+h1, which should select an h1 adjacent to this (which is a div). Javascript h1Height = $('this'+'h1').height(); What went wrong?
[jQuery] using extend to extend inner object options
Hello everyone, In my plugin arquitecture, I need a inner object of options like the ticked http://dev.jquery.com/ticket/2447 How could I achieve this? I understand that it's really a expected result to overwrite a inner object, but in plugin that I`m developing, I need a subobject of options that need to be extending and not overwriting. There's some plugin pattern to achieve this??? Regards, Alexandre Magno Interface Developer http://blog.alexandremagno.net
[jQuery] Is it possible to add filters to the (validate) plugin?
The validation plugin is working wonderfully. On the server side, there is some processing like trimming the input field, lowercasing the input field, etc... Is there an easy way to wrap the fields into such filters prior to processing so that the client check matches the server check? The syntax I'm using is: $(document).ready(function(){ $("#form_frame").validate({ success: "valid",rules: { email: { email: true, minlength: 6, maxlength: 150, required: true, }, password: { minlength: 6, maxlength:
[jQuery] Superfish - open menu with ENTER key
Hello I am using Superfish 1.4.8 for making a keyboard accessible menu with sub levels that open only when the user has tabbed to the option (focus is active on the element) and then presses the ENTER key. The reason for this is that this is intended for browsing with screen reader applications that will get confused if the sub level opens automatically, it needs to be done until the user requests it. Is there any way to use the click event instead of focus to open the menu? I am thinking about this
[jQuery] JSON form submit
Hello, I'm working on an order system where I get to see all my purchase orders. But the problem is that I want to submit my result with AJAX by an JSON key. The first problem that I encounter is that I need to retrieve all the input boxes of that particular order. If I use $(":input") then I get all the input fields that are existing on that page. What do I want to achieve: - Retrieve all the input boxes of that particular order - Put then in an JSON string - Send it to my php script If there are
[jQuery] jQuery Animation problem
Hi, I' ve got this problem with jQuery: I have to click 2 times before the animation starts the first time, from then on it works perfectly. Is there anyone who can solve this problem? You can see it here: http://www.spurtersite.aclebbeke.be/spurters.php
[jQuery] MODAL HELP!!!!!!!!
Anyone: I cant seem to get this to work. If I pass "modal:true" in as a variable it doesn't work. Anyone have any idea what is causing it to break? ======= Stark Working Code ========== var modal = modal; var content = true; var $dialog = $("<iframe frameborder='0' scrolling='no' allowtransparency='true' src='modals/" + modalID + ".html'></iframe>") .dialog({ modal:content }); $dialog.dialog('open'); ======= End Working Code ========== ======= Stark Broken
[jQuery] Adding element to an array of object
I would like to add a key value to an object array. let's say i have 2 arrays: var parArr = new Array('par1', 'par2', 'par3', 'par4'); var valArr = new Array('val1', 'val2', 'val3', 'val4'); I would like to obtain ext={par1:val1, par2:val2,pa3:val3,par4:val4} Any help would be greatly appreciated.
[jQuery] Validation Plugin
Recently I have just started using JQuery and JQuery Validation plugin. They are really great in terms of helping me in my project. I am having problem with one of the property in the validation plugin. I do not understand about the method called "Remote". How do I write out a script in JSP to process the field at my server?? Can anyone show me an example? Thank you very much
[jQuery] Help in validation plugin
I have just started using this great validation plugin but I encounter problem in "Remote". I do not know how to create a JSP script that will take in the parameter for the evaluation. Can anyone show me some example codes so that I can get started? Thanks a lot.
[jQuery] Json post with mozilla
Hi all, I'm newbie to Jquery so excuse me for dummy question. I'm facing with the issue of making a call to another domain with mozilla firefox. When I need a GET request, I use JQuery.getJson and it works fine. The problem is when I need to do a POST request, I tried with: jQuery.post( url , dati , function(data){ alert(data); .... }, "json" ); but it gives me following error: Errore: uncaught exception: [Exception... "Access to restricted URI denied" code: "1012" nsresult: "0x805303f4
[jQuery] Variable scope trouble
I am attempting to use the return value from a nested ajax function as the value for a variable in its parent. However, despite being able to successfully assign the variable within the nested function, it reverts back to its original value after the child function has terminated. Below is the code: $('a[href^=logmar]').tooltip({ bodyHandler: function() { var args = $(this).attr("href").split('?')[1]; var lm_out = "test"; // <-- attempting to set
[jQuery] about get() in ajax part of jquery
Hi guys! I've got a problem to tackle. Will anybody help me? I wrote a $(document).ready() function in a js file that are referenced by a html page. $(document).ready(function() { $('#letter-e a').click(function() { $.get('http://localhost/e.php', {'term':$(this).text()}, function(data) { $('#dictionary').html(data); }); return false; }); }); I could get the response from php only in IE and safari. It didn't work in opera firefox and chrome. Can you guys tell me why this could happy in jquery. if
[jQuery] Multi jquery plugins in 1 page?
I want to put in 1 page two jquery plugin, but one of this plugin don't work when i put 2" plugin. I am a noob in jquery and I want to know if 2 jquery plugin in 1 page works fine?
Defaulting css values: How to cater for no element headache!
Hi all I could really do with a little help with dealing with an element that does not always exist please. This is my first dip into jQuery and Javascript but I'm not a developer newbie I have 5 forms that share the same HTML (A Rails partial if it helps!) The shared HTML is a website preview and in one form I am allowing users to choose the height and width of the border around their website. On the forms that do not have the input fields available Internet Explorer throws a javascript error (Firefox
prepend problems! What's going on here?!
so I'm trying to dynamically build a table based on a checkbox being checked in the first td of every tr: var tableID; var isChecked; var tableImportBuild; function importData(id) { tableID = "tbl" + id; isChecked = $('#' + tableID).find('tbody input:checked'); tableImportBuild = "<table cellpadding='0' cellspacing='0' border='0'></table>"; $(isChecked).each(function() { var row = $(this).parent().parent().clone(); $(tableImportBuild).prepend($(row)); }); $('body').append($(tableImportBuild));
[jQuery] jQuery Combo Boxes (User Selection) / Text Validation
Is there a way to have a text validation tool for jQuery such that: Box 1: Hi Box 2: Automatically fills with Hi if Hi is entered in Box 1 In another case if, Box 1: Bye Box 2: If the user enters Bye in Box 2 it says that they entered an invalid response Also is it possible to have it such that if Choice A is selected in a a combo box it auto fills some of the text boxes and prevents the user from editing them? Thanks,
jquery toggle table colspan problem
I am using a table for some data and when i click on the edit button i want to toggle a row but for some reason the colspan tags doesn’t work(it works when i not use the toggle) <table> <tr> <td>1</td> <td>2</td> <td>3</td> <td>4</td> <td>5 (click)</td> </tr> <tr class="toggle"> <td colspan="5">lorem ipsum..........</td> </tr> </table> when i click on the toggle button the colspan=â€
[jQuery] jQuery Text Validation/Combo Boxes
Hello, Is there anyway to make a text validation tool such that if in box 1 the user entered dog, then in box 2 dog is entered for them. But if they enter cat in box 1 and attempt to enter cat in box 2 it tells them they have made an invalid selection? Also is there anyway to make it such that if you select a combo box text will appear inside of the text boxes and prevent user editing? Likewise hide and un-hide text boxes upon combo box selection. Thanks,
HTML over flash
Hi there. As you can see in this page: http://www.parksmania.it/prova_index.php the flyout menu goes under the youtube video. I cannot manipulate the youtube code because it's stored in database. So I made the wmode="transparent" via Jquery: <script type="text/javascript"> $(document).ready(function(){ $('.video object embed').before('<param name="wmode" value="transparent"></param>'); $('.video object embed').attr('wmode', 'transparent'); }); </script> But it does not work (the example contains
[jQuery] Using ProgressBar
Hi Guys I want to use the progress bar to display to content load progression when the site is loaded (like gmail). How can I do this ?
Allmost works jQuery calling js Funtion()
I haven't the slightest idea what I am doing but I am reading "Learning jQuery1.3" . <script src="jquery.js" type="text/javascript"> $("#t1").keyup(function(event){if(event.keyCode == 13){$("#b1").click();}}); </script> <script language="javascript"> function changeIt() { var i = 1; my_div.innerHTML = my_div.innerHTML +"<input type='text' name='mytext'+ i><br>" } </script> What I am trying to do: A user enters text in a text box. When the user hits enter a new (empty) TextBox appears. The ChangeIt()
[jQuery] can superfish be vertical on the right side of the page?
Hello, I would like to know if there is any way to control a vertical superfish so that it sits on the right side of the page and the menus drop left? Many thanks, Mike
[jQuery] body background fading images in cycle? need help...
Hi, I am looking for a solution to change my body's background with a list of backgrounds in every 3 seconds with some fade-in and fade-out transitions, I also want it to cycle back to its beginning image. <script jquery></script> <style> .bodyBG1 { image1 } .bodyBG2 { image1 } .bodyBG3 { image1 } </style> <body> <div id="mainwrapper"> <div id="sample">sample content</div> </div> <body> Thanks guy!
[jQuery] I dont understand why this doesnt work.
Its simple: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http:// www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" > <head> <title></title> <script src="jquery.js" type="text/javascript"></script> <script type="text/javascript"> $(document).ready(function() { $.get("http://twitter.com/statuses/user_timeline/ 19092829.rss"); }); </script> </head> <body> </body> </html> In IE and Opera this works perfectly, but in FF 3.5, Chrome, and Safari
jQuery UI Accordion
Hi I just discovered that the code below works correctly in all browsers except IE7. In IE7, the dropdown text will periodically shift to the far left upon clicking the link, and then shift back again. Any help is much appreciated. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/ jquery.min.js" type="text/javascript"></script> <script type="text/javascript" src="/ui/jquery- ui-1.7.2.custom.min.js"></script> <script type="text/javascript"> $(function() {
cufon with jquery color
I'm using jquery for a hover effect on my links and it works fine until I add cufon – then the color effect happens in reverse and very erratically. Is there anything here that looks like it would be causing a conflict? <script src="js/cufon-yui.js" type="text/javascript"></script> <script src="js/proximanova.js" type="text/javascript"></script> <script type="text/javascript">Cufon.replace('li', {hover: true});</script> <script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript"
[jQuery] Jquery Pass Layer Name
Hello, I am trying to load a report onto my page via ajax, the code post below currently works but what I would like to be able to do is pass the layer into which the results of the ajax request should be loaded as there are lots of boxes within the reports that require new data to be loaded on demand into the report. I want to be able to pass the parameters from my submit button which will include the targe layer and then a flag for sorting the data. I want to replace #jim with the" layer" variable
[jQuery] Jquery Pass Layer Name
Hello, I am trying to load a report onto my page via ajax, the code post below currently works but what I would like to be able to do is pass the layer into which the results of the ajax request should be loaded as there are lots of boxes within the reports that require new data to be loaded on demand into the report. I want to be able to pass the parameters from my submit button which will include the targe layer and then a flag for sorting the data. I want to replace #jim with the" layer" variable
[jQuery] Superfish nav-bar style hover problem
Hovering on the navigation that has no children - what's new, or Learn with us. Instead of showing a blank subnav, it is still showing the current drop-down. Is there any way to make the children blank? Example of my issue: http://update.creativejunction.org.uk/talk-with-us/ This superfish navigation is being used with the silverstripe CMS.
[jQuery] Vertical Slider Issues
Hello, I am trying to build a vertical slider using jQuery. I have made horizontal ones work in the past. No matter what I try it dosen't seem to work in any capacity. The GALLERY -> OCCASION CAKES page is what I'm testing on. Link: http://www.marisasimoncakes.com/index.php?/galleries/occasion_cakes/# On the SWEET REWARDS page you can see an example of a working horizontal slider using jQuery Thank you in advance for any help you can provide. Best, Justin
[jQuery] Superfish Menu Drop Left ?
Hello, Is there anyway to make a vertical super fish menu drop left? I have positioned the menu on the right side of the page so, I need sub-menus to drop left. Is this possible? Many thanks, Mike
[jQuery] How do I add parameters dynamically, right before the form submit ?
Hi, When the user clicks on the submit button, I would like to add some parameters to the form before submitting it (standard post submit, no ajax) How may I achieve this ? Thank you for any help. -- View this message in context: http://www.nabble.com/How-do-I-add-parameters-dynamically%2C-right-before-the-form-submit---tp24548550s27240p24548550.html Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] autocomplete mustmatch problem [autcomplete]
I'm using jquery autocomplete 1.0.2. The autocomplete retrieves data from the server and the option mustmatch is set to true. My data on the server has a code field and a description, and I'm returning <code>+" "+<description>|<id> an example of data returned by the server would be: FIN Finance|2 PER Personel7 This work fine except when the code field contains numeric data, eg. 010 Finance|2 020 Personel7 In this case, when an element is selected, the textbox is cleared on selection, although I have
Accessing a form in a dynamically generated iframe
I am trying to write a Greasemonkey script using jQuery to automate various processes on a web site. One of them involves automatically filling in a form located in a dynamically generated iframe. When the frame is generated I can do $('#NewFrame').length and get 1 confirming it is now available. However, when I do $('#NewFrame #TheForm').length I always get 0 even though I can clearly see the form there in the iframe. Any idea how to get access to that form and other form elements in the newly created
Can't figure out how to impliment jbreadcrumbs
I am trying to take my existing breadcrumb asp.net navigation string to use the jbreadcrumb plugin. I tried changing the css of the div's containing the dynamically generated navigation string but couldn't make it work. Do to size of post, I am only enclosing the code for the breadcrumb. I am hoping someone can help point me in the correct direction of modifying the existing layout. Thanks for your help in advance. <%# CreateNavStringFromKeywordSearch(XPath("searchHistory/dynamicNavigationHistory/keywordSearch/originalKeyword"),
[jQuery] Accordion in a for loop
I was trying to build an Accordion menu using a for loop but all of my trying failed. Could anybody tell me how to perform that action (if it is possible)? Thanks in advance.
Iframe and its content - problem
Hi, I'm stuck with the irame and jquery. This is what i want to do: I create iframe: var ifr_tag = jQuery("<iframe></iframe>"); ifr_tag.attr("id","iframeid"); ifr_tag.attr("frameborder",0); textarea1_div.append(ifr_tag); The iframe creation is working with the id and frameborder as well. Then what i want to do is to modify head: var head_tag = jQuery("iframe#iframeid > html > head"); head_tag.attr("xmlns","http://www.w3.org/1999/xhtml"); The above doesn't work for some reason,
Next Page