Remove tab after submitting the form on that Tab
I have 2 tabs and i create one more tab dynamically. Once i submit the form on the newly created tab , i want to remove the tab and select the first tab with the updated list which is affected by last submit. But when i try to remove tab ..my form on that tab doesn't submit. any help is appreciated. Thanks, Rohan
[tooltip] - how can I make the tooltip clickable?
Hi, I'm using the tooltip plugin at http://bassistance.de/jquery-plugins/jquery-plugin-tooltip/ What I'm trying to do, is make the tooltip clickable/able to be moused-over. I don't want the tooltip to disappear when the mouse tries to click it. Is there any way I can manage this? I really like this plugin, but in case this is not possible, which tooltip plugin would you recommend? One necessary feature is the ability to add custom content to the tooltip on multiple <a> tags, without actually relying
Datatable with hyperlink
Is it possible to add hyperlinks to jQuery Datatable.I wanted to add hyperlinks so that it would forward to additional information for each row.
Autocomplete and web service(asp.net
Hello everybody I am novice with Jquery and now going ask stupid question. I am trying to load data from web serivice.I Even manage to call webservice function and get some data.Some reason Google Suggest doesnt work. here is my Autocomplete code: <script type="text/javascript"> $(function() { $("#test").autocomplete({ source: function(request, response) { $.ajax({ type: "POST", url: "Services/PurchaseRecomendationService.asmx/GetProductClient", data: "{ 'name': '" + request.term + "' }", contentType:
Animated charts?
Hi all, I've checked some jQuery chart tools, e.g. flot. It seems to be possible to do animation there but I did not find any example. What I want to do: Have a bar chart with around 10 bars. At start, all charts are set to value 5. Then after 1 second, the first one increases to 6 slowly (this animation should take about 1 second). When this animation is finished, the next bar should decrease to 3 slowly (again taking 1 second) Then the next bar should be animated etcSo I don't want to animate all
Accordion How to shorten the distance between two divisions
Hello; I'm using JQuery Accordion, and I want to shorten the distance between two divisions To understand more : here's a part of the asp.net code and some picture to explain thanks <%@ Page Title="" Language="C#" MasterPageFile="~/masterpage/MasterPage.master" AutoEventWireup="true" CodeFile="savoir_notation.aspx.cs" Inherits="introduction_savoir_notation" %> <asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server"> <link href="../css/introduction/savoir_notation.css" rel="stylesheet"
validation plugin - multi values
It works pretty good. But I have a problem with an e-mail-field. The user should enter multiple e-mail-addresses. But the plugin shows an error. So is it possible, to config a multi value e-mail-field? Perhaps like this: $("#SendMailForm").validate({ rules: { SubjectTX: { required: true }, SendToTX: { required: true, email: true, multi-value: true, separator: '; ' } }, messages:
jQuery + rotate/cycle images
hello all, i'm new to jquery i'm trying to make a circular image rotate. this image has 5 texts that i'd like to make linkeable. my first approach was with jQueryRotate (really great plugin, provides exactly what I need) but the links only worked on chrome. because of this I just tried jquery.cycle with the fade effect and it worked entirely. the backside is that I had to create several images and several imagemaps for the links, but the compatibility is great. so the question would be, how come
autocomplete and masked input
Hello, I'm trying to add autocomplete on a masked input based on another input field, the code looks like this : <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>Test</title> <script type="text/javascript" src="../lib/jquery.js"></script> <script type='text/javascript' src='../jquery.autocomplete.min.js'></script> <script src="../jquery.maskedinput-1.2.2.min.js" type="text/javascript"></script> <script type="text/javascript" > $().ready(function()
Div Transitions
Just trying to carry out a simple div transition, using Firefox firebug I notice that the transition sets the div to an opacity of 0, but once it has run through once, it won't carry on again. I'm left with a blank screen. I've tried several different plug-ins but I've noticed they all do the same thing... Here is what Firebug produces <div class="area"> <div style="left: 0pt; top: 0pt; position: absolute; opacity: 0;" class="rotator r1"><p><strong>We(1) are a family business specialising in </div>
Datetime Box
How do i use this plugin? http://plugins.jquery.com/project/DateTimeBox I have used the datepicker but cant get this to work.
what the heck?
Hello all, I'm trying to add some sort of function, or combine two different thing's with jQuery. One is a news ticker, the second is adding the <ul> <li>news item</li></ul> to pull in an RSS feed? Here's my code below. <script type="text/javascript"> $(document).ready(function(){ var first = 0; var speed = 700; var pause = 3500; function removeFirst(){ first = $('ul#listticker li:first').html(); $('ul#listticker li:first') .animate({opacity:
XML Pagination Problem
Hi guys, I have been slaving for hours over this snippet of code I have developed to read from an XML file and then paginate the results in an unordered list. However, the next and previous link buttons do not work correctly and my code only work ins Safari4+ on the Mac, but there is a JS error when opened in IE7+, maybe thats the reason for it not displaying properly in those browsers. Anyway, I need to be able to fadeIn 10 magazine issues, then fade them out when the user clicks next or previous
Set window position of scroll to
Hi, I'm using the jQuery plugin smooth anchors and I would like to know how to edit the code so I can position the scrolling start point. I have a fixed nav bar at the top and require the content which scrolls underneath, to sit around 230px from the top margin. Presently its default is 0 or .top. and it all slides up under the nav. Is it possible to bring this down so my anchors will be the top when link clicked?
Anyone have experience with the formToWizard.js plugin?
I need a little advice on using this plug in. I was able to modify it to add and remove classes for the stepIndex "nav" with the buttons, now I have another issue. I need to add an onbeforeunload alert on steps 2-4 of a 5 step form. I am able to disable it for the submit but can't disable it for the first step, here's what I have: <script type="text/javascript"> var action_is_post = false; $(document).ready(function () { //this disables it for submit $("form").submit(function () { action_is_post
Superfish: Call a JS method when hovering an item
Hi! I want to change a picture in my layout when the cursor is over an menu-item of superfish. Because this is impossible with CSS I have to use JavaScript. - And superfish has to call the JS-method. Is there any way to do this? I think I need something like "onShow" or "onHide" which calls the JS-method. Thank you and best regards Flash
Validation: customize display of error message - stop at first errored field
I'm displaying form validation errors in something like a fancy tooltip. It works great when validating a particular field, but when the whole form is validated, the tooltip displays on the last invalid field. I would like it to display for the fist invalid field instead. Thanks for any help you can give me.
Help with form wizard and onbeforeunload
Hi, I have a very long form that has been broken into steps with a modified form wizard. I had to use onbeforeunload so a warning is displayed if the user refreshes, closes or hits the browser back button. I need to disable this on the first and last (fifth) step. So it only needs to work on the steps 2-4. Easy enough to disable it on submit, but I can't get it to disable for the first. Im trying to disable it when #step0 has a css display of block, that is when it is visible. Can you see why this
Sf-menu is great, but cousing an error at validator.w3.org
Hi, I am using the sf-menu on several websites without problems, it is working fine and looking great. But testing the sites with validator.w3.org an error is found while checking the site. The validator says: " there is no attribute "rel" : …="menu sf-menu sf-horizontal"><li rel= " 56" class="parent item108"><a href="/ab…" In my source code it is: <li rel="56" class="item115"><a href="/aboutus/mission.html"><span>Mission</span></a></li> and so on for every link in the menu. As everything is working
color font size i modified Superfish
Hello, can i resize the font color in the Superfish menu? the background color I've changed but the lyrics do not know how to do it? thanks
tamaño y color de la letra
how I can change the point size menu i Superfish navbar. in the css files I can not find ... thanks
Jquery Form Plugin - $.ajax in beforeSubmit not working properly
Hi, I have been using the jquery form plugin from Mike Alsup for quite a while and normally don't have any problems, however I am now trying something slightly different. Here is the scenario: An add user form where in the beforeSubmit I want to go to the server and check if the new user already exists in the database. If some matching users are found the $.ajax returns a json object which I then convert to a list of matching users which appears in a blockUI message window with a button that says
Anyone good with Galleriffic?
Hello all, I've got an issue with galleriffic...I want to be able to hide the "previous' link when I'm on the first page of thumbnails, and the 'next' link when I'm on the second page...i'll post my jscript below, as I have no idea how to do this. Also I've noticed the fade transitions just don't work in IE, although the links themselves work and the image DOES change when clicking from thumbnail to thumbnail. anyways here's the page I'm working on: http://parkerhu.com/test_jhus/editorial.php you'll
BlockUI: element blocking not working correctly in Firefox but appears to work in Chrome
I'm trying to use BlockUI to block elements of my page inside the $(document).ready() callback but seem to have inconsistencies between Firefox and Chrome. I create a simple page to demonstrate this difference: <html> <head> <title>BlockUI test</title> <script type="text/javascript" src="jquery-1.4.2.min.js"></script> <script type="text/javascript" src="jquery.blockUI.js"></script> <script lang="javascript"> $.blockUI.defaults.applyPlatformOpacityRules = false; $(document).ready(function() {
Validation: Only validate textbox if corresponding checkbox checked
I have a simple form which I am running a validation on a single text box (as shown below, adapted from the milk example). $(document).ready(function() { // validate signup form on keyup and submit var validator = $("#updateModules").validate({ rules: { guestbookContact: { required: true, email: true }, }, // the errorPlacement has to take the table layout into account errorPlacement: function(error, element) { if ( element.is(":radio") ) error.appendTo( element.parent().next().next() ); else if
jQuery Form plugin with <script> returned
I'm using the Form plugin for handling file uploads, and it's working perfectly, except for one snag. If I return some <script> items with jQuery code in them to be executed, I get "$ is undefined" errors. I've determined that this is because the response is going into an iframe, where jQuery is not loaded. I tried to wrap everything in <!-- ... --> and let the success or dataFilter callback strip that off, but then the innerHTML test in the cb function always fails, because comments are not returned
cycle.lite.js, problems
<!DOCTYPE html> <html> <head> <script type="text/javascript" src="http://code.jquery.com/jquery-1.4.2.js"></script> <script type="text/javascript" src="http://cloud.github.com/downloads/malsup/cycle/jquery.cycle.lite.1.0.js"></script> <script type="text/javascript"> $(document).ready(function() { $('.slideshow1').cycle({ fx: 'fade' }); }); </script> </head> <body> <div class="slideshow1" align="center"> <img src="http://eclipse-chaser.com/06totality.jpg" /> <img src="http://eclipse-chaser.com/08posttotality.jpg"
jQuery cycle with different pause time
Could someone give me a hand? I'm trying to use the jQuery cycle plugin to cycle round different quotes. I would like to have the quotes displayed for different amount of time depending on the length of the quote. To achieve this I get the content mangagement system to output the amount of seconds as a class name such as dur13 would be for 13 seconds. This is my non-working attempt: $('.featureFade').cycle({cycleTimeout: 10, after: onCycleAfter}); function onCycleAfter() { $('.featureFade').cycle('pause');
jQuery form plugin and app engine blobstore
Hi, I'm having trouble getting the jQuery Form plugin to work with google app engine blobstore - I'm pretty sure its because the blobstore upload handler mandates a redirect response, and the plugin doesn't handle that correctly - it returns a null responseText, which I assume response body of the redirect itself, rather than the redirect target, not sure though. I did originally post this question on stack overflow, and there's some additional information there, including the code I'm using.
Jquery Cycle showing 2 items scrolling one
Hi wonder if anyone can help. Using the very good and efficient jquery cycle plugin. I'm using the implementation to show 2 images at a time, using the code below: <div> <image 1> <image 2> </div> <div> <image 3> <image 4> </div> However is it possible to scoll 1 item at a time but show 2 images, so at first show image 1 and image 2, then scroll left and have image 2 and image 3 show and then scroll left and have image 3 and image 4 show. Tried searching all over but couldn't find anything,
SimpleModal - resizable and draggable?
With regards to the SimpleModal plugin, I'm wondering if it can be made resizable and draggable, like a standard UI type dialog box? Can't seem to find any properties for it which mention dragging and sizing.. can it be done? Cheers!
Tablesorter Plugin
Is it possible to add a scroll to tbody that works in IE?. I am using the tablesorter plugin found here... http://tablesorter.com/docs
validate plugin: multiple forms with same form field names
I am trying to use the rules() method to add rules to input fields, and I have multiple forms on the same page with the same input fields. Each input field has a unique id, but the name is the same across forms. Using the rules() method I am seeing behaviour where validations "leak" from one form to another. I am assuming that the plugin is registering the rule based only on the field name, and not based on the form, so when the form is actually validated I'm getting rules registered for fieldA
jCarousel example or how not to have the ul li list items one below the other
Hello, I noticed something that bugged me for half an hour with the jCarousel examples. I was trying to code a simple example and it would not display the ul list in a carousel, but instead the ul list would be displayed like a regular one, with the li items one below the other. The issue for me was that I would include the jquery-1.4.2.min.js file AFTER the jcarousel one. The order of javascript inclusion matters. This does not work: <script type="text/javascript" src="http://localhost/js/jquery/jquery.jcarousel.min.0.2.4.js"></script>
SimpleTip tool tip is not calculating the tool tip location properly
I installed this tool tip plugin: http://craigsworks.com/projects/simpletip It was super simple to install and customize and I am more than happy with it, except for one little thing. The position of the tool tip is not calculating properly. I attempted to see if was based on the position element in the CSS of the containing div, but I changed all of them around to see if it would make a difference and it did not fix the problem. Changing the containing div to position:relative the tool tip actually
I can't get jScrollPane to work, for some reason?! :(
Oh, the frustration! I have literally had the most frustrating morning ever. I've spent 4 and a half hours trying to get this to work. The jQuery plugin in question is jScrollPane: http://www.kelvinluck.com/assets/jquery/jScrollPane/jScrollPane.html My webpage is http://furnace.howcode.com - please just ignore the test data there during development ;) So if you examine the source, you'll see this: jQuery(document).ready(function() { $('#newesttab').addClass('selectedtab'); $('#col2').addClass('newestcol');
$.post breaks Cycle Plugin
I'm working with a Drupal site and am trying to stay within the results of a Drupal view. I'm using Cycle to rotate through a bunch of images created by this view, and I want to use an ajax "page refresh" to check for new content. I get the new content just fine, but then cycle breaks. Here is my function: function ajaxRefresh(){ $.post('my_site', function(data){ $('.view-content').cycle('pause'); view = $(data).children().html(); $('.view').empty().append(view);
Gallerific - Run Code after the image has completed it's transition.
Hi, I am running into an issue with gallerific plugin where I would like to be able to run code to get the height of the currently displayed image directly after it has finished transitioning onto the page. So for example when the script completes the load of the first image code would run to get it's height, and then each time the user navigates to an image, once the transition to the new image completes get it's height. It seems like all the currently available options to run code happen before
jwysiwyg
can anyone tell me jwysiwyg or another editor that support upload image??? in example like editor in this forum... please tell me...
qjtouch and .load(), problem with mobile safari
Hello, I am new to jquery and not very experienced at js. I am developing a guide for a exhibition for my course of study with jquery and jqtouch. Everything works well except in mobile safari, witch is the most important part. I wrote this code: jQuery(document).ready(function() { var loadthis; $("a.aboutprojectlink").click(function(event) { $('#aboutprojectcontent').text("lade..."); loadthis = $(this).attr("title"); $("#aboutproject h1").text(loadthis); $("a.linkbarbutton").removeClass("linkbarbuttonclicked");
Next Page