Any way to wrap text in select menu?
I have a select menu with some options being too long to fit on an iphone display. So the text gets cutoff, with a '...' added to it. I want it to wrap. I also had this problem with listview elements, and implemented this solution which I found with google: .ui-li .ui-btn-text a.ui-link-inherit {white-space: normal;} For the select menu, I applied the same thing to the ui-select class. After this change, I look at the dom in IE's developer tools, and see that the select menu and its options have
Using the jQuery BlockUI Plug-In with a TreeView Control
Hello All, When I click anywhere in the colored areas (see attached image/screen-shot), the $.blockUI method is fired, and really if I click anywhere that's on the horizontal plain of the TreeNode item, on either side of it, it fires the $.blockUI method. I need the $.blockUI method to be fired ONLY when the actual TreeNode itself has been clicked. This TreeView is built dynamically, so I'll never know what or how many TreeNodes will exist. I thought I had this all worked out, but I accidentally
Validator - add a 'RequiredIf' method/rule
I am working on an ASP MVC3 project, using validate and unobtrusive jquery. I have several area on a page that I need to create custom validation for, and ensure it doesn't break anything else. Currently I have several sections, each have a radio button pair, some text boxes, a button and a table. User fills in the text boxes, hits the button, and I have a function that puts the data from the textboxes into a new row on the table. I also have a counter that is advanced once with each button press.
FREDHQ roundabout problem
We used this in class http://fredhq.com/projects/roundabout/ and I'd like to put it on a webpage but for some reason the tilt and controls in the .js file are not working. index file <!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"> <title>Kaiusagi Rabbitry</title> <head> <style type="text/css"> html, body {height:100%; margin:0; padding:0;} #page-background {position:fixed;
Unable to Fire pagebeforecreate
I'm having a problem getting the my pagebeforecreate event to fire. I have the following code: $(document).ready(function () { <Code....> $('#login').live('pagebeforecreate', function (event) { alert('Page inserted into dom'); }); $('#login').live('pagebeforeshow', function () { if (datatimer != null || datatimer != 'undefined') { clearInterval(datatimer); }
Editable JQuery Mobile Listview Grid
I am having a little difficulty phrasing my question, so please bear with me. I am wondering if there is some sort of an editable data grid element (that looks like a listview with multiple columns) that I can use to present my tabular data. A Google search didn't reveal much, so I'm posting here to see if anyone might be able to offer suggestions on how to accomplish what I'm after.
Compare links and highlight them if they are matching
Hi, I have a table which has two columns (#colA and #colB) , each column contains links, I want to compare the links in #colA to #colB and highlight them in both columns if they are exactly matching links. So far I have done this but not really working, how can I correct this? $(document).ready(function() { $("#colA a").each(function() { var hreftofind = $(this).attr("href"); $('#colB a[href$="'+hreftofind+'"]').addClass('selected'); }); });
Ajax form submission in IE(8)
Sample Google form Related spreadsheetI customized the original form source code and created two forms: First form Second formThey work in all browsers except IE(8). What's wrong?
Cycle plug in issue using Malsup fading banner
Using 3 different browsers, on both a PC and Mac, the Mac has 2 issues that dont happen on the same 3 browsers on a PC. It doesnt display the slide numbers, plus doesnt rotate, plus sometimes after cycling, then the 1st image is hidden Are there any issues with this or fixes? http://www.crlaurence.com/adv/homebanners/rotating/test.html this is modeled after: http://jquery.malsup.com/cycle Thank you
how to use jquery to play sound in web page
hi can i play a music in page with jquery ?? http://www.scripters.info
Autocomplete putting wrong value in field
I have an autocomplete list that uses a string to identify the items that is concatenated data ex: Last_Name, First_Name, Address, etc When I select from the list. This is the value that is inserted in the autocomplete while the rest of the form is populated correctly. Here's the code. $(document).ready(function() { $("#zlhbcustlastname").autocomplete({ minLength: 3, source: "ajax/clientlist.php", // Pull in names and addresses select: function( e, ui ){ // When we select one var keyvalue = ui.item.value;
How do I make an object property increment?
Hi, been stuck with this for a few days... I have some groups of radio buttons, depending on which radio button is selected a list of possible strings should each get a point... For example, I need to end up with an object like this; var score = { point1 : 0, point2 : 0, point3: 0, point4: 0, point5: 0, point6: 0 } If first radio button in group 1 is selected, point 1 and point 6 should count up 1 (this will be different for each radio button in each group ) I've already
How to change Accordion Behaviour
Hello everyone, I have downloaded the Accordion widget from http://jqueryui.com/accordion/ and I have implemented it on a site I am working on. I do have a situation like this: I would like to change the accordion's behaviour. Basically, I do have 3 panes (if that's what you call them) on this page this page. Only the first pane is visible when loading the page, the other two are sent off screen. I would like to have the first pane closed and the last pane opened when the page loads like this:
Editable JQuery Mobile Listview Grid
I am having a little difficulty phrasing my question, so please bear with me. I am wondering if there is some sort of an editable data grid element (that looks like a listview with multiple columns) that I can use to present my tabular data. A Google search didn't reveal much, so I'm posting here to see if anyone might be able to offer suggestions on how to accomplish what I'm after.
toggleclass issue with overflow
Hi, I have a div with one line (css overflow hidden), which is clickable the onclick will load a css class that makes the height much bigger so the hidden info appears (somewhat like accordion), however this second class has overflow:auto because it can be scrollable. Now when I click and scroll down and then click again to close the div, I don't go back to the top of the div content. Is there a way so I can define that on closing and going back to the original css class with overflow:hidden the
Using not() to affect all but selected checkbox
I have a series of checkboxes that is generated by a CMS, so I have limited control over what the HTML looks like. Here's a chunk: <div id="topping_control"> <div class="multiSelect"> <div class="title"> Select Toppings </div> <div class="group"> <div> <div class="checkBox"> <input type="checkbox" name="toppings" class="PI P" value="N"> </div>Pineapple </div> <div> <div class="checkBox"> <input type="checkbox" name="toppings" class="XC C" value="X"> </div>Extra Cheese * </div> <div> <div
Prevent a popup from closing (tapping outside widget)
The problem: I do an Ajax request. When it is finished i want to display a message in a popup window the result of the Ajax request. But i don´t want the user to accidentally close the popup by clicking outside the widget (it would be closed with a button). So is there a way to prevent a user from closing a popup by tapping outside the widget?
JQuery problem.
Hi i am facing a problem in jQuery pages. in my projects for the module all attribuyes of different pages are centralized at one place( attribute.tag file) the alignment is coming proper in main page, but when i am trying to open from another place (another module) to the same page the alignment is not coming properly. anybody please help me.... thanks in advance.. Premchand Singh.
ColorBox issue !
I am using colorBox plugin to pop up from a main page: modalURL = jQuery(this).attr('href'); jQuery.colorbox({iframe:true, height:268, width:796, scrolling:false, href: modalURL, close:"", overlayClose:false}); modalURL will have a link to one of many JSP pages depending on business logic. Now the background window over which this colorbox comes up, gives focus to this colorbox. But the issue is, if I click anywhere on the main background window which is greyed out after this colorbox
supersized (backgrounds) and fancybox
here is the site... http://174.132.79.98/~john4p3l/sample-page/ it's wordpress, and this page shows a supersized slide show then thumbs fade through each image, and the full sized image is linked to a page what i need to do is have the link from the full size image load the target in a fancybox i've hacked the supersize js so it adds the fancybox class to the links, but they are not loading in fancybox, just loading the page itself can anyone see what i'm doing wrong?
Dynamic content get lost on page refresh
Hi, i have the following demo code , <?php if (!isset($_SESSION[$column['userid']])){ $_SESSION[$column['userid']]='offline' ; * code for fectch data from the database for this user id ?> <script> $(".Offline").append('<li class="<?php echo $column['userid'];?>"><a href="#page">foo</a></li>'); $(".Offline").listview('refresh'); </script> <?php } ?> When i refresh the page , the dynamic content
How to create tabbed content in jQuery mobile app.
Hi All, I'm developing a mobile application. i'm trying to crate a tabbed content inside the collapsible set. since I'm a beginner in jQuery mobile. i can't able to create a tabbed content. can any one help me create the tabbed content. much appreciated.... thanks in advance. -- Selva
Help a newbie.
Hi all, I am new to jQuery. I have an UL in my navigation menu (see below). When I click on any one of the list item LI say "jQuery Plugin", I want to capture and display this link and also its parent link like this in my $('li').click(function(). What is the selectors to use? Thanks. This is what I want to show: Maintenance -> jQuery Plugin This is my UL navigation menu: <ul id="jsddm"> <li><a href="#">Maintenance</a> <ul> <li><a href="#">Drop Down Menu</a></li>
Date/Time picker?
Can anyone give me a suggestion for a date/time picker UI. Since JQuery mobile doesn´t have one i need to find one that works good in mobile phones. I have tried http://mobiscroll.com/ but it has HUGE performance (super laggy) issues and i would never use it in an app. That is to bad since it looks very nice. Anyone that can give med tips on some good UI´s that works well?
Popups events fires when turning mobile.
I am creating a list in a popup window and i´m trying to add/remove stuff from the list when the popup shows. But i noticed that if i turn the mobile the popups popupbeforeposition and popupafteropen fires off. Is this a bug? This makes it really difficult to add stuff to a popup window dynamically.
Chained Select in a Dialog
Hi all, I'm a bit of a noob when it comes to jQuery so I appolgise if I'm doing something stupid (which I probably am). I've created a chained select using the plugin from http://www.appelsiini.net/projects/chained The plugin seems to work well on its own but when I move it into a jQuery dialog box I get unusual results. The first option I select works correctly but if I choose any primary options (other than the first) the second chained select is always blank and results in a disabled select box.
jquery ui - drag and drop function in combination with html area map
I am using the drag and drop from jQuery UI. And want to use this along a map in my html. When someone drops the item on an area on the image I would like to see a particular function is executed. With normal DIV's and ID's this is working. So for example: <div id="draggable"> <!-- the ball is 32x32px --> <img src="ball.png" /> </div> <div id="droppable1" class="ui-widget-header"> <p>Drop here 1</p> </div> In this case when my ball is dragged into the div droppable1 the function connected to this
jquery datepicker, showing names of selected days
I try to insert the names of selected days from datepicker, to two input fields. My code looks like this: $("#date_from, #date_to").datepicker({ defaultDate: "+1d", minDate: "+1d", changeMonth: true, changeYear: true, dateFormat: "dd/mm/yy", monthNamesShort: ["Sty", "Lut", "Mar", "Kwi", "Maj", "Cze", "Lip", "Sie", "Wrz", "Paz", "Lis", "Gru"], dayNamesMin: ["Nie", "Pon", "Wt", "Śr", "Czw", "Pt", "Sob"], numberOfMonths: 1, constrainInput: true, beforeShowDay:
How to create jquery image cropping and resizing?
Hi friends, I am working on image cropping facility. I have a image box in which an image is coming. What i want, 1- giving cropping facility. 2- image re-sizing facility or zoom in or zoom out facilty. Something like facebook time line in which we can upload and then fit image on that box after drag up or down, I am searching since long but haven't find anything related this. If any of you have any idea or any suggestion how i could create this then please share with me. Thanks
How to image cropping and adjust in a box.?
Hi friends, I am working on image cropping facility. I have a image box in which an image is coming. What i want, 1- giving cropping facility. 2- image re-sizing facility or zoom in or zoom out facilty. Something like facebook time line in which we can upload and then fit image on that box after drag up or down, I am searching since long but haven't find anything related this. If any of you have any idea or any suggestion how i could create this then please share with me. Thanks
How to create facebook timeline?
Hi friends, I am finding some code to work on my image, that is something like facebook timeline effect. What i want is? 1- upload an image on box. 2- image adjust facility (re sizing) on that box after upload. 3- image crop facility. 4- if possible zoom in and zoom out on the same box. I have search lots of code but i couldnot find the code i looking for. If any of you have solution for this pls share with me. Thanks
JSON is SO CONFUSING...
http://mayacove.com/dev/json/rockbands.html why does it print both band names in console but not in div? also have same prob I had here: http://forum.jquery.com/topic/error-in-core-jquery namely error in CORE jQuery when add more fn's to print more JSON info... http://mayacove.com/dev/json/rockbands2.html JSON is so confusing, now I have to deal with an undocumented bug in CORE jQuery???? don't know what I'm missing.. always run into probs with JSON :-( documentation here http://api.jquery.com/jQuery.getJSON/
How would i abstract this code to block clicks while any animation is active?
I am using #cover to cover up the clickable divs while an animation is active. Using $("#cover").hide(); / $("#cover").show(); It is working. But I would like to do this for any animation that plays. Is there a way to abstract this code for any animated div? $(".clsStartUpNode").click(function() { $("#StartUpPosition div").not("#StartUpMainNode, #" + $divID).fadeOut(300); // fade out all starting nodes except center (CES) node $("#StartUpMainNode").stop().animate( {left:22}, function()
Issue with slider step increment and its behavior
Hello ,I have an Issue with Jquery Mobile slider. The slider step increment does not allow to enter invalid input,it will re-position it to nearest min or max step . If I want it to enable accepting invalid input and position the slider to the input along with step increment,what changes do I have to make in Jquery 1.1.1.min.js to achieve it ? refresh:function(b,c,e){ (this.options.disabled||this.element.attr("disabled")) && this.disable(); var g=this.element,f=g[0].nodeName.toLowerCase(), j=f==="input"?parseFloat(g.attr("min")):0,
Trouble using plugins
I keep getting an undefined error trying to use cookie plugins. They are loaded in the head of the master file and as the image shows are loaded before the usage. Not sure where to go from here.
HELP PLEASE FOR NOT USE CSS WITH JQUERY
Hello colleagues. I need avoid use of css for arrow on each button: CSS: #arrow_r1-c1-sC0 { margin-left:35px;}, #arrow_r1-c2-sC0 { margin-left:14px;},etc... Can you correct this with jquery? See project working: http://jsfiddle.net/nDmMq/31/ js: $('#button li:first-child').addClass('active');// first tab activated $('span#arrow_r1-c1-sC0').show();//show arrow first tab $('ul#button > li').click(function () { var idButton = $(this).attr('id').substr(10);//extract id attribute $(this).closest('ul#button').children('li').removeClass('active');//remove
error in CORE jQuery....
getting very weird error here, in CORE jQuery.. http://mayacove.com/dev/json/rockbands.html a is undefined... WTF??? (this is in jQuery 1.7.. was also getting with 1.4..) thank you...
Problem after adding UI1.9
After adding jquery ui 1.9 to my jquery mobile web app I am getting the following error in firebug string is undefined. This error occurs in jquery-1.6.4.js at line 622 this is the code camelCase: function( string ) { return string.replace( rmsPrefix, "ms-" ).replace( rdashAlpha, fcamelCase ); },I did a serch through all the js in my project and the only place I can find any reference to camelCase is in jquery.mobile-1.1.0.js line 1384 This is the line of code return nsNormalizeDict[ prop ] || (
Hide column from dynamic table
I have created a table using some codebehind logic. When a button is clicked on the page the table is shown. What i would like to do is hide certain columns. So far using the code <script type="text/javascript"> $(document).ready(function () { $('#<%= btnHide.ClientID %>').click(function () { $('table#tblName td:nth-child(1)').hide(); }); }); </script> hides the columns as required when i have the table created at design time but using
contactable.js (theodin) dont send email
hello, i have on my new site the contactable from http://theodin.co.uk/blog/ajax/contactable-jquery-plugin.html the problem is i get no email, when i check it with fiddler i see status 200. the server that i user is windows server 2012. have any one a idea what the problem is?? thx
Next Page