10 x 10 Grid Color Picker
I'm looking for a color picker that presents a 10 x 10 grid of colors. Does anyone know of something like this that's already out there? Thanks
Jquery autocomlete text box
Hi , I want to avoid mutliple database hits when user types in the text in the text field. All data should be loaded on page load using ajax returning JSON and after that filter the data as the user types in. Thanks Saj
SmoothDivScroll and Image Maps
I managed to get SmoothDivScroll to work on a site but I would like to add an image map for the Div's background image. Will image maps work inside a SmothDivScroll? Scott
datepick plugin - text and date in div but not dialog box
The following js/jquery places the expected text in the dialog div - but it shows as plain text not within a dialog box. The date picker is keith woods excellent date picker. As each date is hovered over the correct date is picked up e.g sample output is " I am currently not in a dialog wed 17-oct-2012" - it's just not in a dialog!? <script type="text/javascript"> $(document).ready(function() { $('#hoverPicker').datepick({ onShow: $.datepick.hoverCallback(showDialog),
Accordian height problem
I'm using the jquery accordian within an inline frame. I have it within a <div> setting the height and width. It is staying within the width, but running over the height (or extending beyond the bottom of the frame). Is there a correct way to "contain" the accordian and force all the items to show scroll bars or do I need to set height and width for each div around each accordian item (sounds painful)? $(function() { $( "#accordion" ).accordion({ "collapsible": "true", "active": "false", "event":
Tooltip not displaying initially on page load
Hello all, My tooltip works great except that when I load the page initially (first time around) and I mouseover anywhere on the table the tooltip does not show up. I have to move away from the table and then back to it and then it appears. What may be causing this? This is what I am doing, code wise: $("#myTable").mouseover(function() { $(this).attr("title", "This is a test"); $(this).tooltip({ fixed:true, offset: [10,-40], effect: "slide" });
Unobtrusive - adding a method, how to find a dependent property
I am writing an MVC app and I have created a custom validator, now I am trying to write the client side. The intent is "if the dependant property is true (it's a radio") then this value must not be 0". I am currently unable to get the value of radioValue, so the program fails at that point. What am I doing wrong? $.validator.addMethod("requiredifyes", function (val, elem, param) { var dependantProperty = param; var radioValue = document.getElementByName(dependantProperty).value; var
jquery forms blocking with uploadProgress
Hi there, We have a problem, and I'm not sure in which project to report it: jquery, jquery.forms or webdriver. We're using jquery.forms as part of a file upload page. In order to test this page, we use webdriver. We need to test what happens on the page while a user uploads a large file. In order to simulate this, we have the server block upon serving the request it receives in response to the user clicking on 'upload'. But, since this upload happens via a call to .ajaxSubmit, it should not block
Validation plugin - how to use custom classes?
Hi, I've been going round and round in circles with this for the last 2 hours, and its driving me up the wall. I'm using this plugin: http://docs.jquery.com/Plugins/Validation . I've attached a screenshot of what happens upon a "successful" value being entered. With the following CSS classes: .valid { padding-top: 4px; background: #ffffff url('/bootstrap/assets/img/valid.png') right center no-repeat; } .error { font-weight: bold; color: red;
jquery validate rule
hi guys, I'm having a problem for the code below. the one commented out works fine when i try to leave blank a input box, however when i try to use the one below it is not working. any ideas on how to fix this. I'm new in using jquery. thanks alot <script> $(document).ready(function(){ <!-- $("#username").rules("add", {required: true, messages: { required: "please enter your name" }});--> $("#username").rules("validate"({rules: {field: {required: true, max: 2 } }})); });
Validation Plugin Not Working
I've been trying to get this working for hours and can't work out why it's not working - can anybody help? Nothing happens at all, no validation or anything! index.php: <?php include '../db/connect.php'; include 'course_finder.php'; ?> <!DOCTYPE html> <html> <head> <title>Module Matcher | Register</title> <meta name="viewport" content="width=400" /> <link rel="stylesheet" href="../css/style.css" /> <script type="text/javascript" src="http://code.jquery.com/jquery-1.8.2.js"></script> <script type="text/javascript"
Strange issue with Masonry and infinite-scroll
Hi! I'm trying to configure both masonry and infinite scroll on my wordpress theme. The page I'm working on is this: http://www.photocracy.eu/ If I scroll the page the new images are loaded, but they are displayed in a very strange way, like a mess! I can't see any relevant error from firebug, but I think it is a callback problem. I use this code: var $ = jQuery; var $container = $('#sort'); $container.infinitescroll({ navSelector : "#nav-below", // selector for the paged
Superfish Menu
hi all.. i have used this http://users.tpg.com.au/j_birch/plugins/superfish/#download is there a way to put a fix value on the height of the menu box?? please be specific with me i dont know codes.. thanks a lot :) -moony ^^
jQuery slider
Hi all, im fairly new on the jQuery scene and ive looked into alot of the tutorial for building sliders, id like to learn to build them rather than use plug-ins or use other peoples code. The sliders i have looked at to get an insight into the working all see very long winded and i decided to look into shorthand ideas for sliders and this is the code i came up with, so far it hasn't worked and i seem to have hit a brick wall, any ideas? My HTML code <div id="jqslider" name="jqslider">
TinySort to sort unorderd imagegallery
Hi. I'm trying to use TinySort to sort my imagegallery according to the artists name. My markup: <div id="content"> <!-- sort this --> <div class="post"> <div class="caption"> <span class="the_artist">Artist name</span> <span class="the_category">Category name</span> </div> </div> </div> Ofcourse there are a lot of iterations of ".post", so that's the element I want to sort. So the ".post" should be sorted depending on
Filter messed up with multiple classes
Hello, I have been trying to use a filter on my "I am trying to create my first website"-website, the problem is when I assign 2 or more class values. The animations don't work on the proper way. I have been using http://www.jscraft.net/plugins/filters.html For an example of my problem please visit http://volhardinggoudswaard.nl/filmpje/Films.html (It's dutch) If you select "Horror" or "Kinderfilm" you will be able to see it. I hope someone can help me with my problem. I'm kinda stuck at this point
How to duplicate function
Hi! i tried modify superfish.js - superfish menu based on JQuery. i have this function and work is great showSuperfishUl : function(){ var o = sf.op, sh = sf.c.shadowClass+'-off', $ul = this.addClass(o.hoverClass) .find('>ul:hidden').css('visibility','visible'); sf.IE7fix.call($ul); o.onBeforeShow.call($ul); $ul.animate(o.animation,o.speed,function(){ sf.IE7fix.call($ul); o.onShow.call($ul);
ajax part is executed only once in HOVERCARD....(help us)
here i m having a hovercard example. i m retrieving a text from a webservice and appending it to the div "name" on the hovercard. (here ajax part executes only for the first label in the page. Rest of the labels hovercard are blank ) Ur help is really appreciated... ============================================================================= script part : ===================================================== $(document).ready(function () { var hoverHTMLDemoAjax = '<div id="name"></div>';
using Time Picker
I want to use TimeRange feature of this plugin http://keith-wood.name/timeEntry.html I am able to use this in simple form, but i am not able to do Time Range feature Please help My code is below for TimeRange $('.timeRange').timeEntry({ beforeShow: customRange }); function customRange(input) { return { minTime: (input.id == 'timeTo' ? $('#timeFrom').timeEntry('getTime') : null), maxTime: (input.id == 'timeFrom' ? $('#timeTo').timeEntry('getTime') : null)
Validate Plugin - Form submitted to server side with a blank value but passing client side rules
Hi All, I'm using the jQuery validate plugin (v 1.9) for a contact form on a site. The contact form is really simple, 3 fields, name (input), email(input), enquiry(textarea). The form has on a few occasions been allowed to submit (passing the client side rules) but not providing a value to the server side for the email field. I'm confident there is no issue passing the data (as it works 99% of the time) and also that these aren't hacky/bot/js disabled attempts, as the rest of the content is legitimate,
Using the jQuery BlockUI Plug-In with a TreeView Control
Hello All, When I click anywhere in the colored areas (see attached image/screen-shot), the $.blockUI method is fired, and really if I click anywhere that's on the horizontal plain of the TreeNode item, on either side of it, it fires the $.blockUI method. I need the $.blockUI method to be fired ONLY when the actual TreeNode itself has been clicked. This TreeView is built dynamically, so I'll never know what or how many TreeNodes will exist. I thought I had this all worked out, but I accidentally
Validator - add a 'RequiredIf' method/rule
I am working on an ASP MVC3 project, using validate and unobtrusive jquery. I have several area on a page that I need to create custom validation for, and ensure it doesn't break anything else. Currently I have several sections, each have a radio button pair, some text boxes, a button and a table. User fills in the text boxes, hits the button, and I have a function that puts the data from the textboxes into a new row on the table. I also have a counter that is advanced once with each button press.
Cycle plug in issue using Malsup fading banner
Using 3 different browsers, on both a PC and Mac, the Mac has 2 issues that dont happen on the same 3 browsers on a PC. It doesnt display the slide numbers, plus doesnt rotate, plus sometimes after cycling, then the 1st image is hidden Are there any issues with this or fixes? http://www.crlaurence.com/adv/homebanners/rotating/test.html this is modeled after: http://jquery.malsup.com/cycle Thank you
Autocomplete putting wrong value in field
I have an autocomplete list that uses a string to identify the items that is concatenated data ex: Last_Name, First_Name, Address, etc When I select from the list. This is the value that is inserted in the autocomplete while the rest of the form is populated correctly. Here's the code. $(document).ready(function() { $("#zlhbcustlastname").autocomplete({ minLength: 3, source: "ajax/clientlist.php", // Pull in names and addresses select: function( e, ui ){ // When we select one var keyvalue = ui.item.value;
ColorBox issue !
I am using colorBox plugin to pop up from a main page: modalURL = jQuery(this).attr('href'); jQuery.colorbox({iframe:true, height:268, width:796, scrolling:false, href: modalURL, close:"", overlayClose:false}); modalURL will have a link to one of many JSP pages depending on business logic. Now the background window over which this colorbox comes up, gives focus to this colorbox. But the issue is, if I click anywhere on the main background window which is greyed out after this colorbox
Chained Select in a Dialog
Hi all, I'm a bit of a noob when it comes to jQuery so I appolgise if I'm doing something stupid (which I probably am). I've created a chained select using the plugin from http://www.appelsiini.net/projects/chained The plugin seems to work well on its own but when I move it into a jQuery dialog box I get unusual results. The first option I select works correctly but if I choose any primary options (other than the first) the second chained select is always blank and results in a disabled select box.
jquery ui - drag and drop function in combination with html area map
I am using the drag and drop from jQuery UI. And want to use this along a map in my html. When someone drops the item on an area on the image I would like to see a particular function is executed. With normal DIV's and ID's this is working. So for example: <div id="draggable"> <!-- the ball is 32x32px --> <img src="ball.png" /> </div> <div id="droppable1" class="ui-widget-header"> <p>Drop here 1</p> </div> In this case when my ball is dragged into the div droppable1 the function connected to this
How to create jquery image cropping and resizing?
Hi friends, I am working on image cropping facility. I have a image box in which an image is coming. What i want, 1- giving cropping facility. 2- image re-sizing facility or zoom in or zoom out facilty. Something like facebook time line in which we can upload and then fit image on that box after drag up or down, I am searching since long but haven't find anything related this. If any of you have any idea or any suggestion how i could create this then please share with me. Thanks
Trouble using plugins
I keep getting an undefined error trying to use cookie plugins. They are loaded in the head of the master file and as the image shows are loaded before the usage. Not sure where to go from here.
I'm trying to activate a 'prev/next' function on the jquery plug in below but it's proving a tad difficult? where am i goin wrong
Here is the html <li> <a class='prev' href=''>previous</a>/<a class='next' href=''>next</a> </li> and here is the script jQuery.fn.preload = function() { this.each(function() { jQuery("<img/>")[0].src = this; }); }; $(document).ready(function() { if (!$("body").hasClass("splash")) { return; } $('#video-bg').videoBG({ position: "fixed", zIndex: -1, mp4: '/videos/splash/loop_intro.mp4', ogv: '/videos/splash/loop_intro.ogv', webm: '/videos/splash/loop_intro.webm',
Using roundabout in coda
Hey y'all. Please don't hate me for the following code if it is hopelessly amateur: I am but a hopeless amateur. Its just a sort of demo idea that i'm messing with... there are extra objects etcetera in the css that i'm not using yet and so on... this is my first attempt with css, java, or even html, really. I'm trying to put some roundabouts in coda, as the title suggests. I'm fairly sure that I'm not double-calling jquery. Problems: The width of the ul in roundabout, which usually effects the
Superfish not keeping flyout visible when mouse moves off target
Updating a site dating from about 2002, I added a superfish based menu, with a delay when the mouse moves off the menu item to keep the flyout section visible for a bit in case the user moved the mouse the wrong way and missed the flyout. (based on superfish example = http://users.tpg.com.au/j_birch/plug...rfish/#sample3 ) Originally the site used tables and a nested table (it was from 2002!!!) and the new menu worked okay when still sitting in a table cell. Then I did the final conversion to using
jQuery Session Plug
So I'm trying to do some basic session management here, between jQuery and PHP. I'm attempting to set session variables in jQuery, and then access them on the next page using PHP. I'm using the jQuery Session Plugin found here: https://github.com/AlexChittock/JQuery-Session-Plugin PAGE 1: [code] $.session.set('username', 'UsErNaMe'); [/code] PAGE 2 (PHP): Outputs "NO USERNAME SET" <?php session_start(); if(isset($_SESSION['username'])){ echo "USER NAME IS " . $_SESSION['username']; }else{
Validation: how to run on Submit
I have used validation plugin and it starts showing error message while the user is still typing. How to make it work on form submit so that error message is shown only if there are errors while submitting?
jQuery Validation - how to show errors on alert();
i want to display the errors on an single alert() but it's not working. What i'm doing wrong? Anyone can help me? this is my form code: <form name="form_news" id="form_news" method="post" action=""> <input type="text" id="email" name="email" value="" title="Email" placeholder="Cadastre-se e receba nossas novidades."/> <input type="submit" class="bt_news" name="submit" id="submit" value=""/> <div class="clear"></div> </form> And this is my script: <script type="text/javascript">
jQuery Cycle initially not loading properly
Hi, Since I couldn't find the answer to my problem on the forum or google I'll have to ask it here. I've installed Cycle on my website, but when you initially go to it, it doesn't load nor Cycle nor the images, it just doesn't show anything. Only when you go to the website the 2nd time (simply to 'refresh' doesn't work either) it works. Since I have no idea what could be the problem, is there anyone that does? You can find the website here. Thanks in advance!
Nested Accordion Problem
Hello, I'm using the following JQuery plugin: http://www.adipalaz.com/experiments/jquery/nested_accordion.html You can see it working here: http://webadoo.de/leimer/index.php The animation does principally work, but the menu collapses every time a new page is loaded. Obviously the current menu item is not recognized on page load. Has anybody an idea, where I made a mistake? How can I make the menu stay open? Thanks for your help Andrea
Cycle Plugin: Turn the navigation bar into a slider for its thumbnails?
Im trying to work on a cycle image gallery and so far everything is working perfectly but I wanted to know if it was possible to add two things. The most important is to turn the navigation bar into a slider for the thumbnails, since I have more than 5 images I wanted the user to be able to look through the thumbnails and select which one they want. And second of all, is there a simple way to make the next and previous buttons disappear when youre not hovering the photo? thank you all
CYCLE PLUGIN ~ Specifying order using "menu index" or other controllable field in Modx
I have a site (www.stageneck.com) in which the web developer used the jquery cycle plug in to control the SPECIALS and PACKAGES widget that appears near the bottom of most pages. This widget DOES NOT CYCLE IMAGES, it cycles page links. While I am more knowledgable than the average web designer, I am not a programmer. I need help customizing the javascript to change the order of the "slides" appearance in the widget. Since they are NOT IMAGES, I cannot merely name them in the desired numeric order.
Need help getting the stratus2 soundcloud player on my tumblr
So basically yeah im trying to add the stratus2 soundcloud player to my tumblr but im having a hard time figuring out where to put the Jquery code..It's really long and im an HTML noob so any help is appreciated :) hahah here's my tumblr http://santeemenez.tumblr.com/ I know this is the code http://code.jquery.com/jquery-1.8.2.min.js and here are the soudcloud instructions. I just can't seem to figure it out.. help..
Next Page