Malsup Cycle jQuery plugin as an event ticker?
Another question for the malsup cycle plugin: I can imagine the malsup cycle plugin used as an event ticker, something that would look similar to: http://www.dynamicdrive.com/dynamicindex2/sagscroller.htm but be much more versatile/easy to use. However I do not have the J S/Query know how to implement such a thing. a) Is this possible? b) How hard would it be to implement?
jquery + jquery.transform doesnt work with ie8
hi, i will try to explain myself (english is not one of my strenght)....well, im doing a website and put some basic animations to my index, everything work in chrome and firefox but in ie8 the animations doesnt work, there is no error message and dont do it the animation.... im validate the .php and .css to the W3C and nothing i put some of my humble code :) $(document).ready(function() { $("#Map_main_street").mouseleave(function() { $("#layer_main_street").animate({transform:'rotate(-3deg) scale(1,1)'});
Creating elements & setting attributes with a namespace.
Hey guys! I'm working on an app, which creates visualizations based on SVG. I was using jQuery SVG by Keith Wood at first ( http://keith-wood.name/svgRef.html ), but at some point I've noticed that it's very inconvenient for some stuff and wrote my own functions to handle everything. One of the quirks when creating svg trees dynamically is that you have to create all elements and set attributes using the SVG namespace ("http://www.w3.org/2000/svg"), otherwise they aren't rendered correctly by browsers.
Thickbox + Tipsy
Hi, I am using thickbox for my inline iframe to show, thats work fine but when I use it with tipsy plugin for tooltip and click link inside tooltip to activate thickbox, it appends the href attribute to the url and does not display the thickbox iframe. help me out in this Regards
How to correctly implement a jquery call to datepicker in php
I setup the links: public function headers() { return '<script type="text/javascript" charset="utf-8" src="/dka/swfobject/swfobject.js"></script> <script type="text/javascript" charset="utf-8" src="/dka/jquery.ui/jquery-1.4.4.js</script> <script type="text/javascript" charset="utf-8" src="/dka/jquery.ui/jquery.ui.core.js</script> <script type="text/javascript" charset="utf-8" src="/dka/jquery.ui/jquery.ui.widget.js</script>
tablesorter + filter
It doesn't work for lastest stable jQuery, there is a error on cache. http://www.tablesorter.com/ Plugin: https://github.com/jbritten/jquery-tablesorter-filter Does any one knows how to fix it? I really need it. Its very urgent, please.
(Cycle plugin) Text is not aligned correctedly when loading page for the first time
I am using IE 8. If you go to http://site2.ewart.library.ubc.ca/, you will find the text below the (carousel) image is aligned to the right, while it is supposed to aligned to the center. However, if you click the left & right button to navigate the carousel, the text will be aligned to the center. I guess it might be some jquery (and its cycle plug-in) issue. But I am not sure. Also, the left & right buttons are not aligned corrected. It should be on the right of the dots. It works in FF but not
Looking for a way to protect/validate forms w/ about 200 textarea input fields and more
Hi, I hope someone can shed some light on a custom program I created where a user enters their data into several forms w/ many many text area input fields, and when they click submit, it simply saves their work to a database. I am new to this and have gotten everything to work. Now I just have to protect it from malicious activities. I think I need to do two things from what I'm learning: 1. On all inputs I am using conditional_escape so that when user types in quotes, etc, it'll escape them so
Problem to Transfer or redirect to other form in a page that used AjaxForm
Hi all, I am using the jQuery AjaxForm plugin to create a preview of an an image the user select to upload to the server. I use an Http Handler to create an temp image file that is used for the image preview. In response to client side 'onchange' event of the FileUpload control the image preview is created successfully. I have a button that sends the whole form (UploadImageToServerStep1.aspx) to the server. In the server side Click event of that button I try to transfer the control to another page
data link and ajax
Trying to use an object that is linked with the new data link plugin as the data for an ajax call fails without first unlinking the object. Doesn't work: var obj = {}; $('#main_form').link(obj); $.post('ajax_repeat.php', obj);The above will output an error: 'ev is undefined' for line 90: var target = ev.target, Works: var obj = {}; $('#main_form').link(obj); $('#main_form').unlink(obj); $.post('ajax_repeat.php', obj); $('#main_form').link(obj);
Licensing jquery form plugin, and others
What the correct way to include jquery.js and jquery-form plugins into a LGPL project war file. Do I need to give credit on the actual html page by using it (linking to the creator) or is it enough that the actual js files have the original licensing info. Do I need to include any license.txt along with the project? In addition, the original jquery I can get linked from Google. But how about jQuery form plugin. Can I link directly to the js file in git hub or is that inappropriate? Thanks, Fred
validation plugin, validating by parts
I'm using the validation plugin from this website: http://bassistance.de/jquery-plugins/jquery-plugin-validation/ The validation works good, but i have some trouble when i want to partially check for validations. I have the following markup: <form id="myform"> <fieldset> <legend>Page 1</legend> Name: <input name="name" class="required" /> </fieldset> <button id="page1"> GO TO NEXT PAGE </button> <fieldset> <legend>Page 2</legend> Something else: <input name="something_else" class="required"
Change galleriffic delay time dynamically?
Does anyone know how to change the Galleriffic delay time dynamically? I know the time can be set on initialization, but I would like to use a javascript slider on the page to allow the visitor to change the speed of the slideshow. I am using scriptaculous.js and prototype.js for the slider control, something like this: <script type="text/javascript"> (function() { var zoom_slider = $('zoom_slider'); new Control.Slider(zoom_slider.down('.handle'), zoom_slider, { range: $R(2, 10),
[jQuery validate] Issue with wrong widgets being validated
Hi, I have the following structure using jQuery validate from bassistance.de: html: <form> <input type="text" name="object[attr][fname][value]" id="object[attr][fname][value]" size="25" class="fx-widget fx-validate" data-validation='[{"MESSAGE":"Required Field","TYPE":"required"},{"MESSAGE":"Minimaal 2 karakters vereist","TYPE":"minlength","LENGTH":"2"}]' /> <select name="object[attr][language][value]" id="[comboboxwidget_language][value]" size="1" class="fx-widget" data-validation='[]' > <option
Jquery.form with input type="fileupload" not executing success handler
Hi I'm using jquery.form. I'm submitting a form with an input type ="fileupload" on it. This causes the fileUpload function in jquery.form to fire. However, the options.success function never gets fired. so my custom success function doesn't get fired and instead of incorporating the json result into the page it saves it and displays it in notepad. I see the $.event.trigger("ajaxSend", [xhr, s]); line get fired, and the var s seems to have all the options in it. then form.submit() gets fired
fgMenu: trouble getting the menu to open vertically down
Hi, I'm using the fgMenu plugin (which now lives here -- http://wiki.jqueryui.com/w/page/12137997/Menu) to style our select menus. Does anyone know how to force the menu to open beneath where the menu is clicked to be opened? If you click on the first menu here ... http://coolchickdesigns.com/giagni/subcategory_landingpage.php?SubCategoriesID=5 you will notice that the menu opens above the click, and the top part is cut off. I would prefer the menu opens below the click, and someone can scroll
Plugin to achieve this effect
I'd like to know which plugins can help me achieve the effect on this page http://www.ormanclark.com/ whereby I'd have a one page site with a nice scrolling effect using JQuery. I would also like to fade out the non-active sections, say to 0.5 opacity. Thanks.
Frame animation plugin
I would like to know which plugin can help me achieve an animation of frames like the one seen on http://www.apple.com/ipad/features/ (where you can click and drag the ipad to see it's cover functionality). I don't need the click and drag, just the animation, as I would set it on an auto animation. Thanks.
load content and custom scroller
Hi All, I'm having real trouble implementing a custom scroller to content that is loaded into the page after initial page load. My computer is becoming dangerously close to being thrown down the street! My custom scroller is called flexcroll. The code for my content loader is as follows: $j(document).ready(function() { $j('#nav li a').click(function(){ var toLoad = $j(this).attr('href')+'#content'; $j('#content').fadeOut('400',loadContent); $j('#load').remove();
jQuery validation ignores placeholder!
Hello. I am using jQuery validation plugin to validate my form, but it is seems to ignore required fields witch have placeholder text. How to solve it? To display placeholders in all browsers I am using this jQuery plugin - http://formalize.me/ And to validate my form, I am using this code : $("#userRegistration").validate({ errorLabelContainer: "#messageBox", wrapper: "li", rules: { email: "required", password: "required", password_again: { equalTo:
Superfish problem
Hi. I am new to jQuery and (JavaScript in general), and I decided to use Superfish on my latest web project. Basically, this site stores the HTML contents to be displayed on each page in a database, and I have a PHP script that takes the name of the page to be displayed and fetches the contents of that page from the database. Simple, right? Well, I have been tinkering with the code, and I can't quite get it right. Here is the jQuery code I am using: <script type="text/javascript"> $(document).ready(function(){
Where to start if I want to build a complete custom transition for the Cycle plugin ?
Hi, I'm currently trying to create a complete custom transition for the awesome jQuery Cycle plugin. Basically, what I want to achieve is kind if a lightbox like transition effect... You know, the images wraper scales itself based on the current image width and height and scales itself again when you go to next or prev image. Ok I have 2 questions: 1) I can see in the source of Cycle, at the end there is: $.fn.cycle.transitions = { ... } and inside there is the fade transition set up. Do I need to
problems with multiple plugins...
Hi there... I am very new to JQuery and I honestly dont know much about JavaScript programming either. I have set up this website and in it I use 2 plug ins: 1) A scrollbar plugin (http://manos.malihu.gr/jquery-custom-content-scroller) 2) easy slider (Easy Slider 1.7) The scrollbar plugin worked just fine but when I tied in the JQuery for easy slide, the scrollbar plugin stoped working. I am pretty sure that the problem is related to the 2 different JQuery versions that I try to bind in, or is it?.
Using a lightbox for Ajax div output
Hi, I am new to ajax/jquery, so please bear with me. I have a form that I output the contents of it into a div below the form. I do this w/: jQuery("input[name=SubmitMI]").click(function(event) { jQuery.post("/custom/manage.php",jQuery("#MI_form").serialize(), function(data){ jQuery('#managepanel').html(data); jQuery('#managepanel').lightBox(data); return false; }); }); jQuery('#managepanel').html(data); outputs the
How to get Text of HTML Editor uding JQuery?
HTML Editor is a AjaxControlToolkit that i registered it on my page (it's similar to the text box that i'm now writing my Question)... I want to get Content (Text) of HTML Editor with JQuery... I tried $('#HE').val() and $('#HE').text() but i couldn't get the text! I want to get the text and set the text into a div! Thanks A Million!
Problem validating based upon radio-button's checked value ( jquery.vaildate.js )
Hi, I am a newbie to jQuery and still learning the ropes. I would greatly appreciate your help in resolving the following issue: I am using jquery.validate.js plugin to validate a form. The form has two groups of radio buttons with names ( g1 and g2 ). It also has other elements like textboxes and select boxes. Buttons are defined as : Yes<input id="g1" type="radio" name="g1" value="yes" checked="checked" onClick="$('#div2').slideToggle(400);"> No<input id="g1" type="radio" name="g1" value="no"
JQuery MaskedInput option
Can we have an option in MaskedInput plugin to NOT clear the input field data onBlur if it has invalid entries? For example, as of now, it clears a date entry field with masking of '99/99/9999' if the entry has less than 8 digits. In certain cases we would like user to see what invalid entry has been entered. Also it'll be nice if the plugin can allow a function to be passed as option parameter, which will be called onblur. This function can perform additional validation on the entry field.
hoverIntent conditional interval...
I want to change the value of the "interval" option in the hoverIntent plugin, based on different conditions, ie. if ($([selector]).hasClass('x')) //polling interval } else { //different polling interval }I'm just not sure how to write this properly. Thanks!
Show a Java applet on clicking on HTML Text elements
Hi, I am trying to make a jquery plugin for which the description is given below. I haven't had much experience working in jQuery so I really needed some help. Here is a Java Applet I am talking about: http://www.inference.phy.cam.ac.uk/dasher/TryJavaDasherNow.html The applet does some operation the result is shown in the text box in the applet. Consider a virtual keyboard which comes up when the user clicks on a text box or a text area element. For eg: Similarly, I wanted that the applet should
jQuery templates and dynamic arrays
Hi. I'm using the following jQuery code to render templates var units = ${units}; var unitCommands = ${unitCommands}; $(document).ready(function() { $("#unitListTemplate").tmpl(units).appendTo("#unitList"); $(units).each(function(index,element) { var unitType = element.unitType; var provinceName = element.provinceName; var filteredUnitCommands = $(unitCommands).filter(function (index) { return this.unitType == unitType
Jquery Effect only runs once, won't repeat
Hi, I'm making a website at http://adc-design.com and I'm trying to create a menu using Jquery 1.3.2. Anyways, if you look at the tabs in my header, they have an effect but it only works once. After I mouse over the same tab a second time, they do not animate. I also have a similar menu at http://adc-design.com/dev/index.html which uses drupal 1.4.2. You may notice the second menu also will fade to a darker gray. If i copy and past that code into my drupal block, it will still only animate one time.
Textarea expand for future elements
Hey guys, i've been working on this for more than 3 hours and i cant figure it out. I've downloaded this textarea expansion plug in over here http://www.sitepoint.com/blogs/2009/07/29/build-auto-expanding-textarea-1/ and it works. But i am creating a dynamic page that adds textareas after the document is ready and i cant find a way to modify the plug-in so that it will apply to future textareas. I am fairly new to jQuery but i really need help. Thank you so much!
change/extend plugin to take json
I am using jquery star plugin and want to know how i can extend it so that it can take json and generate select list for star rating. Now I can go $( 'rating' ).stars({ inputType: "select", captionEl: $caption, callback: function( ui, type, value ){ $.post( 'demo2.php", { rate: value}, function( data ){ } } });but i want to extend this to take json and generate all select list
tabletools - need only csv and excel options
Hello, I'm not sure how to get only csv and excel options instead of having all the others... Any idea? Thanks
DatePicker text field not changing to black from gray color (watermark text) (working in chrome, not in firefox)
Hey guys, I'm working on implementing watermark in datepicker text field (JQuery V1.8.9). I have a datepicker field with watermark set (dd/mm/yyyy). Watermark text displaying in gray color. When I select a date, the text field still having the gray color instead of changing to black color. but, when i key in the date and focus out, it's working fine. Also, this is working fine in Chrome but not with Firefox. I'm not sure the exact cause... Any help would be highly appreciated. Thanks
datatable - don't sort a particular row
Hello guys, I've a requirement to sort all the data of a column except some data... like sort only data like 1,2,3 and don't sort 'Add'. Is it possible.... Any help would be really appreciated. Tahnks
Unlimited Accordion Recursion
Trying to set up a function that will recurse though a database and build out several Accordions however at the moment it's not producing any Accordions You can see what i mean via this link http://maskedriders.info/test.php Here are my 2 relevent functions function accordionfill($name, $content){ $echostate = '<div>'; $echostate .= '<h3><a href="#">'.$name.'</a></h3>'; $echostate .= '<div>'.$content.'</div>'; $echostate .= '</div><div>'; return $echostate; };//function function accordionmenu($ParentID,
Cannot use any of the options except fx
I am trying the cycle plugin and having problems getting any of the options to work, as soon as I put an option after the fx All the images are displayed. I am using Windows XP and have tried the code on both IE and Firefox. I tried several versions of jquery as well as several versions of the plugin without success. Here is the code I am using <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"
Tip
I am looking for a plugin that allows me to place a strip of text next to some element anywhere on the screen, that will explain what to do when you first login to a web site. Kinda like those "Sign Here" stickers you see when you sign loan documentation. I would appreciate if someone could point me in the right direction. Thank you
Bug report: jQuery.Form error when ajax error happen
I used version is jQuery: 1.5.1 jQuery.Form: 2.63 When the form submit ajax error happened (like the server resported over time), Firefox will report err: jquery.form-2.63.js line 378: s.error is undefined
Next Page