How do I control select button width?
Hi! I've got some dynamically generated drop down lists in my web app. My problem is that a select button is really narrow, so almost every list item has a shortened name and I've got plenty of space left. I've noticed that after the select widget gets enhanced jQuery generates some divs and an "a" element. I can set this "a" element wider, and this button really gets wider, but I have no idea how to do this programatically (I've done that through my browser's developer tools so far). This element
Basic jQuery selection question - open a hidden row
Hi @all, I like to open a hidden row from my HTML table but only the first/next/sub hidden row. At the moment the solution will open the hidden row but in sequence (you can click on any link) my HTML Table: <table> <tr> <td> <a href="#" class="AssignTask" ><strong>ToDo</strong></a> </td> <td># 1</td> </tr> <tr> <td class="popupForm" colspan="2">#1 Hello World</td> </tr>
Passing object to dialog box
I am using the $.ajax funtionality with the UI dialog box plugin . I need to pass an object to the dialog box. I have tried .ajax({ prompt: 'POST', url: '/page.jsp', data: { objVal: $object }, success: function(data) { $dialog.html(data);} }); when I do this I get: Line: 31 Error: Object doesn't support this action According to the script debugger this issue is in the jquery code: isEmptyObject:function(j){for(var
jquery ui datepicker input not posting to PHP
I'm having problems posting the selected date from the datepicker. I want to add it into my form so people can simply select a date and it will insert it with the form into the mysql database. It works fine sometimes... but when other people use it or I try on random machines it will just post "0000-00-00" as the date. Here is how I'm doing it: (I've trimmed alot of unimportant info from it) <?PHP mysql_connect("localhost", "xxx", "xxx") or die(mysql_error()); mysql_select_db("xxx") or die(mysql_error());
Can i Use This JQuery Frame work for Low End Mobiles??????
Hi,... I need to Develop a Mobile Web Application it should work in all Mobiles and All Platforms can i use this JQuery Mobile Frame work For My Requirement. here my Question is this Only work for The Touch screen Mobiles or can i use it for Low End Mobiles All so??????????. Please give me Replay....... Thanks, Ramakrishna Rayudu.
Video Tag Chrome and Jquery issue
I am getting issues when I am using any form of jquery with a video tag, the issue is with just Chrome 10, and I have this video scrolling menu that when i click on it it plays a video using the <video> tag etc but when I scroll my menu up /down I am getting a weird effect where it only scrolls half the menu and the rest stays in place as it stuck etc. No working on this issue I have placed a large empty div above it with a height of say 132px, this seems to have solved the issue, but as you will
Get all dialogs listed
Hi, I was wondering is there a way to get all dialogs and close/open them with a button that has .live("click") set to it? Tried using this $("button").live("click",function(){ $("div.ui-dialog").dialog("close"); });but it didn't work. Edit Got it working, here is the code (if someone want's it) $('button').live('click', function(){ $("div.ui-dialog").each(function(){ var id = $(this).attr("aria-labelledby").replace('ui-dialog-title-',''); $("#"+id).dialog("close");
Experiments directory
I'm working on a jQuery Mobile-based application, and have written a couple of plugins that I'd like to package up for wider consumption. I couldn't find an official way of doing this, so thought it might be best to put into experimental. So I looked there, and all of the files come with sample index.html files which don't run properly in my cloned repo. They do this weird thing though, which I have never seen before: <link rel="stylesheet" href="../../themes/default" /> and <script src="../../js"></script>,
How to show error inside input box?
How to show error inside input box as I test jquery-plugin-validatorform-1.7.js. How to show error under listox? Current code is: label { width: 20em; float: left; } llabel.error { float: none; color: red; padding: 0 0 0 .5em; vertical-align: middle; }
Accordion fillSpace problem - it would show the whole content!
Hi I am a pretty much a newbie to jQuery and I need some help please! I am using the jQuery UI accordion menu and also using the fillSpace feature, so the accordion will conform its size to the size of the content. I am pulling an html document in via AJAX, and I know that I need event delegation to retrieve the new value of the window, but I have no idea how to do it. $('h3').click(function(){ var header= $(this).text(); nextdiv= $(this).next('div'); nextdiv.load(header + "-AJAX.html"); In
jQueryUi table resize problem
my code already works but it i still need some help.my aim is to drag the red div and resize all affected rows. first row works, but all rows under the first one were ignored. does anybody have a hint ? <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta content="text/html; charset=UTF-8" http-equiv="Content-Type"> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
newbie - events on datepicker
Sorry, very new to JqueryUI and this is a simple question. I am using the datepicker inline and I'm trying to retrieve the selected data value but can't figure out where I'm going wrong? Any help greatly appreciated. $(function(){ // Datepicker $('#datepicker').datepicker({ inline: true }); $('.selector').datepicker({ onSelect: function(dateText, inst) { alert(inst.value); } }); });
getting error
i am using jquery for popup the point is the same thing working fine on local server is giving error when i upload it to site the error are "'.cannot call method click of null" and " Uncaught TypeError: Cannot call method 'click' of null (anonymous function)index.php:319 jQuery.fn.extend.readyjquery-1.2.6.min.js:27 jQuery.extend.ready.jQuery.readyListjquery-1.2.6.min.js:27 jQuery.extend.eachjquery-1.2.6.min.js:21 " i am calling file like this <script src="'.$theme['url'].'/js/jquery-1.2.6.min.js"
Conflicts with jquery plugins
Hi all, I am great fan of jquery plugins and now I am using lots of plugins whithin one page, due to this the plugins are conflict with each other some time, so my question is do you have any mechenism to avoid such conflicts?
findout out which mouseover element has triggered event
I am trying to make an animation on website spiderspun .co .uk (spaces added to avoid being called a link builder ) I have two div: #sidebar1-menu ul{position:relative;background-image:url("../spiderisms.png"); background-position:525px 110px;background-repeat:no-repeat;} #sidebar1-menu a{...css stuff...} I am using a backgroundPos plugin. In order to animate the image (a circle) i am using code: $('#sidebar1-menu ul') .css( {backgroundPosition: "4px 5px"} ) .mouseover(function(){ var offset = $(this).children.offsetTop;
JQuery and all code in 1 line
Hi, i have a problem with a third-party code written using JQuery and i would like to debug it. however, as it is in 1 line (in my classical editor) i would like to know if it exists an editor which explode this 1 line code in a normal Javascript code ...more human readable... thx for help. A.
Detect 'dblclick' only. 'click' still fires....
$('#exampleBox').bind('click', functionOne); $("#exampleBox').bind('dblclick', functionTwo); If I have somethign like this, can I make it so that functionOne doesn't get executed on a 'dblclick' event. I notice that even if I double click, any kind of click will trigger functionOne. Any ideas?
IE 7 and unit tests
I tryed t execute unit tests under windows phone 7 and lates github sources but received blank page. I've done investigation and it seems like the problem is in jquery.mobile.page function _create() never executes. Same behaviour under IE 8 compatibility mode. But the most interesting is why the code works fine in demo part but fails in tests. Can any one explaine the difference between code execution under test suit and demo part? Is there any way to execute test and demo in same environment? Can
Autocomplete
I am implementing Autocomplete in a form using jQuery. The plugin displays selected value with , separator. I also need it's respective fetched id from database in comma separator. Instead the lated value override the previous one. I tried to use push operation couldn't. <?php $this->widget('CAutoComplete', array( //name of the html field that will be generated 'name'=>'user_name[]', //replace controller/action with real ids 'url'=>array('Privacy/autoCompleteLookup'), 'max'=>10,
Multiple jQuery Cycle instances... captions not working
Hello, I'm running multiple instances of jQuery cycle on my page here. I know, my mootools code is ugly but it's simple and works. Anyways. The images are cycling fine, however, my captions (just the alt text of the image) aren't changing with the different instances. How can I get this to work? http://josephbergdoll.com/dev/ much appreciated.
Using jQuery Treeview
Hi All, I have a requirement in which I have to use async jQuery treeview, where data is coming from the server and the childnode has to be a hyperlink which will connect to some different page. Kindly let me know how to provide anchor tags be assigned to the child nodes in async jQuery treeview. Any help on this is greatly appreciated. Regards, Sameer
Fixing grid header
I am a starter on jquery, I want to fix the grid header on my website. I follow the information in http://plugins.jquery.com/plugin-tags/fixed-header. I add the following codes into my module (.ascx file) --------------------------------------------------------------------- <Style type="text/css"> .gv, .gvtest { border: 1px solid #E2E2E2; border-collapse: collapse; padding: 2px; } .gvh { background-color: #EEEEEE; font-weight: bold; color: #666666; font-size: 12px;
Content, Navbar, Thumbnail
Is it necessary to create a separate website with jQuery mobile (do we need to duplicate the content manually, is there an alternative method)? Secondly, how would you integrate a navbar into a mobile website? A thumbnail with a linked caption?
After Postback, JQuery is not working
Hi I have a problem when server postback, all scripts are didn't work. one of my script is $(document).ready(function() { // For Create Resources // Here we will write a function when link click under class popup $('#ctl00_Body_chkNewCat').live('click', function() { // Now we need to popup the marked which belongs to the rel attribute // Suppose the rel attribute of click link is popuprel then here in below code // #popuprel will fadein
Doing jQuery on a remote page.
I am developing a database program that need to insert an address into a text box on a remote page. Basically the program is being developed for the ultimate in lazy people that do not even want to copy paste the address into the text box it should already be there when the page loads. I have been contemplating using frames although I'm not sure that will be possible. Also I have been researching options that will include the remote page inside my page without the use of frames although I'm not sure
Tabs plugin used in malsup.com?
I like the tabs plugin used on the taconite (love the taconite plugin also!). It does not appear to be the jQuery UI tabs. Where can I get this plugin? Thanks in advance. --a.
IE (only) issue with datepicker, validation ok
I am a newbie but getting sold on jquery! The simple test code below validates a few fields successfully when tested using Safari, Opera, Firefox and Chrome. Datepicker does not work in IE, although the validations do work as expected. Is there an issue with datepicker and IE? Is there a condition in my code that inhibits IE? I appreciate any help. //// page code follows //// <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
is an outbound POST possible from inside a jQuery function?
I have a specific problem in passing a string from Autocomplete to a php script, but in doing a lot of research, I'm getting a hint that the problem may be general with jQuery functions. The code below does not work, in that php prints 'country is' but not the string variable that is received via POST. After hours of searching, I found an Autocomplete documentation section that says its about plugins, but its not, its really about further options and features of Autocomplete that are not mentioned
Jquery collapsible dropdown
I want to implement some thing thisway: when some one click on hyperlink a collapsible panel opens up and inside the panel I have a form with text field and with submit button, which submits data into DB. when the user clicks submit the form has to be submitted and then the panel collapses. WIll that possible Would you please suggest me a tutorial?
1 drop down with price + 50.00 shipping and then grand total tried many things cant get it!
1 drop down with price + 50.00 shipping and then grand total tried many things cant get it! $("select").change(function() { var qty = $(this).val(); var price = $(this).closest("tr") .find("td[class^=price]") .html().split("$")[1]; var total = parseInt(qty) * parseFloat(price); $(this).closest("tr") .find("td[class^=total]") .html("$" + total); var grandTotal = 0; $("td[class^=total]").each(function() {
how include rich text-area in jQuery and tinymce
Do you know what error? how include rich text-area in jQuery and http://tinymce.moxiecode.com/ ? see attach... get ONLY text-area non rich text-area. jquery 1.3 i use, but tinymce come with it's own? <html> <head> <script src="../jquery.min.js"></script> <script src="../tinymce/jscripts/tiny_mce/jquery.tinymce.js"></script> <script src="../tinymce/jscripts/tiny_mce/tiny_mce_src.js"></script> <script> $(document).ready(function(){ $('textarea.rte').each(function(){ TINYMCE.replace(this.name); });
jQuery Accordion - on page load, all open then close
I apologize if this has been asked before. I am using the accordion on a menu and have its default set for all to be collapsed. However when the page first loads, all of them are expanded, then they all collapse as they should be, this makes the page really jump. I am sure this is happening because the page loads....then the jQuery runs to collapse the menu, is there something I can do so this does not happen? Code from aspx page: <div id="navigation"> <h3 class="first"><a href="#nogo"
stopping transition events
How do you go about stopping page transitions? For example, on a form post, I want to do some validation, if its valid, just continue as normal, but if invalid, I do not want the page to transition. I thought the following would work, but not so much? $('#form').submit(function(ev){ // validation code... if (!valid) { return false; } });
Range slider in jQuery Mobile?
Hi, I need to be able to set a range (1-10) in a form with jQuery Mobile but using <input type="range" can only set one value - not a range. I've seen discussions like this: http://forum.jquery.com/topic/dual-slider-range-slider-on-jquery-mobile but It doesn't work that good. Are there some other solutions? Thx, VTM
select list going away on iphone when clicking the 'x'
I build the select options dynamically. It seems to display fine on all devices. However, on an iphone, the first time it renders, after the user hits 'x' in top left, i just disappears. it seems to work fine in subsequent runs. I do not see this problem on Chrome or Safari. Ideas? Thanks
Frustrated with Facebook
Is anyone else getting frustrated with Facebook? I find it very hard to administer. There are a lot of dead-end paths, where if you make the wrong decision, it cannot be changed. I just don't find it to be a friendly environment for administration and development. I am not sure of how well it plays with jQuery, but given that they actually created their own markup and script languages (namely, FBML and FBJS) I find it hard to believe that it's jQuery-friendly. Friendster, Myspace, Facebook.. I find
Anyone suggest a reliable, compact color picker?
I need one that is relatively small, and that can "pop out" so to speak when you click on a text field so you can choose a color and get hex values from it.Has anyone used a good one?
<script>...</script> for $("").focusout function in <body>-Tag but not in <head>-Tag
Hi I tried the focusout-example ( http://api.jquery.com/focusout/ ) and it worked fine. My question would be why doesnt it work when I set the <script>...</script> in the head-Tag? Gotta be easy to answer but even when I set the code into the $(document).ready(function() {} it doesnt work. Im afraid my code will be horrible to read when I place the script-Tag after several inputs... Heres the original code from the example - works: <!DOCTYPE html> <html> <head> <style> .inputs { float: left; margin-right:
jQuery not being recognized
I'm using a website template and I'm trying to add additional jQuery goodies but nothing I write is being recognized. I tried making a new jQuery file and inserting into existing file. It's as if nothing is there. http://s355306040.onlinehome.us/equilibriumfit/bio.html With this page I'm trying to hide all DIV class="bioBlock" and "bioTitle". When you click on each person, the corresponding "bioBlock" should appear along with its "bioTitle". http://s355306040.onlinehome.us/equilibriumfit/services.html
Suggest an image gallery that supports multiple slideshows?
Hi, I need to replace a Flash image gallery with a jQuery gallery. After hours of looking at sites that say "Top (25) jQuery Image Galleries," I still can't find one that supports a top view that shows a list of available slideshows. Clicking on one will load that slideshow. You can then go back to the top level and view all the slide shows again. Does anyone know about a plugin that does this? Thanks! -JP
Next Page