jquery cycle display more images
Hallo Can you give me a hand how to use jquery cycle (or other plugin) for displaying more images/objects than one? What I need is image rotator/scroller like this ( http://www.michal-jemelka.cz/art.asp?typ=new ) whichI have programmed in Javascript. Thanks a lot
jQuery Validation username check (DB)
Hi, I was building a user registration form using jQuery Validation and I thought that it should have a user-name validation check... This not that difficult to make however the examples I found is based on simple forms with submit type buttons. The thing is that I forced validation to be triggered when a simple button type object is clicked, so I am not shure if the same codes I found will do... How ever I do not cope with the side of user-name checking... Here is my username-check.php <?php include
Problem with malsup form plugin and IE8
Hello, I recently updated my script to use jQuery 1.4.2 and malsup form plugin 2.43. I was previously using versions 1.3.2 and 2.24, respectively. I'm having problems now with forms that have a file upload field. IE8 is prompting to download the json response from the server. Everything works fine when there is no file upload field. No problems, with or without a file upload field, in Firefox, Safari, and Chrome. Have you guys ran into this problem? Thanks.
I can't get jquery.validate to submit without refresh via ajasSubmit
Hello, I might as well say it, Im just not as good as I think with jQuery. I can get the validation exactly as I like using <script type="text/javascript"> $.validator.methods.equal = function(value, element, param) { return value == param; }; $(document).ready(function() { var validator = $("#request").bind("invalid-form.validate", function() { $("#summary").html("Your form contains " + validator.numberOfInvalids() + " errors, see details below.");
JQuery Tabs cannot remember last position after a refresh
Hi, I'm new to this Forum and I hope I do not post my question into the wrong Forum section. I build JQuery Tabs by using "jquery-1.3.2.min.js". Now, everytime when my browser do a refresh it takes me back to the default Tab. But I want to stay on the current Tab. How can I add a JQuery Plugin which remembers my last session. I use the following code: <html> <head> <!-- JQUERY TAB SCRIPT --> <script type="text/javascript"> if(typeof jQuery=="undefined"){ var jQPath="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/";
Datepicker - how do I restrict the date range used by the datepicker plugin using input from the user
Would like to see an example of how to set the date range for the datepicker plugin. On my page there is an input for the user to select the year ( id='yearpicked') that they want to enter data for and an input for the user to select the month (id = 'monthpicked') that they want to enter data for. Each input would have an onchange=restrictdatepicker() So in the javascript code I can figure out what year and month the user has selected: yearpicked = document.getElementById('yearpicked').value monthpicked
Posts marked as spam!
I've been trying for two days now to post a solution to a problem I had originally come onto these forums to find help for. I feel it's probably a pretty common problem (my original post: Link), and the system that this forum uses to deal with spam has thwarted any and all attempts I've had to add my solution. I attempted to post an answer to my first question (link above), and it's been marked as spam (incorrectly). Also, i attempted to post a discussion with both the question and answer together
Cycleplugin: load()
Hi all, On a website I'm builing I'm using the cycle plugin with permalinks. This works great, but because of the many images that are being loaded on the page the starting slide is loaded like an image on a slow connection; bit by bit. I'm trying to avoid this so what I figured is that I need the "load" event which fires when all images are loaded instead of the "ready" event when the DOM only is ready. From the options reference I understand "requeueOnImageNotLoaded" comes the closest to what I'm
[cycle] ajax question
Hello friends. I'm working on implementing a site for my graphic designer friend. He has a bunch of largish galleries of relatively large, high-resolution images that he wants a cross-fade transition effect on. I would like to use the cycle plugin, but I don't think it's a good idea to have all the images load on page load. Instead, I would like to have the first image load, display a "pager" that (when "2" is clicked, for example) will then show a spinner while the next image loads and then cross-fade
problem with jquery calculator
I want to automatically load my calculator on the screen on load. How do I do that? I've allready tried this: - first I set my focus to my input field like this: $('#driver').focus(); - second I say that my calculator must show on focus of the input: $('#driver').calculator({showOn: 'focus', onClose: function(value, inst) { if (value.length > 3) { $('#driver').val(''); } },layout: ['_9_8_7', '_6_5_4', '_3_2_1', '_0@E@U']}); The problem
Superfish Slide up animation?
I have been searching for a way to have this plugin slide up the way it slides down. I am not very good with jquery. Does anyone know a solution? Thanks
AutoComplete and select: ui.item.id
I am just using autocomplete for the first time and tried the code below. But ... In the "select;" below, the ui.item.value displays correctly but the ui.item.id displays "undefined". Why doesn't the "ui.item.id" display either "Test1" or "Test2". Thanks $(document).ready(function() { $("#<%= autocomplete.ClientID %>").autocomplete({ source: [{ "value": "Test1val", "label": "Test1" }, { "value": "Test2val", "label": "Test2"}] , select: function(event, ui) {alert("Selected:
Scrollable activate on hover
Hello! I'm new to jquery development but I think it's very interesting and exciting :) I installed the Scrollable plugin ( http://flowplayer.org/tools/scrollable/index.html ) on my website and I'm trying to customise it a bit. http://www.bart-studio.co.uk/drupal/ This is the website I'm developing. I want the scrollable module to activate on mouse over the tabs. I.e. when I hover on an item on the right I want the content on the left to slide to the corresponding position. But when I click it I want
missing : after property id using jquery validation addMethod
I copied this code and changed the final line "You must the fill in this field." from just "" (blank). The code worked in fine before (in the example) but now I get the error 'missing : after property id' on line one in this case. I checked to see if there was any vars I had missed or anything like that but no. Strange could really do with some help. I am using a jQuery plugin by the way. I added more code as requested but I don't really think theres anything else I can add. I am using a plugin lib
FIXED : combination jLoupe + Bitvolution Image Galleri, data is dynamically changed, jLoupe wont update visual
Hi all, I'm working on a hack to get the jLoupe working with a gallery [Bitvolution Image Galleria] in such a way it dynamically uses the updated image info to the zoomed image. it uses the longdesc tag for full-size image info data [word-press environment, so medium, large and full size versions avail]. At this moment I managed to get the longdesc attached to both hyperlink as well as the image [for testing] via php. So all info is avaiable for Jquery and it's plugins. [dynamically created] Even
jquery colorbox set in iframe
Hello, I have a jquery colorbox set up and working. However, I am wanting to place the page containing the colorbox within an iframe to sit in my site. This means that when the colorbox opens it only greys out the page within the iframe and not the parent page. Is it possible to grey out the parent page too? thanks
how to remove or update tooltip of tooltip toolbox
I use the tooltip toolbox plugin and want to either update the text of an already generated tooltip or remove the tooltip at a later time. Is it possible to access a special tooltip and its content?
autocomplete IE7 ie8 problem with multiple selects
This question form http://forum.jquery.com/topic/jquery-autocomplete-ie8-problem-with-multiple-selects: In the demo page, the multiple bird example does not work with internet explorer. The first selection works great, but the 2nd thru the last, returns the text string typed instead of the selected item. The selected item shown at the bottom of the page is correct. For example, if for the 2nd item you type 'b" and select "Great Bittern" then "b," is shown in the text box instead of "Great Bittern,".
Keeping Entire Tooltip Visible
Hi, We are using the Tooltip plugin on a list of items in a table. When you get near the bottom of the table, part of the tooltip drops off the bottom of the page. Is there a way to keep the entire tooltip visible within the viewport? Thanks, Jason
Jquery and flash video
Hello all, I am trying to embed a flash video into a webpage in the paused state. I would then like to tell the flash video to play through jquery using an html button seperate from the flash video. Is this possible?
Validate Plugin - Validating Multiple Fields
I'm using Jorn Zaefferer's Validate plugin on a form. One of the things I need to validate is that at least one of the inputs in my form has been filled in. I have dug through the documentation and examples, and I thought I had done this right, but I'm missing something. My form has five text input fields. Each input has the class "oneRequired". I've created a custom method and used $.validator.addClassRules to attach the custom method to all of the inputs: // Create a custom validation method
Flot, UI Slider, Renders in Chrome and Safari, but not in FF 3.6.2
Hi All, I am being slowly driven mad by this problem. The page renders fine in Chrome and Safari, and it renders fine in Firefox when I have Firebug on. But if I turn off Firebug, the Flot plot will not render in Firefox. I had it in a simpler HTML file also, and was able to solve it by adding the $(document).ready() function. But it has not solved the problem for the present file. I'm pretty sure that it's got to do with the loop which populates the data array, but I'm not getting any error messages
Lightbox and jCarousel Lite
Im having an issue with lightbox and jCarousel lite plugins together. Once an image goes around the carousel and comes back into view it no longer opens in the lightbox but in a new window. Heres a link to the issue: http://dev.bestprintideas.com/countryinn/hospital.php Are there know issue with this combo?
Apple style image navigator
Hi Guys Apologies if this is not the correct forum but does anyone know if there is a jquery plugin that is similar to the ipod album nav interface. This link is what im looking for but its in flash http://www.river-studio.com/cms/dance_h/coverflow.php?galleryid=2 Thanks in advanced
Validation Plug-In - addMethods in a loop
I have a fair number of regular expressions validation. Instead of manually typing in many addMethods for each regex, I tried using a loop. I have the below simulated struct to hold the regex name, RegExp object and validation message. function RegExs(exprName, expr, exprVM) { this.exprName = exprName; this.expr = expr; this.exprVM = exprVM; } After populating an array of the above, I loop and call addMethod: for (i in pgRegExs) { $.validator.addMethod(pgRegExs[i].exprName,
JQuery cycle plugin - page, prev/next and image count
Hi, I'm having some trouble working out how I can get three things working on an image gallery I'm building. I need to show a: 1. Pager nav 2. 'Prev' and 'next' links 3. Image x of x for the current image i.e. Image 3 of 8 I believe this should sort the pager nav and prev/next links: $('#slides').before('<div id="nav">').cycle({ fx: 'slideLeft', speed: 'fast', timeout: 0, next: '#next2', prev: '#prev2', pager: '#nav' }); But I have no idea about point 3...how
Superfish horizontal nav bar NOT WORKING
Hello...I know that I have made some ridiculous mistake, but after many attempts, I can't find WHY I can't get Superfish's horizontal nav-bar to work. I is probably in my html and naming of my <ul> and <li>. I am still learning how to apply my code to others plugins. Ahhhhhggghhh! Thank you in advance to anyone who can head me in the right direction. My code is as follows: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Validation - Error doesn't hide
I have an input text box and input checkbox with the same name. When the checkbox is clicked I use JQuery to disabled the text input and renabled it when it is unchecked. I have "required" validation on text input box. function SetNullCheckboxes(checkbox) { var checkbox = $(checkbox); var disabled = "disabled"; var checked = checkbox.is(":checked"); var textbox = checkbox.siblings("input[type='text']"); textbox.attr(disabled, checked ? disabled : ""); if (checked) { textbox.val("");
I'm using a jquery multi cycle with double initialization
I have a well structured page: <div id="parent"> <div id="slide1"> <img><img><img><img> </div> <div id="slide2"> <img><img> </div> <div id="slide3"> <img><img><img><img><img><img><img><img> </div> </div>would be a kind of multi photo gallery each div slide can contain multiple images should overlap with fade effect in practice there is a page that shows me the first slide1 and 2 do next and prev buttons to turn the pictures
lightbox and banner not working togethe :(
I m trying to implement a lightbox and jquery banner on the same page, but only one of them works at a time. I need to get both work simultaneously, need urgent helpppppppp!!!! please check http://www.cartech-uae.com/galorySubCategory.aspx?CatID=3 , in this page rightnow the header is javacript based unlike all the other pages, otherwise the lightbox on the below thumbnails would stop working. please get me outta this prob, regards. alvo
jQuery Cycle: add id/selectors to pager nav?
I'm am trying to do a version of this pager: http://malsup.com/jquery/cycle/pagerHover.html However, I need to be able to assign a unique background image to each of the numbers in the pager. I assume this means I need the js to create a unique id for each number as it builds the pager so I can target it with css, but I can't seem to figure out how to do this. Any help would be greatly appreciated.
cycle slideshow question
hello, cycle and jquery work great together. really smooth. i was wondering how you can make the slideshow stop after one pass through the slides, and then stay static on the last image (so it doesn't keep going around and around). so once the slideshow is done it will actually not look like a slideshow anymore. it will simply look like a static image is there that isn't moving or doing anything. you would want it to fade in fully into the final slide and then just stay there. that would be great.
help using jquery.validate and jquery.form to submit to Salesforce web2lead without refresh
I'm a bit unfamiliar with form submission, and can't quite put this all together. I have a small form that submits via Salesforce web2lead. I want to avoid refreshing the page, or going to a confirmation page on success. I want to submit, and on success, fade out the form and show a success message. the form tag: <form action="https://www.salesforce.com/servlet/servlet.WebToLead?encoding=UTF-8" method="POST" name="emailSignUp" id="emailSignUp"> my validate setup: // Contact Form Validation var validator
How modify this Coda Pop Up plugin code to trigger only once?
This is the Coda Pop-Up plugin from jQuery For Designers blog. It's a great tutorial and I've got it to work beautifully, only for it's application on my website I'd like the effect to be triggered only once and run through the effect but after it is completed the trigger can't be activated again. With the existing code the effect is triggered every time you mouse over. I've tried messing with the '.stop(true, true)' but not very successful. Any help will be greatly appreciated! The code can
jQueryUI Accordion not staying with its appointed boundaries
I have two accordions (each within their own <div>) that are spilling over outside their own div and the next higher div too. I worked on this the whole weekend, can not find a suitable solution?? Any one have other ideas? I posted my problem to my testing website. Click ok for the security notice. Click on the bullet menu item that resides beneath Small Arms. This will bring up jqGrid. Select a bullet row within the grid. Click ok for the troubleshooting pop-up. The next screen is where I am having
Superfish Menu Plugin border left problem
I am using superfish plugin for displaying my menu. Everything is working but I have a problem with menu divider such as below: .sf-menu a { border-left: 5px solid #fff; padding: .3em 1em; text-decoration:none; } As the border applies to all anchor tags, the first menu item on the left side and the child nodes under each menu item also will have border applied. But I want the divider to appear in between the top level menu items only. Can someone direct me here. Thanks.
Slider Animation change
Hey, I'm using a jquery slider to animate a home page I'm working on. Check it out here. The slider is working beautifully except that my client doesn't want the typewriter effect for the text. Anyone know how to change the way the type comes in? I would just like a simple quick fade in. here's the jquery code; window.onerror=function(desc,page,line,chr){ /* alert('JavaScript error occurred! ' +' Error description: '+desc +' Page address: '+page +' Line number: '+line );*/ } $(function(){
[form plugin] file upload, get preformated text back instead of plain html
Hi people, I have a div in which I load a form with ajax. I am using jquery form plugin to post the form to my php action, which sends back html fragment. This way I refresh the content of the div with this html "code". With no file upload in the form, i receive what I want : a plain html content xhr: [object XMLHttpRequest] and the response is in plain html : <p>test</p> When I add a file upload, i receive preformated text : xhr: [object Object] , and the response is formated <pre><p>test</p></p></pre>I
tabs always on top (z-index)
an absolute dropdown menu shows always under the tabs navigation that is created with ui.tabs.. this is in ie7 and ie6, in ff it shows fine when i put a high z-index on my dropdown. but it seems to me that the tabs don't get an z-index, or does it?
autocomplete
i grabbed the "result" event to do some things, however it doesn't get fired when a user fully keys in a value that matches one of the autocomplete options. has anyone had to do this?
Next Page