Zurb textchange plugin failing in IE 7 on text inputs
The ZURB text change event plugin is ideal for my needs.http://www.zurb.com/playground/jquery-text-change-custom-event Unfortunately in Internet Explorer 7* it is failing to fire more than once when applied to a text input. I put together a minimal test case to demonstrate: http://static.fusion.com.au/ollie/textchange/ Has anyone else figured out how to fix this already? Is there an alternative that would serve me better? Thanks in advance for any suggestions or pointers. Cheers Ollie * Also fails
Jquery Accordion - 1 accordion tab larger than all others - then fine once another tab is clicked
I implemented the accordion on a WP blog months ago and everything was working fine until recently. On initial page load, one of the accordion tabs is larger than the others - but once another tab is clicked, the tab goes back to it's original size. No css was changed, no JS was changed. It's almost as if it just happened by itself. I have no idea what's going on - I was wondering if anyone has also had this issue. Any help is greatly appreciated! Thank you the site is www.omegavia.com Html code
Cycle plugin: no autostart, click to start slideshow?
I might be missing something obvious, but I can't figure out how to disable autostart on the Cycle plugin, then when the user clicks a link (e.g. a play button, not the actual slide) it starts the slideshow playing. Is this possible to do? Thanks
Load the tooltip text dynamically with ajax
Hi Jörn, is there any way to load the tooltips text dynamically using ajax? Regards Raoul
Slideshow issue in FF
Hi I am a newbie to jQuery and have been stuck for 2 days now on a slideshow problem. On my page I have 10 slideshow all similar to the code below (with alaska changed to something else for each slideshow) In IE all the slideshows work perfectly. In FF and Chrome the images do not appear for most of the slideshows and the slideshow doesn't actually work. Any help of advice on what I have done wrong would help. <div id="alaska_item_class" runat="server"> <h1> <asp:Image ID="imgalaska_Header"
Question about jquery.cycle plugin
Hello. Sorry if this question is too simple, but I can't find a way to solve this problem by my own I am using jquery.cycle plugin in this way: $('#myCycleDiv').cycle({ fx: 'fade', speed: 'slow', startingSlide:1, timeout: 0, pager: '#nav', pagerAnchorBuilder: function(idx, slide) { return '<li><a href="#">' + slide.title + '</a></li>'; } });As you can see cycle creates a list of links with slides titles. Cycle is sliding DIVs. HTML looks like: <div id="myCycleDiv"> <div title="First Slide">...</div>
jQuery Cycle: how to put links on my page Anchor control ?
Hi, (sorry for my english, i'm french ) I'll try to explain my problem: i have this website: www.ludonline.fr/Cliniftur and i'm using Jquery Cycle to do a slideshow. I would like to know how to put a link on each colored square. I know i have to find in "jquery.cycle.all.js" but i'm a bit lost... Could you please help me ? Thanks a lot
jQuery Impromptu redirect to URL when value is true
Hello, Im new here so hope I do the right thing. I found a similiare question I have - being answered in this thread: http://forum.jquery.com/topic/jquery-impromptu-redirection-11-2-2010 But not quite. Im using the following code: <button link="http://google.com" title="Remove '.$larmanlaggning[$i][2].'"'; ?> onclick="$.prompt('Are you sure?',{buttons:[{title: 'Yes',value:true},{title: 'Cancel',value:false}], submit:function(v,m,f){alert(v);} })">X</button>And
Retrieve date from database PHP (set date to Jquery Datepicker)
Hi, I have a problem setting the default date of my jquery datepicker to the date that I retrieved from my database. I'm currently using the jquery datepicker linked to selects/ drop downs. I auto-fill my selects (month, day, year) from an external javascript. (fbDateTime.js) Could someone please help me. Thanks! Here is my code below: <html> <?php $username="root"; $password=""; $database="datepicker"; mysql_connect('localhost',$username,$password); @mysql_select_db($database) or die("Unable to
DataTable: How to get json from DataTable?
This is my DataTable. $(document).ready(function() { $('#myTable').dataTable(); }): function getJsonFromTable(){ .... how to do? .... } ............................. html code .................. <table id="myTable"> <thead> .... </thead> <tbody> <tr id="row1"> <td> <INPUT type="text" id="col11"> </td> <td> <INPUT type="text" id="col12">
Conflict between popups and toggle buttons
in HTML file: <span class='toggleButton'>-</span> for 3 div id in js file: .......+ "<dd class='lab-detail.hover'><font class='popup' title=\" ....... ........reInitPopUps(); in three different segments on the page. in css file : .toggleButton {float:right; padding-top:0.4em; text-align: center; ............ These are functions for toggle and popup: function reInitPopUps(){ //add the class of hover to all elements with the class of popup $(".popup").hover(function(){
jQuery Validation remote option does not work
Hello, I am trying to use the remote option in jQuery to perform a server side validation. I am able to get the client side validation correctly. I want to call serverside method checkRoiRequired which returns JSON true or false based on 3 parameters: analysthours, engineerhours and projectid. I have gone through numerous posts; but nothing has worked yet. When the form is submitted, the validation never occurs; there is no log found that the method is called. Please help me out with the following.
Using jQuery plugin BlockUI Plugin
Hello everybody, I would like help using the plugin jQuery Plugin BlockUI http://www.malsup.com/jquery/block/ # demos I did not understand how to use the demo effects in html or other languages Thanks
Problem trying to integrate plugin with my image slider!
Hi Guys! I am currently working on a design located here: http://nathanmarks.co.uk/cbio1/ You should be able to view all the html/javascript/css files there (viewing source etc). Basically, I am trying to make it so the image slider you see at the top of the page can be rotated using your hands on an iPad or iPhone. I found this plugin here: http://www.netcu.de/jquery-touchwipe-iphone-ipad-library which allows you to do just that! However, I am having problems integrating it properly. I was trying
Autocomplete - check if manual or selected?
Hello, I'm new to javascript and was hoping someone would be able to help me out. I'm using the jQuery UI Autocomplete but have ran into a problem. I would like to know if the user manually enters a name without selecting from the autosuggest list. If this happens I would then display a bit of text 'user not selected from list'. How would I go about doing this? My code: $(function() { $('#userID').val(""); $('#userName').val(""); $('#name').val("");
Superfish - lock vertical placement of submenus?
I am trying to get Superfish to function they way I need it, and when you hover over an item with a submenu it opens the submenu with the top of the vertical position starting at the level of the submenu item. Is there any easy way to have it lock to the top - just under the main menu items? In other words, can you have submenu level 2, 3, 4, etc start at the same vertical position as the first submenu? Thanks in advance, Mark
issue with tablesorter and ie8 (compatibility mode) - table extends past div
Hi All, Looking for either a fix or a suggestion as to how to fix this issue, our alternative would be to discontinue using tablesorter in this case which means a lot of recoding to get columns to sort via a server call. We are only seeing this issue in IE7 or IE8 (in compatibility mode). This is not an issue with any other browser that we've tested. Basically, when tablesorter is applied to this table, if the table width exceeds the width of the div its in, it spills over (see image). This
Help with Form Validation
I'm using a simple form that requires a user's name & email address to be submitted before they're allowed to download a white paper. I'm having troubles with validating the email address field. The form will still process even though the field is not formatted like an email address. I'm rather new using Jquery & JavaScript in generally and could use some help. I'm using jquery Validation plugin from bassistance.de. Script <script type="text/javascript" src="../Scripts/jquery.validate.min.js"> $(document).ready(function()
[Validation plugin] Validate an input instead of a whole form ?
Hi it's me .... again, Is the validation plugin able to validate an input only instead of a whole form? I mean, is this lign correct : $("#InputID").validate( rules: "required" ); Thanks guys
Overlay on entire page?
I'm working on a film-related site and think it would be really cool to put a very faint animation of the entire page that looks like film grain. Is this possible with Jquery? Anyone have a plug in that I can use?
customize a jquery plugin without touch the original
Dear all, probably someone has already replayed at this kind of request. In this case, please give me the address to a tutorial/thread. Anyway, looking at jquery.prettyPhoto.js http://www.no-margin-for-errors.com/wp-content/themes/NMFE/js/jquery.prettyPhoto.js there is a line where: pp_typeMarkup = '<iframe src ="'+movie_url+'" width="'+(correctSizes['width']-10)+'" height="'+(correctSizes['height']-10)+'" frameborder="no"></iframe>'; where automatically prettyPhoto set the width to """ (correctSizes['width']-10)
Problem using JQuery Validate with Chrom
Hi, I have a form that uses validate to confirm a checked checkbox before submitting. this works on IE and FF but not on Chrome. Other JQuerys are used on the page. Any idea why? <script type="text/javascript"> $.validator.setDefaults({ submitHandler: function() { $(form).submit(); } }); $().ready(function() { // validate signup form on keyup and submit $("#form-1").validate({ rules: { agree: "required" }, messages: { agree: "עליך לקבל את התנאים" } }); });
jQuery cycle in php include noob questions
I have a website that uses jQuery for the menu functions and some form validation. It pulls all the header, footer, and sidebar from includes. One of these sidebar components or module we will call "promotional" that is loaded from (promotional.php) In the "promotional" box I am wanting to use the cycle plugin to rotate some advert type images. If I place the call to this following into promotional.php - The image rotator works. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
[jqTable] lazy loading for jqTable
Hi folks, I was wondering how it might be possible to fill a dataTable via lazy loading, when getting the original values from a managedBean. Does anybody have an idea for this? Thanks in advance Manilla :-) _________________ Hi Foris, ich hab mich gefragt wie es möglich sein könnte einen dataTable über lazy load zu füllen, wenn die originalen Werte aus einem managedBean stammen. Kann mir da irgendjemand helfen? Danke schonmal Manilla :-)
Collapser - onmouseover
Hey, I am new to javascript and I have a (hopefully simple) question.. I am using the Collapser plugin and it works.. but I would really like to expand the menu when the mouse is over the link, and collapse it when it leaves the field - instead of clicking on it. So I assume I have to use "onmouseover" in the tag.. can you help me? <script type="text/javascript"> $(document).ready(function(){ $('.linku').hide(); $('.linko').collapser({ target: 'next', effect: 'slide', changeText:
How to apply a plug-in to dynamic element?
HI, I am using spinbox plug-in. Its working well. But it is not working in dynamic text boxes Please help me.
[Datepicker] How to convert date "+0" to format "dd/mm/yy" ?
Hi guys, Is there any option in the datepicker plugin that could convert dates like "+0" or "+1m" to the format "dd/mm/yy"? In case you want to know why I'm trying to do this, I've created a new rule to validate dates with Validation plugin to set a mindate for my input, and I get my mindate from the minDate option of my datepicker, but it returns "+0" while my rule (method) needs a date in the format "dd/mm/yy", so the comparison is incorrect Any ideas? Best regards,
queryLoader plugin - would like to force page_loading.gif to be downloaded first
Hello. I'm using the queryLoader script to preload the important images from my site. On the first visit to the home page a blank screen is displayed with a loading progress bar as the images are pre-loaded. Once finished the screen wipes and displays the site. It works and looks great. Now I've added my own animation to the pre-loading screen by making it the background, by way of CSS, to the div that houses the progress bar. It looks nice, but I've been trying to figure out a way to get that
Collapser Plug-in: Possible to Remember Expand/Collapse State?
I'm using the Collapser Plug-in and it works great. I'm wondering, though, how I might accomplish two things: 1) Remember the expand/collapse state upon page refresh; 2) Set the default expand/collapse state. If anyone has any experience with this plug-in I would greatly appreciate your input. Thanks. Geoff
[validate] Random Success Message
I am using the jQuery Validate plugin and trying to generate random success messages. Eveything is working with this code. var messages = ["Good!", "Great!", "Awesome!", "Super!", "Nice!"]; function successMessage() { return messages[Math.floor(Math.random() * messages.length)]; }and then: success: function(label) { label.addClass("valid").text(successMessage()); }The problem is that the success message is being called on keyup so it is generating a success message with each keypress
[Validate] Placing error message in already created <div>
Hi, I just started using jQuery Validate, and am not very familiar with jQuery at all (it's on my todo list). Either way, I picked up the validate form and like it, aside from the fact that I HATE that it imposes a label onto you. In my case, where it says "Enter your name", for example, I'd like that to get replaced with "Required field" when someone doesn't input it. I've dug through the code but between a language I don't know (using lots of methods I don't know of), and other people's code,
form rendering speed with jqTransform
Hi everyone. I am using a jqTransform plugin to style my forms in my ASP.NET application. However, for some reason it takes forever to render the form when using Chrome or FireFox (3.6) Firebug shows me that gifs are requested and 'GETed' in like 3-5 seconds. I.E. however renders the form instantaneously. Gifs are all small in size (most less then 1kb) so i really don't know why performance is so terrible in chrome and firefox. Can someone help me please. The form looks beautifull, but with this
Cycle showing last image first in Chrome
This is something of a continuation from my previous problem (http://forum.jquery.com/topic/delay-with-cycle-and-image-info-obtained-via-ajax). The images seem to be showing properly the first time. Unfortunately, when the slide show starts, Chrome is showing the last image in the group first. This wouldn't be a problem normally, but I plan in showing the images in an order based on their last modified info. Is there anything I can do to remedy this, or is it a Chrome/Cycle issue?
Multiple file uploader and the order of the files.
Hi, i'm using Multiple file uploader Plugin for update a photo gallery, the problem is when upload files that not always respect the order that i had selected the files. When upload the files I write the image url in a XML file, and not always respect the order, here is an example of the result of a XML file, the order of the images are incorrect in <miniaturas id="9"> but have the correct order in <mediaturas id="9">: <miniaturas id="9"> <imgMin9 num="0" imagen="../img/safari25/miniaturas/09.jpg"
Preview of another web page in a tooltip
Hi people, This is my first quetion in this forum and I've maybe a crazy idea. I'm wondering if exist a jquery plugin or something like that that permits me to see a preview of other webpage in a tooltip when I pass over a link. Somebody in #jQuery irc channel told me about http://www.snap.com/ (I haven't seen this yet) ¿Could be this something possible to do with jQuery? ¿Anybody has some in mind? Anyway, many thanks
Problem Adding Element
I am using the LoopSplider plugin and I wanted to add an additional pic and text on the right side (http://www.gadfellows.com/octosite/).....but I'm having a problem figuring this out. Any help would be greatly appreciated. Thanks
Fading images instead of slide on easySlider plugin
Hi everyone. I'm trying to make this script fade instead of slide while rotating through images. Can anybody help? /* * Easy Slider 1.7 - jQuery plugin * written by Alen Grakalic * http://cssglobe.com/post/4004/easy-slider-15-the-easiest-jquery-plugin-for-sliding * * Copyright (c) 2009 Alen Grakalic (http://cssglobe.com) * Dual licensed under the MIT (MIT-LICENSE.txt) * and GPL (GPL-LICENSE.txt) licenses. * * Built for jQuery library * http://jquery.com * */
tooltip loading image and executing function.
Hello, I am trying to load image and display other stuff dynamically, but I am having a hard time with it. How can I find out "span class" on the code below? what exactly defines "this"? and how can I access its contents? <span class="PY4AAA"> <a title="" target="_blank" class="callsign" href="/qrz/PY4AQA"> <img src="/img/f/br.gif"> PY4AAA</a> </span> $('span').tooltip({track:true,showURL:false,showBody: "*****",bodyHandler: function() { return this } });
[Datepicker] determine if a datepicker is open or not
Hi, Is there an option that can tell me if a datepicker is open or not? It could be interesting if this option can be used anywhere in my javascript code (aka in highlight of validate) Thanks for your help,
Autocomplete needing to clear fields if main field is changed.
New to the forum, great forum for a newbie by the way, so this may have been answered somewhere but couldn't find it. I have the following code on my form. <script type="text/javascript" src="includes/jquery.js"></script> <script type='text/javascript' src='includes/jquery.autocomplete.js'></script> <link rel="stylesheet" type="text/css" href="includes/jquery.autocomplete.css" /> <script type="text/javascript"> $().ready(function() { $("#org_name").autocomplete("data.php", { width: 150, matchContains:
Next Page