jQuery Autosave plugin... can't get it to work
jQuery Plugin: http://plugins.jquery.com/project/autosave I've been trying for 3days to get this plugin to work, I've contacted the developers and no response. the demo on the site seems to work with a json output but the downloaded code & example does not work. I'm trying to get it to work with PHP as the backend and nothing. The instructions are very vague like a lot of jquery plugins. Are there any developers or experience jquery plugin users that can assist with telling me how to get this plugin
jquery validation with confirmation
hi, i have inserted jquery validation in my asp.net page.. since am new to this i donno where to add javascript confimation popup iwth this jquery validation. say after validating my form it should popup and say the submitted values . and if user says ok then the form should submit else should stay back.. how do i do this?
css dock menu (fisheye) rounded edges?
Hi, im using the css dock menu found here: http://www.ndesign-studio.com/blog/css-dock-menu But i have a problem i cant figure out. I wan't to have rounded corners on the left and right side of the container, i have made the images for it but i cant rly get it to work. I think its a css problem, anyone have an idea? Code: html: <div class="dock" id="dock2"> <div class="dock-container2"> <a class="dock-item2" href="#"><span>Home</span><img src="images/home.png" alt="home" /></a> </div> <!--dock
jquery ajax ie6 fail
Hi there, I've been using jquery successfully for some time now but can't get this working: <script> $(document).ready(function() { $.ajax({ type: 'POST', cache: false, url: '/reports/inc/potentialConcern-report-gen.php', dataType: "html", data:{depno: 0, years: 0, haz: 0, sid: Math.random()}, success: function(reply){ $('#report-load-area').append( reply ); } }); }); </script>This
Superfish - onHide problem
Hey all, I'm working on a menu using superfish. I have a function I want to call onHide, but it seems that the onHide function is called onInit, onShow AND onHide. The alert is fired multiple times. Here is a simple example: jQuery(function(){ jQuery('ul.sf-menu').superfish({onHide: function(){ alert("hi");}}); }); Thanks for any help.
auto expanding Selectbox
can you please help me how to expand the select box when its last option is highlighted. the select box should get expanded with another set of values with already existing values from the server side. plz help
Expanding the select box when last option is hovered/mouse over is done.
I have a task where i will display 5 options out of 50 in a select box initially. when a user selects last item/option in that box the select box should get populated with next 5 options from server side. i have to implemet with jQuery . can any one please help me with a solution. which plugin can be used, and using ajax call can we do this ?
animate()
I would like to auto slide/ease a div from outside the viewport to to a certain position. I was reading the documentation on animate, but can't figure how to do this? Any advise or documentation is more than welcome
jquery treeview question
Dear all In the treeview code example I shulde call tree view add method as below branches = $("<li class='closed'><span class='folder'>New Sublist</span><ul><li><span class='file'>Item1</span></li><li><span class='file'>Item2</span></li></ul></li>").prependTo("#folder21"); $("#browser").treeview({ add: branches }); But if I don't call treeview({add: branches}); The tree seem to show normally. Are there any trouble if I didn't call treeview({add: branches}); ? Thanks in advanced
SELECT Control floating over BGIFRAME dialog in IE6
Hi, SELECT CONTROL floating over the header and footer of bgiframe popup in IE6. Please have a look at the below images. Is there a workaround for this? Your help appreciated. Regards, Sakthi.
how to add a vars using jmeEmbed to enable stretching=exactfit, default is strecthing=uniform
Hi all, according to the documentation here: http://protofunc.com/jme/documentation/documentation-embed.html if I want to add a vars option parameter: what would be the code to enable stretching=exactfit - I tried to use: vars: {stretching:'exactfit' } and it did not work here is the example from protofunc: $('video').jmeEmbed({ jwPlayer: { path: '../mediaplayers/player.swf', params: { //make video transparent wmode: 'transparent' }, vars: { //we support http-pseudo-streaming provider: 'http' } }
Need help with jQuery Form Upload
I'm using jQuery Form Plugin (http://jquery.malsup.com/form/#file-upload) but not being very successfull in uploading files. The upload part of the plugin is porly documented and have to few examples. I have a jQuery UI Dialog box containing the Upload form. Here I want to upload a form without page reload (using of IFrame instead). Can someone pelase suggest some code that will allow me to upload files? Here is my code (in the UI DIalog box) : HTML <fieldset class="fieldSetUploadfile"> <legend><?php
Tooltips in 1.4
Does anyone have any recommendations for a tooltip plugin for 1.4? Something simple with some nice styles. I've tried a few and have had issues as most dont seem to work w/1.4.
Cycle plugin - restart of "nowrap" slideshow upon return to page via back button?
Hello, I have an intro page with a "nowrap" slideshow, which after ending, callback-redirects the browser to a second page. The slideshow is tied to the document-ready. If the visitor wants to see the slideshow again and clicks the back button to return to the intro page, they only see the last slide of the slideshow which never changes, because the page is loading out of cache and the slideshow is not triggered. Is there a way to make the slideshow restart, even if the page is accessed via back
Autocomplete on a dynamically created input
Hello.. So, what I'm trying to do is to get the autoComplete to work with any new appended <input> fields on my page. The dynamically appended <input> fields are added to the page, when a button is pressed, by using insertRow/innerHTML within a table body. Upon the creation of the new <input> field, it is given a name, an unique id, and an onFocus(function() {autoComplete('userRelative',(oID=+oID));} is set. eg.: //Static <input> field - always visible on the page. <input type="text" name="userRelative[]"
Spacegallery with html content ?
Hey i found this plugin called spacegallery. I am looking forward to putting html content instead of images... Each box would have 2/3 text inputs where the user answers questions... Now it would be reverted. Instead of having incomming questions you can go back to already answered ones... Does anyone have the slightest clue if it's possible and if it is... Then how? Maybe there is an other plugin made just for that purpose..? Thank you. (ps : a sample of what i want : Second 37 http://www.youtube.com/watch?v=1CwUzARdjGY)
Validation: How to make non required fields "valid" on submit...
I have some fields that require no validation and some that require it. The valid css I made in green color. Now when I click on submit the validated fields show green and the non requested are left yellow that I use. Is there a way to somehow on submit make all the fields to have valid class? Sorry if I ask something obvious. I am a newbee in jquery...
Autocomplete plugin broken tonight?
Hi, I'm using the autocomplete plugin as described in the documentation page and it stopped working a few hours ago. So I checked back the documentation here: http://docs.jquery.com/Plugins/autocomplete and it appears to be broken too because when I try it in Firefox or Safari on a Mac the demo doesn't work and when I load the page Firebug says: 1 error: "$("#example").autocomplete is not a function". Is it me or something is wrong? thanks for any help Bastien
gMap Plugin - Modifying a JSON object
Hi, I've started using the gMap plugin (http://gmap.nurtext.de/) in my site but have a quick question which doesn't seem to be answered in the doc, FAQ or examples but I think is because I'm new to jQuery. As per the example, I have a div, with id "map" in my code and I am creating the map with the following code, passing in a JSON object for config: $(function() { $("#map").gMap({ latitude: 54.7, longitude: -4, zoom: 5,
Form Plugin - ajax post with response
I need to post a sequence of pages to an iframe, some GETs and some POSTS. But it is critical that I only continue to the next one when the previous is completed. For my GETs I was using simple javascript and depending on the onload parameter of iframes to tell me when the page is loaded. the code looks like this... $("#myDiv").append('<iframe id="myOpt" onload="frameControl()">'); $("#myOpt").attr( "src", myurl ); after each one, the frameControl function is called that increments the counter and
Reset jQuery form plugin to it's original status
Dear All, I'm using jQuery form plugin, but i want when when user clicks on a button to submit the form using the traditional submit, how can i reset the form to traditional one ? Thanx
Calling $.jNotify() from within an iframe
Hey All... using Giva Labs' new jNotify plugin (http://www.givainc.com/labs/jnotify_jquery_plugin.htm). I'm running a page in an iframe (not my choice, client mandated). The parent (main) frame has the jNotify code, and I'd like the notification to appear there, not in the iframe. I've tried: $( parent ).jnotify( 'Your changes have been recorded', { fadeSpeed: 2500 } ); but to no avail. No errors in firebug, but no notification fired. The plugin works a treat when called from the parent frame
Using JQuery Tabs
Hi everybody, I have bug on IE 7 (Windows Vista) when I display JQuery Tabs using Asp.Net WebUserControl. I have something like this: Usercontrol contain all script to display JQuery tabs. after that, in my Default.aspx page, instanciate 20 times my user control to display 20 records on the same page with the same layout. Everything work fine on Firefox, Chrome, IE8 but not on IE7. On IE7, the first time my page load, my tabs are display fine, but if I select a tab (example tab 2) and
jquery validation plugin
i am using the jquery validation plugin and would like to do the following. 1. over ride the submit after all fields have been validated -for this i am not sure where to even start 2. popup and overlay with the form information - this i already have working with a click function right now but need to get it working with #1 3. then submit
Trouble Using Lightbox
I am using the jquery lightbox plugin from Leandro Vieira (http://leandrovieira.com/projects/jquery/lightbox/). I am able to get it to work on this page without any trouble: http://jalc.org/TheRoad/multimedia_photos.asp and have replicated the setup almost identically here: http://jalc.org/concerts/c_orchestras09.html without any luck. The popup begins to popup but the photos do not appear. The photos are all uploaded and the directory path has been confirmed. If anyone has any suggestions I
getting hourCombo value in jtimepicker
I am looking to retrieve the value from the jtimepicker plugin. I tried this , but without success $('[name = hourcombo]').change(function(e) { var valui2 = $('[name = hourcombo] :selected').text() console.log (" clicked " + valui2) }); Anyone that used this plugin and can help me ?
Star Rating without reloading and without submit button
Hi, I'm trying to use the star rating plugin http://www.fyneworks.com/jquery/star-rating/ . I have a problem because I don't know how to send (without reloading the page) the stars form without using the submit button. I'm also using the ajaxForm plugin I tried that : $('.auto-submit-star').rating( { callback:function(value, link) { this.form.submit(function({ $(this).ajaxSubmit(); return false; }));
Textarea in a tab and bounce bug
the situation: - a textarea in a table - 2 JQuery plugins to resize the textarea (jquery.bounce wich works with jquery.easing) the problem: - Firefox: the value of the textarea is null when i use it with php - IE: no problem. the code: <!-- déclaration du framework JQuery --> <script type="text/javascript" src="../jquery/jquery-1.4.2.min.js"></script> <!-- déclaration des plugin JQuery pour permettre le redimensionnement des textarea--> <script type="text/javascript" src="../jquery/plugIn/easyPlugin/jquery.easing.1.3.js"></script>
Function only works once?
Hi, I want to rotate an image 90° after a user clicks on a button. It works, but only once? I thought the image would be keep rotating as long as the user is clicking on the button ... $('#rotateImageButton').live('click', function() { $('#image').rotate(90); }); How can I let the image rotate 90° each time I click, instead of only once? And my second question regards a selector. The image is the only image in the #fileDialog. I tried a selector like: $('#fileDialog > img') or $('#fileDialog:image') but
Superfish - active page open with a vertical menu?
Hi everyone, I've been trying to get my vertical navigation to load with the subsection of the current page expanded. I'm sure that this should be trivial, but I've been trying various approaches for nearly two hours now and am getting nowhere. Things I have tried: Using pathClass, including the approach for wordpress described here Using a brute force approach by calling showSuperfishUl(); Nothing seems to work! There seems to be quite a bit written about this for the horizontal superfish menus,
Using Video in a jQuery Tab
I've been tasked with debugging a problem with jQuery Tabs. Doesn't actually seem to be using the UI Tabs plugin. The problem is, one of the tabs has a video in it. When that tab is selected, I can no longer select a tab. I'm guessing the video is taking over the tab links, but I'm not seeing that in firebug. The site is http://www.bitsoflace.com. If somebody wants to take a look and let me know if I'm missing something obvious please let me know. I've added a third tab with text to make
I am using jquery.scrollTo-min.js but it dose not seam to work why?
I have a button at the end of my page that will take the user to the top of the page again this is a URL: www.epecho.com it is still unfinished. /* this is my button */ <a href="#" class="up">go up ↑</a> I have attached the jquery.scrollTo-min.js as well as my own script file what follows it what is in my script file: $(document).ready(function(){ /* This code is executed after the DOM has been completely loaded */ $('.nav a,.footer a.up').click(function(e){ // If a link has been clicked,
First time here. Trying to extend my plug in parametres
Hi People, I am using the datepicker plug in, and am trying to extend it to not allow sundays to be selected. Now the problem I have is I am no javascript savy... so not sure the correct way to format this. Here is my code for the plug in: <script type="text/javascript"> $(function() { // Tabs $('#datepicker1').datepicker({ beforeShowDay: function(date) { return [(date.getDay() > 1), ""]; } minDate: 0, maxDate: "+12M +0D", dateFormat: 'dd-mm-yy' }); }); </script> The above is not working, It is
jQuery Form Plugin by malsup success function not working on IE7, works on IE8
Hello, I'm trying to submit a form with the jQuery Form Plugin by malsup. I'm fairly positive my code is correct because in IE8 the success function is being called and the background of the boxes are turning green. In IE7 however, The submit function is definitely working as the file is uploaded to the correct place, but the success function is not being called/fired. Any ideas as to why this might be? Do IE7 and IE8 handle this that differently? The function in the success call is just changing
Cycle plugin - how to make fade transition instant?
I've got five images which I'm cycling between using the fade effect. The problem is the transition between the first four images takes around one second during which time no image is visible. Strangely the transition between the last and first image takes place instantly with no delay between the last image disappearing and the first appearing. What I want is for the transition between all of the images to be like the last and first one: instant. I've basically copied Mike Alsup's code from http://jquery.malsup.com/cycle/basic.html and
Validation : Multiple fields validation
Hello I have to create a validation on 5 fields. The user have : date hour minutes am/pm and timezone I have to check if the generated date is in the futur or not. I see one solution, to create a hidden field and to update it with a full date value at each changes, but it's kind of a hack, so I would like to know if there is something nicer in Jquery validation plugin. I already have the function to do that, I just need to find thee way to apply it to multiple fields. Thanks
bug: jquery.media.js
This is a useful plugin for embedding various media types. It has a small problem if the media file is hosted on a site that has a recognised media type in the url. For instance, if the media url is given as http://www.somesite.com.au/foo.pdf then the plugin will detect the .au and try to load the quicktime bho. I think the regex check should be changed to detect the extension only at the end of the url by using a $. Thanks, Jim
Custom form validation using jquery plugin, based on attributes
I am using Jquery valdiation plugin for validating the form at client side. But I want to do the validation like. <input type="text" id="txtInf" regex="/some regular expression/" error="Inf is mandatory"></input> here regex and error are custom attributes. Field will be validated against the given regular expression in regex and if the regular expression text fails then error meessage should be shown. I tried to add a method to validator like this. $("*[regex]").each(function () { $.validator.addMethod($(this).attr('id'),
Superfish - Flyout up - not down
My Navigation is on the bottom of the page. The second level should fly out to the top, not downwards. I tried it by changing the css, but it would not work. Tanks for any help!
Jquery calender with xml based events
i have following code in my file <%@ Page Language="VB" AutoEventWireup="false" CodeFile="SimpleCalender. aspx.vb" Inherits="SimpleCalender" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional/ /EN" "http://www. w3.org/TR/ xhtml1/DTD/ xhtml1-transitio nal.dtd"> <html> <head> <title>Calender</title> <link href="http://ajax. googleapis. com/ajax/ libs/jqueryui/ 1.8/themes/ base/jquery- ui.css" rel="stylesheet" type="text/css"/> <script src="http://ajax. googleapis. com/ajax/ libs/jquery/
Next Page