Experience = ZERO. Write the code or use a plugin?
Hey, I am new here. Hello! I was approached by a company boss regarding a "product picker." This picker would: 1 - Ask 5 questions 2 - Based on the results, provide a few product selections from say 20 products. I jumped at the chance to expand my skillset. Questions I have based on the fact I am not a programmer but can find my way around website code: 1 - This seems like a great exercise to begin to learn jquery. But am I underestimating the complexity of the language? 2 - Is there a tutorial that
Option value or Test
Hi, Here is Jquery and it was triggered fine whilst I am not getting value of option or text. Can you please help me to correct the below sample script to get alert for selected option val or text. Thanks in advance $(document).ready(function() { $("#adx_quickservice").hide(); $("#adx_recentquality").on("change", function() { //var selected = $("#adx_recentquality").val(); var selected = parseInt($("#adx_recentquality").find("option:selected").val()); //var selected =$("#adx_recentquality").text();
why use "$" as the short name for jQuery?
why use "$" as the short name for jQuery?
datepicker with button click
Hello, on a form there is a button "Deadline" I want to show the datepicker if you click on the button. <input name="deadline_button" id="txt_deadline_button" type="button" class="button" /> Then if calendar is visible and date is selected, the date should be showed in table column (or in a different textbox) I tried this code below: $('#deadline_button').datepicker({ onSelect: function(date) { $('.Tabletd5').html(date); $('#deadline_button').html(''); } }); It works fine but
Overlay & Loader over Popup
Hi, I'm using standard JQM POPUP to create a dialog thru ajax call. Inside ajax call I can easily execute $.mobile.loading( 'show' ); to show overlay and loader before my popup dialog show up. However, when I execute again $.mobile.loading( 'show' ); on ajax call (button click) on same popup dialog page, only loader appear over the popup page. The overlay is not. This causes problem as I still are able to click any buttons on popup page. My current only solutions is before I call ajax, I will close
How to trigger a change on a radio buttons group
Hello,Could someone tell me how to trigger a change on radio buttons group? I have this group <fieldset data-role='controlgroup' data-type='horizontal' data-mini='true'> <input type='radio' name='rad_group' id='rad_Matin' value='Matin'> <label for='rad_Matin'>Matin</label> <input type='radio' name='rad_group' id='rad_Midi' value='Midi' > <label for='rad_Midi'>Midi</label> <input type='radio' name='rad_group' id='rad_Soir' value='Soir' > <label for='rad_Soir'>Soir</label> <input type='radio' name='rad_group'
source bug???why cssHooks get method computed param always value is true?
Under what circumstances is false?I want to the experimental value to false code, can help me?
sketch.js canvas filltext help
I am following the sketch.js script here along with the thread I found here, which I have the exact same problem. Now I am trying to integrate filltext function into sketch.js and I followed the function call from this.painting=true; to the redraw function and I am lost on how to add in the filltext with this "return $.sketch.tools[this.tool].draw.call(sketch, this);" function call. This redraw function clears out all the filltext and draws the marker sketch with lineto(from memory?). If someone
How to sort columns in a Table?
I'm using a plugin table sorter and it works fine if I have a simple table. In my case, unfortunately I have a table container and inside I have a table header and table body. How can I effectively sort? Please advise JSfiddle Link
Assign variable from text file?
hello, i have a text file with one line (numeric), i search a simple way to ready this value and assign to a variable. please help me :)
Can I talk about my apply to GSOC2016 here?
I am interested in the jquery-ui project, but there is no mailing list on the gsoc idea page. I have asked the same question on irc channel, but no reply. Sorry to bother.
How to update a slider value on change of an other one
Hello, Could someone help me? I try to update the value of one slider on change of the other one. here is the link jsfiddle thanks in advance
Jquery Autonumeric Control with no decimal
Hi, I am using Jquery AutoNumeric control to input only numeric values(with decimals) to a textbox. The numeric control accepts upto 5 decimal places. I need to know how do we not make display of unnecessary decimal digits when we focus out of the control? For example: If i enter "1" and click outside the textbox, it automatically formats to display "1.00000". I want this to be displayed as "1" unless there is a valid decimal place. Is there any option to auto format this? Thanks,
Jquery group by table record export issue
Im trying to export jquery group by table record, but not able export more than 260 record. Please help regarding this issue
Multi tab select examples
Hi I need to select multiple tabs at on time and also can deselect them. The tabs I select should get appended to a hidden text field. Can somebody send few examples or code for it? Something similar to attached images.
jQuery Validation showErrors Map to Existing Function?
When declaring a validation form using the jQuery Validation plug-in I can override the showErrors handler to customize the output of the message. If I wanted to create several methods for handling and let the designers choose which method they want by just giving the global function name, is that possible? For example: STANDARD $("#MyForm").validate({ rules: { ... }, showErrors: function (errorMap, errorList) { ... code here ... }
How to save user's selections on device
Hi there, I'm writing my first ever app. I would like user to save cities that they search for often. I do not plan on writing their selection on any external server but on their device itself. What are my options to save such information on the device? Thanks Joe
How to create a fixed header (that doesn't move on page transition) that is present on some but not all pages.
Hello! I have a simple application with around 5 views that all share the same header/nav, however it also has a login page that has no such nav. I am looking for a way to configure the document so that the login has the nav invisible/not present, then once it logs in, it transitions into a view with the nav (I'm using slide transition, but I guess the effects don't matter), and then any further navigations between these 5 views transition all but the header/nav, keeping it fixed. Finally, if the
Question regarding the define in QUnit
Hi, We have observed that with new QUnit upgrade our tests have been failing with multipleDefine errors. After investigating the cause, it looks like in AMD there are problems when multiple script tags are doing define. And we hit the issue since both our runner.js and QUnit do define that are pulled with script tags. if ( typeof define === "function" && define.amd ) { define( function() { return QUnit; } ); QUnit.config.autostart = false; } Is there a reason to do define in QUnit?
How to get a return value from a popup
PLEASE DON'T SEND ME LINKS TO DIALOG TUTORIALS, THAT'S NOT WHAT I WANT! This should be a rather simple question. I create a popup and that popup acts as a confirmation box WITH options (which is why confirm() isn't applicable). Essentially this is a form within a popup and the 'X' acts as a cancel operation (which returns a FALSE), and the "OK" button acts as a submit which returns TRUE when pressed. <a href="#popupConfirm" data-rel="popup" class="ui-btn ui-btn-inline ui-corner-all">Show Popup</a>
How do I center the main div? - jKit Prallax Effect
Here's a website I'm working on: www.rill-studio.com/test/test.html As you can see main title "Let's be social again" isn't properly centred when the website loads in initially but it centres when you start scrolling and stays in a correct position afterwards. Could you suggest a good fix for that? I'm loosing my mind here. Thanks
ConnectWith not working
I have implemented sortable functionality in my CMS so users can change the order of pages and can make them into sub pages etc: how it works is you can drag a page out of another to make it into a parent page, and you can drag a page into another to make it a child of another. however the child pages that are dragged out lose the functionality to accept a page which is the connectWith property in Jquery. here is the code: https://jsbin.com/rilaxitoni/edit?html,css,js,output note this code will not
is it allowed to reuse a event object?
var e=$.Event("myEvent"); $("#id").trigger(e); //some code here $("#id").trigger(e); is it OKto reuse a event object?
Issue with slide transition
Hi, i have an issue with the slide transition, the page slide and disapear but the new page don't follow the sliding page, it just show up after the slide transition. Have someone already see that? And how solve it?
essential methods for event system?
i have never used jq's event system and customized event i want to ask that,is it enough for usual usage to know the two methods $.Event() and ele.trigger() is it enough to run a customer event?
Change text in JQM Collapsible without including <span>click to collapse contents</span> text
I am trying to change the heading text of a collapsible, but no matter what I try, it always includes the span text as well. Here is the enhanced HTML: <div data-role='collapsible' class='...'> <h4 class='...'> <a href='#' class='...'> "Some Text" <span class='ui-collapsible-heading-status'> click to collapse contents</span> ::after </a> </h4> </div> The selectors I have tried to isolate the "Some Text" so far: $("div
will it set data-widget attribute to the DOM node?
i have saw some articles which said that the jq UI will set data-widget attribute of the corresponding DOM node,to bind the node with the widget itself. but i found not,is there something wrong?
Accordion Syntax explanation
Hi I was going through this code for an 'accordion' from this tutorial: http://dcoder.eu/make-a-cool-accordion-with-html5-css3-and-jquery.html/ however I did not understand the highlighted syntax: $(document).ready(function(){ function MyAccordion() { // Hide the text containers $('dl.accordion dd').hide(); // Insert a span with the class of "arrow" in every dt $('dl.accordion dt').append('<span class="arrow"></span>'); // Add the class "active" to the first header and display
Accordion Customization - Can It Be Done?
I am working to put together a page showing company staff. I'm using the accordion widget to show/hide the details of each staff member. You can see the page here: http://www.womantours.com/2016Design/wt.accordion_test.html My problem is that when the details open up, the row(s) of staff below the details does not move down...the details fall behind the row(s). How can I make the row(s) move down when the details are shown? Thanks!! Tom
On click display content of external html page
Hi there, In my app, I have a link to external website's HTML page. Instead of opening a web browser, I would like to display the content of this external HTML page in a pop-up within my app.Is this possible?. If so, how to do this? Thanks Joe
How to get the value of attribute of xml element containing URL
Hi there, I have an xml node like this <warnings url="http://abc.xyz.com/test.html?xy=15"> <<event desc="this is a test"> </warnings> I tried the following line of code console.log($(this).find("warnings").attr("url")); which gives me undefined but when I try console.log($(this).find("event").attr("desc")); I get "this is a test". Because the URL has some special characters such as : / ? = am I getting undefined? How do I get this url value? Thanks for your help Joe
jQuery Mobile v1.4.5 anchor tag fails to follow link after text has been changed
I realize JQM is quirky, but I really am having a hard time wrapping my arms around this issue. Since JQM enhances markup, I inspected the anchor elements before and after changing the text. They look identical to me, but after changing the text the links no longer work. Perhaps another set of eyes will help. Before: After: Please ignore the data-role="none" - it has been removed. HTML: <ul> <li><a href="#home" data-prefetch class="ui-btn ui-icon-home" data-icon="home">Home</a></li> <li><a href="#demo"
jquery image puzzle
Hello everyone, I am new in jquery and css.I am trying to make image slider puzzle but i am not able to align the image pieces.This is my plunker:- plnkr.co/edit/o5EGcmqNf5On70xhmHv8?p=preview .Please help me..Thanks.. Like this i want to do...
Checkbox Checked and Uncheck another one
Hello Everyone, I have a repeater control in which has Data and checkbox shown as PK(Checkbox Column) FiscalYear Status Checkbox1 2013 Approved Checkbox2 2013 Approved Checkbox3 2013 Approved Checkbox4 2013 Approved Checkbox5 2014 Apprvoed Checkbox6 2014 Apprvoed Checkbox7 2014 Apprvoed Checkbox8 2014 Apprvoed
source bug???why cssHooks get method computed param always value is true?
please jquery core developer look this ! thank you very much! http://forum.jquery.com/topic/source-bug-why-csshooks-get-method-computed-param-always-value-is-true
JQuery 1.10.3 Tabs - Remove Tab Border & Background but leave the bottom box
i've seen other posts that say: .ui-widget-content { border: 0px;} but this removes the whole border. i want just the top around the tabs removed. has something change in 1.10?
splashscreen not shown on android
Hi I'm using jQM 2.2.0 on android using phonegapBuild. only on android, the splash screen not shown. here is my config. <preference name="phonegap-version" value="cli-5.2.0" /> <!--3.7.0--> <preference name="SplashScreen" value="splash" /> <preference name="SplashScreenDelay" value="10000" /> <plugin name="org.apache.cordova.splashscreen" spec="0.3.4" source="pgb" /> <!-- Android splashes --> <gap:splash src="Resources/200x320.png" gap:platform="android" gap:density="ldpi" /> <gap:splash
refreshing div from ajax request with page stylesheet
Hi, i am trying to refresh a div container in a Html page with an ajax request from a php script. The Php-Script just returns the <li> elements for a <ul> list in the div container. But there is always the jquery mobile Stylesheet infos missing. Can someone tell me how to update this. The problem is that i just want to update the <li> elements and the website user should not see any scrolling or other things. Just the elements name should be changed. Thanks a alot. Here is my function: $(document).ready(function()
Relocating Panel Placement
Thank you for the forum. I am using quite a bit of JQuery on our site but still do not understand a lot of the "how" of it yet. I am currently using the following html and code. My question is how can I change the answer panel from opening at the bottom for every question and instead have the panel open under the associated question. link1 link2 link3 Information about 1. Information about 2. Information about 3. $(document).ready(function(){ $("#infocontent").hide(); $("#infocontent
How do I get my Caroufredsel to open properly initially without page refresh?
Here are a couple of screenshots. The first an initial page load (history and cache cleared), ... and the second after refreshing (also works once in cache). See how it only displays the tops of the images, initially and how it displays more than the four to the right in the carousel? Again, works fine after reloading the page, but to someone new to the site, this wouldn't be ideal. If it's in the CSS, here is what I have: .carousel { position: relative; font-size: 80%; text-align: center;
Next Page