How To Improve Animation Performance?
Hello, I just started messing around with JQuery today, and I'm wondering how to get the best performance. I am trying to animate 3 different objects when an event happens. I've got it to work, but the animation is a little "choppy" sometimes. Here's an example of what I'm doing: $("#frontNav a").click(function(event) { var img1Pos = $("#logo1").position(); var img2Pos = $("#logo2").position(); var frNavPos = $("#frontNav").position(); var animationDur
[jQuery] jQuery ajax - can i know if the server is alive ?
Hi there friends i was wondering if i could acheive this make an ajax request using jquery and know if the server is alive even before the request is sent. For example, i have a div, that changes to "Connecting to server"..."Connected to server, sending request"...."Request complete" - showing the different stages of the request. So if the server is not responding, i would like it to be something like "Connecting to server"..."Cannot connect to server".."Request failed". Is there any way i could
[jQuery] Thick box Parent window
Hi Folks I want to close the thick box window and make the parent window to go to a particular url can any body suggest me how to solve this.. <a href="/myapp/redirect.jsp" onClick="parent.tb_remove()"
[jQuery] document.ready - how to make sure all js is loaded?
Hi there, I was wondering if there is something like document.ready; to trigger after all the DOM+Js is loaded. document.ready is triggered when the DOM is ready, but the js might be still loading, i would like to trigger an event only after DOM along with all the JS is loaded. Any way to do this? Thanks Vru
[jQuery] how to detect if user input is a chinese character?
Hi guys, I got a textarea and I need to detect instantly if user input is a chinese character or not. IS there anyway jquery can help this? Thanks & Regards, Mark -- View this message in context: http://www.nabble.com/how-to-detect-if-user-input-is-a-chinese-character--tp24445883s27240p24445883.html Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] Clone <tr> w/ New Data
I have a table set up like so: <table id="groups"> <tr> <td>Group Name</td> <td>Options</td> </tr> <tr> <td class="tbldata"></td> <td class="tbldata"></td> </tr> </table> I'm using Impromptu to pop up a message when you click "Add New Group". You type in the group name, and then submit. It posts to a PHP file, and then returns that posted info in JSON format. How do I put in that data that is returned into the two empty td columns? here is the jQuery code I have so far - and it does duplicate my
[jQuery] Dialog: set focus after 'show' animation
Hi, I'm using this code: var editDialog = $('#dialogEditor').dialog({ modal: true, autoOpen: false, position: 'top', width: dialogWidth || 300, show: 'fold', // focus is not set when this animation is enabled hide: 'fold', open: function(ev, ui) { $('#dialogEditor input:first').focus(); // Set focus } }); The aim is to set focus to the input element after dialog is open. It doesn't work when "show" animation is set. How can I workaround this? Cheers, Dmitriy.
Need Help With a jQuery validator plugin
Hello, I've been searching for hours for help on this and cannot find it anywhere and if I am posting in the wrong place, accept my apologies, I am desperate for help!!!! My project is due to the client tomorrow. I am building a form using a jQuery contact form slider. Got that working, no problem. I need a custom validation plug in because my form's required fields do not fit the standard plug ins available. I found Benjamin Keen's Really Simple Validaton (RSV) on the jQuery site. I like it because
[jQuery] Jquery index question
I have a HTML list: <ul class="buttons"> <li><a href="#" class="active">Home</a></li> <li><a href="#">About</a></li> <li><a href="#" class="active">News</a></li> </ul> I want to obtain the index only for the elements with class="active". For example I want to create an array with value "0" for Home and "2" for News (the indexes). Is possible to do this with jquery? Thanks!
Hide and slide out menu
Hi all, I am having trouble finding a plugin that is suitable for this... I want to make a horizontal menu which will be hidden by default, but will slide out when hovering over a button (this is going to appear on the bottom-left hand side of the page). There will be no submenu (as of yet), so all the jquery plugins tend to deal with this and none I can see work truely horiztonally. Does anyone know a good one to use and tweak? Any suggestions very appreciated. Thanks Leon
jquery ui portlet
jQuery ui portlet I have a problem with jQuery ui portlet. We say that everything works and can save in the mysql db position of div, but I do not know how to load their position to the loading of the page, and then at every refresh the portlet back into their natural position which is the html code. Suggestions? Meanwhile, place some code $("#contenitore-centrale .column").sortable({ connectWith: [ '#contenitore-centrale .column' ], handle: '.portlet-header', opacity: 0.6, items: '> .portlet', tolerance:
[jQuery] "Galleria" plugin - can it degrade to thumbnails instead of full-sized images?
Hi everyone, I've been doing some work with jQuery photo galleries and have found myself running up against this problem again and again (disclaimer: I'm totally not a javascript expert): My requirement is to build a gallery/slideshow that can potentially acommodate hundreds of images at a time. I realize this is generally not a good idea, but it presents an interesting dilemma in how that slideshow can degrade for non-JS users. The Galleria plugin has the smart preloading options I think would be
[jQuery] Form with Ajax Load Content combined with onClick
Is it possible to combine the following? <form action="https://www.expressdb.com/edp/? AppKey=3905B91021BD0A1490189D249874B317AAD9067B" method="post" enctype="multipart/form-data">
[jQuery] Seeking a plugin that .... emulates a selectbox but allows for more styling
I'm looking for a selectbox plugin. Preferably something that doesn't actually use the select element. Suggestions?
[jQuery] question about identifying what should be updated in an an ajax post
I have only used jQuery for fairly simple things and am a little stumped on how best to achieve the following. I have a list of items (similar to the three items at the bottom) and I want a user to be able to assign it as a favorite. I just copied the .post part from the docs with the id in html comments but have two related questions: 1. what is the best way / preferred to get the id of value of the item in the list (ie structured into the html - pretty sure an id can't be just an integer)? 2. assuming
on event click goes to external page
Hi, I have page with many links on it,on click of link it should go to some external page,where it has its reference on some particular line.I need a clue to do it. I cant use a href b/c it would give back browser issue,so may be with use of cookies or so. looking for some help. Thanks in Advance
Fade IN/OUT multiple Images onClick
Hi, I confess I'm new to jquery but I'm porting all my sites over to it as I love what I do know about it. I have a div on a page that I'm hoping can contain multiple images that would fade in and replace an out-going image based on an onClick event. Each image is dedicated to it's a href (there are about 30) and they would all be initially hidden... I've given the images class names and id's: <div id="creditTray" class="fadeThis3"> <img id="zs1" class="movtitle" src="directors/dir_resources/zs/zs_t1.png"
Problem with Next Selector
I need to do a pretty simple and strait forward next select, but i am stuck. I would like to click on an image, then get the next radio box and check it. at the moment, i am just trying to get the correct element, after that, i should be able to check it ok. Im using .net, and it puts radio boxes in to spans. so here is the HTML <img class="test" /> <span class="test"> <input type="radio" id="test" /> </span> and here is what i tried. $(document).ready(function () { $("img.test").click(function()
[jQuery] Auto-submitting an AJAX Form
Does anyone have some references or samples on auto-submitting forms using AJAX and the form plugin? I currently have an accessible UI slider which has a select field, as you move the slider the select field changes to the according option. What I'm trying to achieve is whenever the select field has been changed, the form auto-submits itself using AJAX. I have tried using the following code but it doesn't work: $("#speed").change(function() { $("#slider").submit(); }); This is the HTML code:
[jQuery] Superfish conflicht with Header Image for Joomla 1.5
Hi I'm using your superfish menu on a joomla website. It works perfect, but there seems to be a conflict with another module which is using mootools. They say the mootols (seems to be standard on Joomla 1.5) and jquery can not be mixed. Do you know of any workaround for that problem? The menu is being used here? Best regards Silvio
jquery tabs in posts
I'm fairly new to jquery so heres what I'm trying to do I want to control the amount of tabs that show up in a individual post. Example if i coded it so there are tabs for different types of images and there are only 2 of those 4 types of images in the post I want the post to show only the 2 tabs that are for those images and not show the other 2, and i can add and remove tabs. Also I have a basic understanding of tabs, and I'm testing out IDtabs ui tabs but so far all the tabs seem to show up even
[jQuery] install Supersubs in Superfish. How?
Hello, Sorry, I'm lost. I installed Superfish, use the menus, everything is ok. Great coding! Now, how can Supersubs be enabled in Joomla? I cannot find a tweak in the Superfish backend module? Does any file have to be edited by hand? Any tip is welcome! Greetings, Mike
[jQuery] I need an opinion
I have a jQuery code: $(document).ready(function() { var xPos = 200; var yPos = 50; var links = $('.buttons a'); links.each(function() { var index = links.index(this); if ($(this).hasClass('active')) { $(this).css('backgroundPosition', -index * xPos + 'px ' + -yPos + 'px'); } else { $(this).css('backgroundPosition', '-' + index * xPos + 'px ' + '-0px'); } }); Which is the best way to use: This code: ========
[jQuery] Getting the current page HTML URL via JQuery variable
I am trying to get the current page HTML URL (the one at the top in the address box) and place it in a variable. Any help ? <br clear="all">------------------- Alexandru Dinulescu Web Developer (X)HTML/CSS Specialist Expert Guarantee Certified Developer XHTML: <a href="http://www.expertrating.com/transcript.asp?transcriptid=1879053">http://www.expertrating.com/transcript.asp?transcriptid=1879053</a> CSS : <a href="http://www.expertrating.com/transcript.asp?transcriptid=1870619">http://www.expertrating.com/transcript.asp?transcriptid=1870619</a>
[jQuery] Superfish - Align sub menus to top
Hi, I'm trying to setup a vertical menu where the submenus align to the top of the parent ul rather than the parent li. as in this image: http://nickjacobs.net.nz/tmp/superfish.png but not sure where to start?? any help appreciated.
jquery slider working, just one question
Hi, I have a slider, that slides automatically, and when prev-next buttons are clicked. However, I want to include that when last item is shown, a click on next slides back to the beginning and/or that it does this automatically.. any ideas, this is the code I have so far.. I thought that the last bit.. if(page == pages) { ... } should do the trick.. but no luck.. var sliderTimer; //Domready $(document).ready(function(){ //Slider var pages = $('#projects ul li').length; var page = 1; var
[jQuery] Ajax ,dataType and success
this is my code, a normal code as the examples on jquery.com ajax.php can only echo "OK1", "OK2" or "KO", so I wonder why none of the if in the success function work ? but the alert before works well and i set dataType = text just to be sure. It's like mess is another type of variable or what ? Thank you $.ajax({ type:"POST", url:"ajax.php", data:"act=buy, cache:false, dataType: "text", beforeSend: function(){ // Loading }, success: function(mess){ var txt = mess; alert(txt); if(txt=="OK1") alert(txt);
[jQuery] thickbox+tablesorter
Hi. I have a page that utilizes tablesorter on a table. Works fine. I have a page that loads the tablesorter page via thickbox. The page loads fine inside the thickbox, but the tablesorter functionality is not working. Any ideas on this issue? Thanks!
thickbox+tablesorter
Hi. I have a page that utilizes tablesorter on a table. Works fine. I have a page that loads the tablesorter page via thickbox. The page loads fine inside the thickbox, but the tablesorter functionality is not working. Any ideas on this issue? Thanks!
Access file in iFrame?
I have a form that, when submitted, uploads a file into an invisible iframe on the same page. Does anyone know of a way that I can then access the filename of this file?
[jQuery] Is there an "append if" type function in jquery
I had a code that looks like this for now: var rowObj = $.create('tr', {'id': "pod" + currPOCount, 'valign': 'top'}) .append($.create('td') .append($.create('a', {'href': '#', 'onclick': 'delNonJobPOD (\'pod' + currPOCount + '\');return false;'}) .text('delete'))); I was wondering if there was something like: This is just a make belief function "appendif(check, action)" but just to illustrate what I am getting at look at this code. var rowObj = $.create('tr', {'id': "pod" + currPOCount, 'valign':
$("#parent>#child>#grandchild")
I have the parent>child selectors working fine, and thought I could go one more level, as in $("#parent>#child>#grandchild") After playing with it awhile in Firebug's console, it became apparent that only two levels of relationship works. I've structured my html so that the IDs of the children are only unique within their parent's scope, and I want to retain that structure. Can someone suggest a work around. I'm new with jQuery, and thought it was starting to fall into place, but I'M STUCK. Thanks,
[jQuery] Best way to structure this plugin
Hey, I'm in the process of developing a new plugin but the way I have structured the codes doesn't seem quite right to me so I'm hoping someone might be able to offer a better way to do it. The plugin itself has different behaviour if called on different types of elements (images, divs etc) it has a range of shared functions used across all element types and some function specific to certain elements. This is the basic structure I have so far: (function ($) { $.fn.editable = function (options) {
[jQuery] ASP Dropdown controls are Overlaping on JQuery DIV Tag
Hi This is sateesh from Softpal Technalogies Pvt.Ltd. I am using Jquery. I got one problem my ASP drop down controls are over lap on the JQuery Div. How can i over come that problem. Can you give sloution for that. Thanks & Regards Sateesh
[jQuery] Event binding on window object across frames
There is a specific requirement on my pages. It contains two frames which are named control frame and content frame, and scripts are running on control frame and controls the content frame to react. jQuery is included in control frame but content frame - content frame contains no jQuery sources. My target browser is Firefox 3.5, and from Mozilla's document I've confirmed Firefox do supports onmouseup event on window object. I want to attach content frame window's onmouseup event to monitor all mouseup
[jQuery] ClueTip, hideLocal, IE6: the same old sad story
jQuery 1.3.2 ClueTip 1.0.4 $('a.DownloadInfoLink').cluetip({ activation: 'click', local: true, showTitle: false, sticky: true, mouseOutClose: true, cluetipClass: 'jtip', width: 550, height: 300, fx: { open: 'fadeIn' } }); div.DownloadInfo { display: none; } <a href="#" class="DownloadInfoLink" rel="#download_info_X">click here for stuff</a> <div class="DownloadInfo" id="download_info_X"> stuff here... </div> This works terrific in everything except IE6, where
[jQuery] How to display data from a db into a dialog window (jquery UI)
Hi, I use dialog window as a form to insert new record into a db, now I'm trying to use this method also to update records. But I don't find a solution. I use PHP. For example, how can i pass the right parameter for the query? Below a little code as example: <div id="dialogEdit" title="Crea nuova lavorazione"> <form id="formLavorazione" name="lavorazione"> <input type="hidden" name="action" value="update"/> <?php $lavorazione_info = "SELECT * FROM lavorazioni WHERE idLavorazione=".$_POST['id'];
Parse and format relative date
I need the input field to be automatically filled with date 'today + 3 days' and formatted to 'dd.mm.yy'. I attempted to use $.datepicker.formatDate and $.datepicker.parseDate, but they obviously can't work with relative date like '+3d'. Please, help.
[jQuery] Cool Sony Horizontal Drop Down menu in JQuery?
Hi, Sony.com (http://www.sony.com/index.php) has a very cool horizontal menu, My question is can this be done in unordered list with JQuery? I like the 2 columns menu that expand (it can be seen under "shop" or "electronics") and also would expand to its sub menu. Is there already done solution for this? Thanks!
[jQuery] jQuery background position plugin
Hi, The background position plugin by Alexander Farkas rocks!! But I have a question.. Is possible to remove the animation for the X- axis ? For example: $(this).animate({backgroundPosition:"(200px -50px)"}, {duration: 600}) I don't want to animate the X-axis. I don't need 1 2 3 4 .... 200px.. I want to achieve 200px without any incrementation. On the other side I need the animation on Y-axis.. I want to increment to -50, something like -0 -1 -2 -3 -4 ..... etc... I appreciate if someone try to help!
Next Page