rewrite of earlier question of jquery plugin validation with twitter bootstrap
Hi everyone, I am rewriting this question to hopefully crystallize my question better: I am new to jquery and JS. I have a form which I am building with twitter bootstrap and trying to validate using the plugin validate at jquery.validate.js. You can see the live page at: http://optionhomes.net/index.php/test1/index I have a row with 3 input fields. If any of the inputs fail validation I want an error class to be added to the parent .control-group class.i figured I would iterate through the input
plugin for random sound
Hi, I want tp play a random sound from a array of sound files when a user clicks on an image. Let say the array contains 5 sounds. When the user clicks the first time on the image a file is chosen randomly, when the user clicks a second time another file is chosen ... Is there a plugin for such a purpose? tporschb
jqdock alignment open?
hello, i try to add the jqdock but i want to align it on the bottom right. i have it on the bottom : <ul class='jqDockAuto' data-jqdock-align='bottom' data-jqdock-labels='false'> but i want that the rigtht image is on the right and the dok opens to the left. i try this http://www.wizzud.com/jqdock/examples/ see example called: Flow option enabled on horizontal menu but it dosent run like i want:( is their any otehr solution for the newest release?
What term should I use to search for Montage plugin?
I have a fairly good "Montage" creator plugin that I am using here. However I am looking for something closer to what Google uses and "montage" does not produce any results. Suggestions welcomed... Todd
Tipsy tooltips don't work, when I include "protoculous.js" (Prototype 1.7 and Scriptaculous 1.9.0)
Hello, I use Jquery Tipsy Tooltips, you can see a working demo here http://www.i-know-somebody.com/tipsy/test.html Now, I also want to include an slide show. Build with protoculous.js (It is Prototype 1.7 and Scriptaculous 1.9.0) As soon as I have this <script type="text/javascript" src="javascripts/protoculous-2.0.packed.js"></script> in my script, Tipsy Tooltips dont work anymore. http://www.i-know-somebody.com/tipsy/test2.html (Demo with protoculous) Does anybody have an Idea, how to solve this
Circular Content Carousel with jquery
Hi All, I am using this plugin for a carousel that shows more info on the items once the button is clicked. I need to change the size of the image container as its too wide for my image. However when I change the size of .ca-item it then means my ca-content-wrapper is too short! Even after I set ca-content to a larger width. Any ideas? I don't have anything online as working on local host but here is my css and the html is as the plugin original. /* Circular Content Carousel Style */ .ca-container{
Searching jQuery Plugin for Wordbanner
Hi! I am searching a plugin to present a list of words in a div with fade in and fade out effects, but i don't know the exact name for such a plugin. For example i have some <h3></h3> or divs with a list of words and a maindiv (banner). These words should fade in and fadout each after another with different positions (random or fix), different font-size and color - in a loop. OR The words run like a text-scroller beneath each other, with full width of the banner (short news should be bigger and have
CYCLE - Problem with Large Slideshows
I'm trying to put together a Cycle slideshow using fairly large images and a lot of them, and have used CSS to solve the problem of the "unstyled content", but I cannot get the slideshow to advance (manually) until a long loading time has passed. Is there a way to make it advance to the next as soon the second slide is loaded (or not even that), rather than waiting for a whole bunch of them to load? It needs to start immediately, even if the slides are still loading. For example, if the second
related posts with thumbnails
How to make thumnails using jquery like widget in http://linkwithin.com/
Rich Text Editor using JQuery
i want to make Rich Text Editor using JQuery plugin that i can modified the display
JQuery animation plugin?
I need JQuery plugin to make an image animation that i can change the size of that image and the duration in animation
pjax popState and animations
Hi, i have a div that slides out of the screen, loads the new content and slides back. I use jquery pjax and that part works great: $('#menu a').on('click', function(event){ event.preventDefault(); var target = $(this).attr('href'); $('li.current').removeClass("current"); $(this).parent().addClass("current"); $(content).transition({left:$(document).width()}, 900, 'out', function() { $.pjax({ url: target, container: '#content', fragment: '#content', success: function(){
removing class from previous page when you are on the next page
This seems to be a little hard to explain, but I will try my level best. I have used jquery tablesorter for paging. working fine. Actually I have a list of songs and by default first song plays at page load. The TR of the song become active by custom jquery function which turns the class (classname = current_playing) so as to show that this song is playing. working fine. when I click on other song (other TR) then the previous song is made inactive and the TR's Class(current_playing) is removed which
What jQuery plugin was used here?
How do I accomplish this with jCycle: http://www.i-escape.com/six-senses-ninh-van/overview# but client wants only 2 large thumbs on the right that scroll in synch with big images I have built this with jCarousel but cant synchronise large images to fade in and out: http://www.vrischgewagt.co.za/viewFarina.html
Having an issue running more than one script plugin
Hello there, I am new : ) Anyway I am implementing jQuery into my new website and have ran into a snag. I had a really nice scroll function working in which the user would click a link and have a smooth scroll down to a #div. It worked great. But then I went back and added shadowbox.js to the site to open recent projects for display and it seems to have broken the smooth scroll. Now it just jumps directly to the #div. Here is my script section of the head of the document. <script src="Scripts/AC_RunActiveContent.js"
tiptip not working ok on a new jquery v1.8.0
Since a new version jQuery v1.8.0, the boxes title using tiptip, show now on 0,0 px on screen. Do you know some way to fix it ?
New jQuery based JavaScript frameworks
Hi Everyone, My company (ThoughtLeadr) just open sourced its jQuery-based front-end framework called Sasquatch. It simplifies the process of creating desktop-caliber webapps by providing an elegant controller/view architecture and accompanying compiler. Check it out – we would love your feedback: http://thoughtleadr.github.com/Sasquatch/
jQuery SVG: id="path_for_x:5_y:5" couldn't be found
Hi there, i'm using jQuery SVG for a while to create a game map with some tiles, i need to change opacity of some tiles (to draw a astar path finding result) but i'm stuck on a little issue: $("#path_for_x:5_y:5", mapSVG.root()).attr("opacity", "0.5");the error is: Uncaught Error: Syntax error, unrecognized expression: 5_y Does anyone know why? i tried to escape some characters like ":" or "_" but didn't fix the issue.
Easing
Hello I'm trying to use the easing plugin but I can't get it to alter the duration, where am I going wrong? Thanks <script type="text/javascript"> $(document).ready(function() { jQuery.easing.def = 'easeOutBounce'; $('#item1').animate({duration:3000}); });
Listnav split large results
Hi, I was looking at listnav, and it seemed to be able to do what i want, except for for splitting larges results. What i need is a alphabetical paginator, for thumbs, and when there are more than 100 A's the paginator should be A1 A2 ... or something similar (sub paginator) And/Or a compress option, if number of results is small combine, so a paginator could be : 0-9 A1 A2 B-F G H I-Z
tablesorter filter by cell attributes
Hi, Is it possible to sort or filter a column by its cell values or by other data attributes and not by its contents? Thank you.
Image Fade in , Audio Load, Movie load, Redirect with JQuery and HTML5
OK so that was a mouth full. I have previous use this forum and with the help of it members mad some really great stuff. ( Thanks Jake) So this is what we are working on now..Basically we have all the elements working but i want to add another and I am not quite sure how to do it so any help would be appreciated. Basically I want to add another image fade in before the redirect function kicks and redirects the site. Here is the code: Thanks in advance.. <script type="text/javascript"> var
Tablesorter 2 reports a javascript error if no rows in table
I have a dynamically generated table and if there is no data in the table, I like to just show the table header - however, without a row in the <tbody></tbody> section, I get an error in the javascript about node n[0] Enuuk Programmer http://www.rwapservices.co.uk
change dinamically HREF of sj:fieldtext
Hi I may change the value of href property of <sj:textfield> with a script (jquery or js is the same). This is need for make an async. http request e get the response in the same field. The call is good, the answer json i good, the result is good. The problem is that I can't update Href with new values. The code... <s:url id="AA" value="actionAsyn"> <s:param name="eta" value="123" /> // this is the value I want dynamically change </s:url> <sj:textfield dataType="json"
Autocomplete cache problem
Hi, I am having a problem with jquery autocomplete. My autocomplete should work as follows: When I click one image, the search box should list down all the items related to that image and when i click second image, search box should list down all the results related to the second image. I have set max items to be displayed as a list in search box is 10. When I click on first image, I am getting 10 results related to first image. And when I click on second image and type something that is not in the
Can I combine two plugins ?
Hi people, I was wondering if you can help me with a small challange. I have a website, where I have added two jqyery plugins: 1) Jquery Lightbox2 Lightbox2 This excellent plugin enlarge pictures on mouseclick. 2) Jquery Loupe Loupe Also an excellent plugin, which works as a image magnifier on mouseover. now, what I want to do is to combine these two plugins in order to get the following feature: when i want to study an image/picture, I click on it to enlarge it (Lightbox2) and on the enlarged
jQuery countdown two significant digits in compact view
In the countdown plugin, when I display the compact countdown with two significant digits it shows something like: "2d 12:00:00" and minutes/seconds stay at "00" forever. How can I get it to display something like: "2d 12h" instead? Strangely enough if I use the non-compact output, everything works as expected, i.e. it shows only "2 days 12 hours" (without minutes or seconds). In jquery.countdown.js I have: "format: dhms" (all low caps), "compact: true", "significant: 2" and in the html/php I have:
cycle: need to remove 'position' css property for photos wrapper...
why does cycle add "position:relative" to photos wrapper... how do I take this out.. it's done dynamically inline so I can't overwrite it... thank you....
Server problem
Problem,,, I have my web pages on a server, thats all singing & dancing, they are not up on the 'WEB' as am testing them.Uploaded by DW. Anyway am editing the css file of my php contact form, I save file in DW, I up load to the server, I preview in all the browers i have,,, and there is not change to the layout of the form. The Css file has changed on the server, And in design code layout in DW you see the change to the form. How do you stop this sort of cache'ing' in these browers,or that
Validate plugin to validate on initial focus
Is there a way to make the error message appear as soon as the form field first gets focus. I am trying to use the error message as a tooltip as well so I do not want the user to have to make the field lose focus before they see the error.
foggle plugin, enabling/diabling form elements
Hi, everone! At the bottom of this http://lab.abhisekdutta.in/foggle/ page there is a checkbox foggle function example. When the box isn't checked, the input is disabled. Is there any way to reverse this? When the box isn't checked the input is enabled - that's what I wanna get.
[validate] Event hook for validation success/failure?
Hi all, I want to hook into validation success/failure events, but don't see an API to do this? i.e. I want to enable/disable a particular set of controls depending on the state of validation. Is there a way to do this? Am I missing something? Any help is much appreciated, Andy
Roundabout - swapping images
Hi Guys, I am just getting started with jQuery and Roundabout is NEARLY perfect for what my client needs. But I need to get the images to SWAP, rather than scroll around. Does anyone know if I can do this with Roundabout, or do I need another plugin?
New plugin: jQuery.crSpline - Animates elements smoothly along arbitrary-length sequences of waypoints in 2D
jQuery.crSpline - Smooth 2D animation along paths of multiple waypoints, using Catmull-Rom splines. Demo GitHub You provide: A series of (x,y) points that the path should follow. Plugin provides: Animation along a smooth 2D path that intersects all points. Check out the demo page to see what it looks like. Example usage: $("#some-element").animate({ crSpline: $.crSpline.buildSequence([[x0, y0], ... [x9, y9]]), duration: 20000 }); I just published an early release of this and am looking for feedback
How initialise date picker more than once on a page
If you can only initialise the date picker once how would you kill the first and then start another so you can have two on one page.
How to make two datepickers work
Using one picker works fine, but if i double up the functions & the forms like below, the second picker dosent get returned, I only get the first picker (Your start date is) emailed back. I have tryed laying out the code as script function, form script function, form but still dont return second picker date, why would that be. <script type="text/javascript"> $(function(){ $("input[name='Your Start Date is']").datepicker(); }) </script> <script type="text/javascript"> $(function(){ $("input[name='Your
How to set the <thead> tag in a loop using Tablesorter?
Hello! I'm trying to write some code using Tablesorter plug-in to sort my table columns, which I get from the .php file. Anyway, if I put it like this: $('<thead></thead>').append( $("<tr></tr>").append( $('<th>', {text: data.titles[0]}), $('<th>', {text: data.titles[1]}), $('<th>', {text: data.titles[2]}), $('<th>', {text: data.titles[3]}), $('<th>', {text: data.titles[4]}) )).appendTo(table); the thing works perfectly, like it should. I expected
Issues with hyperlinks in FlexiGrid columns
Hi, I am using flexigrid v1.1 with jquery 1.7.2. The flexigrid is able to display the column value as a plain text and not as a hyperlink text (as set in the cell data while preparing the data for flexigrid). This is how i am setting the hyperlink value in one of its columnns... sBuffer.append( "<cell><a href=\"http://localhost:7001/MyApp/AppServlet?TaskNo="+tasks.getTaskNumber()+"\" target=\"_blank\">"+tasks.getTitle()+"</a></cell>"); I need to build this during data build-up as i have different
I need a help, for the plugin CountDown
Hello, I found a countdown plugin for my site, but every time I update the page, it starts counting again, I would like it to be resolved without starting from 0 when the page is updated, follow the link of the plugin, or beginner and ja googled but not quite understand, if someone can help me thank you. thank you http://tutorialzine.com/2011/12/countdown-jquery/
jQuery Cycle Plugin, fade transition do not work in Firefox.
hi there jQuery Cycle Plugin, fade transition do not work in Firefox. It is ok in IE, Safari and Opera but in Firefox instead of fade transition between slides I have for a fraction of the sec. blue color of div background. Please help. $(document).ready(function() { $('#slider').cycle({ fx: 'fade', // choose your transition type, ex: fade, scrollUp, shuffle, etc... speed: 2000, timeout: 500, next: '#slider', pause: 1 }); });
Next Page