How to get selected radio button id
Hi, I have the following div under which there are two radio button labels, I want to get the radio button id value and save it in browsers local storage and then on form load i need to set the same component i mean select the same radio component. Please let me know how i can achieve this with the below div where parent div has 2 radio button labels under it. Thanks, Raghuram. <div id="component_20" g360componentspec="type:FieldComponent;dt:1;format:input;fh:none;" g360layoutspec="l:124;lip:t;lif:f;t:29;tip:t;tif:f;r:118;riw:t;rip:t;rif:t;ra:+-;b:21;bih:t;bip:t;bif:t;ba:+-;o:hidden;lbpx:124;tbpx:29;wbpx:118;hbpx:21;efwpx:22;"
Calling a colorbox from a bxslider slide
I have bxSlider set up with one of the slides being a colorbox ligtbox, but I can't get the bxslider image or a link to open the colorbox. Here is my code: $(document).ready(function() { var $gallery = $('a.slideGroup').colorbox({rel:'slideGroup',@trans, @slideshow, slideshowSpeed: 4000, @showTitles }); $("a#openGallery").click(function(e){ e.preventDefault(); $gallery.eq(0).click(); }); $('a.slideGroup').colorbox({onComplete:function(){ $('#cboxTitle').css('color',
Calling Colorbox from Bxslider
I am trying to wrap my head around how to call a colorbox slide group off a slide within bxslider. Using this cold I though it would work, and I does, but It is including the document window as the first slide in the colorbox and I don't know how to prevent this from happening. Any suggestions on what I might be doing wrong? Within my bxslider document ready statement I call colorbox on the slide that I want to open the colorbox with using: $('.isSlideshow').colorbox({rel:'slideGroup1'}); Where
jQuery Mobile no styling after using Ajax .load()
I'm using an Ajax call to get a list of checkboxes to appear in a panel after the user presses login. The data loads in fine but there is no JQM styling on it, its only the default browser styling. The id of the checklist is filterlist, and the div where I want to put it is called test1. $.(document).on( 'click', 'loginbutton', function() { $( '#test1' ).load( "test.html #filterlist" ); });
draggable layout: cancel click when mouse is dragged
I've created a layout which is horizontal draggable: http://codepen.io/moy/pen/xGmyZX To do this I've used a jQuery plug-in called drag-on.js (http://dragon.deparadox.com). The effect of the drag works fine, the problem is you need to find 'a gap' for it to work. Clicking another element (anchor/text/img) doesn't register the drag. So I need a way of cancelling the click event if the left mouse button is held and dragged. Does anyone have any ideas on how to do this? I've heard about e.preventDefault() but
Search and hide divs
Hello, how can i hide and filter all FAQs, that not contain the search term "Auto". I want to hide both the panel-heading and the panel-body and tried so far: $('.panel-body:not(:contains(' + s + '))').parents("div.panel-heading").hide(); $('.panel-body:not(:contains(' + s + '))').hide(); $('.panel-body:contains(' + s + ')').show(); <!-- FAQ1 --> <div class="panel panel-default panel-faq"> <div class="panel-heading">
How to keep my radio still running while click some href
How can i keep my radio streaming not reload while click some href ( Puspargam, Linatasan ) the other page is landpage, i'm trying to solved this using angular js ( https://scotch.io/tutorials/single-page-apps-with-angularjs-routing-and-templating ) but hard to me tu customize use angular , how can i load that radio in every page in php by using jquery so the radio not reload after click some href ( Puspargam, Linatasan ) here is my site http://suarakasih.com/ and here is my script calling radio
Toggle button
Hi, I have created a custom toggle button through css. How should I take the state of this toggle button. Can anyone help me out. Thanks in advance.
making the menu text fluid
I'm trying to resize text in menu items using jquery. I managed to use the the specific selctors for the li and anchor elemets but don't know how to implement the algorithm. Can someone help please? I. Sher
javascript design patterns
Hi, someone recently asked me about design patterns in Javascript. I said that it seems that many of the design patterns implemented in C# could be implemented in Javascript as well. Is this a true statement? Are there any design patterns in C# that cannot be implemented in Javascript? Are there any particular design patterns that are specific to Javascript? Are there any design pattern implementations in Javascript with noteworthy differences to their C# counterparts?
Conflict with two jquery's codes
Hi, I have 2 codes of jquery : 1- The first creates forms 2- The second should do a control for the field "tel" which is : required + digits The problem is that these two codes does not work together. I tried the function : jQuery . noConflict (); But nothing changed How to do ? Here is my code : https://jsfiddle.net/mp00z0L0/1/ Thank you
Get Cropped Size Imgae on server side
I'm trying to crop image before uploading it to server. But on server side, I'm getting the actual size of image not the cropped image. this is my code. I'm using this Plugin My Html Code <input type="button" id="btnCroped" value="Crop and Upload" /> My Js Code <link href="~/Content/bootstrap.min.css" rel="stylesheet" /> <link href="~/Content/ImgaeCropper/cropper.css" rel="stylesheet" /> <link href="~/Content/ImgaeCropper/main.css" rel="stylesheet" /> <script src="~/Scripts/jquery-1.10.2.min.js"></script>
Toggling between showing all images and showing only a certain class
Hey guys, I'm very new at jQuery and am probably asking a very simple question, but I can't for the life of me figure this one out. I've probably looking for the wrong thing entirely or using the wrong keywords.. Anyway, here's the idea. I have a list of a number of images which I want to show in its entirety at first. For example say some of these images are red, some are grey and some are blue. Then I want the user to be able to show only the red or only the grey or only the blue, by choosing in
Accordion Widget Keyboard Tabbing
Hello, I am new to JS/jQuery and I've implemented the Accordion to my SP2013 site on a Custom FAQ list. However, I need to be able to Tab through the Accordion with my keyboard. I need to make some other CSS look and feel changes too can anyone direct me how to do this? Greatly appreciate any direction. V/R Lori
Hide the character *
Hi, I am trying to hide a specific character in a survey; * How would you rate your overall experience with us? * Would you use our service again? I am trying to hide the * and the spaces so it only starts with question! I have tried various methods and either get; Nothing or the below via chrome; Uncaught TypeError: Cannot read property 'replace' of undefined
jQuery Mobile header disappears shortly
I use the following html to show a fixed header: <div data-role="header" data-position="fixed" data-tap-toggle="false"> <h1>Title</h1> </div> When scrolling through a listview, clicking a link from that listview and thus going to another page (a real page not a hidden div on the index file) and returning to the listview via a data-rel=back, the header shortly disappears/flickers. Can this be fixed?
$.ajax().done
Hello, I'm working on a function I have attached to a forms onsubmit event. The problem I'm having is that my form keeps submitting. I've localized the error to my first Ajax call. I've gutted everything from the function using comments to see when it would freeze on return false. The script will send even with everything gutted out of the ajax call, so I'm wondering if there's a problem with my structure here.. $.ajax({ method: "POST", url: "../../php/scripts/post_product.php",
Folder List through JQuery Ajax Call
I want to generate a list of folders on a page (through an ajax call) and then on click of any of this folders a sub list to be generated. Please help me with below code : HTML <div id="targetPath"></div> <div id="treeview-container"> <div id="tree"></div> </div> JQuery generateTreefn('/'); function generateTreefn(path){ $.ajax({ type: 'GET', dataType: 'json', url: '/bin/getFilepaths', data: { path: path }, success: function(jsonArray) { var htmlValue="<ul>"; jQuery.each(jsonArray, function(data,item)
New to Jquery.
Hi All, My name is Tamil. I have moved from System Admin side to Development side. I have been asked to get familiarized in jQuery and jQuery UI. I don’t know from where I need to start. Can anyone guide me from where I need to start learning and I want to know is there any prerequisite for learning jQuery. Thanks, T
How can I fix this broken jQuery?
I've got this code to, in response to a selection from a select element, populate a second select element (with "placeholder" vals for now): $(document).on("change", '[id$=ddlPaymentType1]', function () { var selects = [{ "1": [ ["value 1", "text 1"], ["value 2", "text 2"] ] }, { "2": [ ["value 1", "text 1"], ["value 2", "text 2"] ]
selecting li elements
I use the following selector to perform something on each element: $('div,article,aside,footer,header,main,nav,section,summery,h1,h2,h3,ul,ol,il,a,p').each(function(){ .... this_type = $(this).prev().prop('nodeName'); if (typeof this_tpe != 'undefined' ){ if (this_type == 'IL' ) alert(this_type ); } ............. ............. Problem is that I can't get some of the element types, like 'li'. Am I being mistaken or what: Regards I. Sher
Multiple instances of Jquery tabs conflicting?
Hello, I am a sharepoint admin trying to create a landing page for my staff and I want to use jquery tabs. I am very new to this stuff, and am trying my best. Here is the situation. 1. I am using Sharepoint 2010 2. I am using Easytabs for main navigation 3. In each CEWP I would to place jquery tabs for various content (probably 4 instances) 4. The first instance works fine, everything after that has been a problem. 5. Biggest problem is that my other instances the other tabs do not work and all the
Auto Suggest Data From Database
Hi, Good day! I saw this auto suggest like google http://www.freezecoders.com/2013/03/google-like-auto-suggest-search-using-php-ajax.html but my problem is when I type some word that not match in names but match word in description it shows on the list the name with that description. I want is if i type name all the names that match displayed but when i type description the description list will display. Thank you.
hello select box
hi i have one select box i have customer names in that box i want that if i select one customer the information of selected customer show below from database
jquery autocomplete
Hi, Good day! I created a search box and my problem is when I type Employee ID the auto list displayed is Employee Name, I need to display on the list is based on what I type. I don't know if it is possible that in one search box I can search Employee name then the list of names will display, when I type Employee ID, employee id list will display. same with Passport no and res id. Now, when I type Employee Id or Passport No or res id and employee name. the displayed list is employee name. this is
CSS Issue in DatePicker.
The datepicker code doesn't work properly in IE11. Pls see the below picture we have highlighted the issue. Thanks.
Autocomplete search multiple fields from database
Hi, Good day! Before I used jquery in autocomplete I only search one field from database. Now, I need to search multiple fields in one search box. here is my code: This code is working but my problem is when I type employee id the autocomplete display list is the employee name. How can i make it that when I type employee name, the list display is employee name, if I search id, list of id will display same with passport no. and res id. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
I need help with some code I wrote, can someone tell me what I did wrong, it will not work
It is a show, hide when the radio button is pushed here is the code: HTML: <h1>Single or Recurring Choice</h1> <div id="payment_type"> <strong>Please select a payment type:</strong> <input class="option" type="radio" name="group1" value="single" checked="checked" /> Single <input class="option" type="radio" name="group1" value="recurring" /> Recurring <input class="option" type="radio" name="group1" value=“contact" /> Contact Us </div> <div id="single"> <!-- information goes here
Getting a list of all executing functions inside a plugin
I was just checking out the code for jBox.js (go to source and open jBox.js ) , basically i was more interested in the tooltip functionality . Once the jBox.js script runs , is it possible to track all the functions that execute inside jBox.js ? I.E. i am only interested in the functons that actually execute , because jBox.js is a multipurpose plugin , eg. you can use it for modals , tooltips and also a gallery , i only want to see the functions or code that is relavent to the tooltip functionality
iPad video not playing
Is there a way of forcing the video to play on iPad using your own play button. I have a play button at the bottom left hand corner of the screen that plays the audio but will not play the video at the same time when testing on devices. I've tried autoplay but it doesn't work here's the URL to the page http://188.64.184.150/Kids_App/App/App.html#song19
get selected option from dropdown after cloning..
After cloning the dropdown list i want to save the options selected in DB..pl. help me... <?php ?><!DOCTYPE html> <html> <head> <title></title> </head> <body> <form name="frmUser" method="post" action="leavesave.php"> <table border="1" id="table"> <tr><td> <select class="cat"> <option value="c">A</option> <option value="p">B</option> <option value="n">C</option> <option value="k">D</option> </select> </td> <td><select class="item"></select></td>
See the values inside a object literal in chrome devtools .
I was just playing around with jBox.js , espically the tooltip functionality of this particular plugin and basically as soon as you click on the tooltip the following code is executed: this.pointer = { // "position" is "bottom" in this scenario. position: (this.options.pointTo != 'target') ? this.options.pointTo : this._getOpp(this.outside), // "xy" is "y" in this scenario. xy: (this.options.pointTo != 'target') ? this._getXY(this.options.pointTo) : this._getXY(this.outside), align: 'center',
loading multiple jquery libraries from javascript file
I am looking to load multiple jquery libraries from javascript file and then also include plug code in it what is the best possible way to do this
jQuery fixed header
Did jQuery Mobile already fixed the iOS "bug" of the fixed header? When working on Android (in combination with Phonegap by the way) the fixed header stays fixed when focusing on an input field, but when doing this on iOS the header starts scrolling. Is this a jQuery Mobile flaw or an iOS feature? I have found numerous ways of hiding the header onfocus, but I would simply like the header to stay at the top of the page/app. Can this be done?
Tumblr Post Date Order Not Displaying Correctly
Hello, I am wondering if there is any script or anything I can do so the posts on my tumblr website will display in the correct order when you are viewing the appropriate tag. They seem to be in the correct order when you are on pages, but if you look at specific tags, for example, some things will be in the wrong order (an older date before a newer one). I like to backdate and right now if I post something and put it for a few months ago it will display in the July posts (again when under the tag).
I get the returned data from the Controller OK, but it needs to go to a spot in the code, as a parameter
Hello I get the results from the controller alright as I can print-text them at a given div spot. However, I want them to go to an array as a parameter, but this array is located in another function well below the response of the controller, so as the values are local, they dont get passed down to the place I want. What this does is actually color me red the booked dates in a datepicker. Separately all the snippets do great but when I put them all together I get that problem. As you can see, for
jquery ajax beforeSend not working.
Hi, I have a problem using ajax beforeSend. I execute a php file using this: <li><a href="#" onclick="window.open(file.php?c=<?php echo $c?>&m=<?php echo $m?>')">Registro personale</a></li> in file.php there is a control: if (isset($_GET['c'])) { $a1 = $_GET['c']; $a2 = $_GET['m']; $a3 = 0; echo "<script type=\"text/javascript\">\n"; ?> inviaClasse('<?php echo $a1?>','<?php echo $a2?>','<?php echo $a3?>','<?php echo $sessione?>');
Trouble with .children() not finding newly prepended <li>
I'm totally new to jQuery/JS and am just trying to work on some basic skills I recently learned by creating a basic To Do list in which: User inputs text into a textarea. Prepend that text as a new <li> to a list (ul .to-do) using .prependTo() Once the new <li> is added, the user should be able to click it to change the class to "complete" Everything works except the last step. addClass() does not work when the new <li> is added by the user. When I open up the inspector, I see that there is no event
Calculation on Dynamically created rows using jAutoCalc Plugin
Am trying to do multiple simple calculations using the jAutoCalc.js jquery plugin in a form where the rows can be dynamically added or removed. While the calculation works for the first row it is not happening for the subsequent rows. Also I like to sum all the total values using the same plugin and stick it in the 'Sum of Total' input box at the bottom.Thanks in advance for helping me out. Plugin Link: https://github.com/c17r/jAutoCalc <form name="cart"> <input value="Add" type="button" />
Jquery Ajax Call on page load and on click event
Can anyone please share how can i call a jquery ajax function with default parameter on page load and then same function with different parameter on mouse click event.
Next Page