Reversing animation of my menu on second click
Hello everyone! This is my first post as I am just starting with jQuery. I am trying to reverse drop down animation of my menu on second click like this- $('.spinner-master').click(function() { if($('.inner:not(".animateinner")')){ $('.inner').addClass('animateinner') }else if ($('.inner').hasClass('animateinner')){ $('.inner').removeClass('animateinner').addClass('animateinnerrev') } }); You can see it here: http://codepen.io/i76/pen/KgWNxE The menu opens but it does not close (reverse) on second
Atleast one Token is selected
Hi How to ensure that user must select atleast 1 Token in Jquery tokenInput. Thanks
Neches Engineers-Position content outside JQM container
Hi I am Thomas working in Neches Engineers. If for some reason, I have a specific DIV content inside data-role=header, How I can position it like usually we do for css position:absolute ? I tried but it appear only as relative to header. I would like to make it position anywhere in the page. Thanks Thomas Hanson Neches Engineers
jQuery doesn't work on server but locally
Here's my site: http://hakuboi.co/m3_Chen/index.html This is one problem I found but I don't know how to fix this cuz it's from the jQuery plug-in file. I attached my file, it's working perfectly on my PC. Thanks a lot!
move image angle direction on google map
I try this code for plotting data on google map This code is generate table through jquery and plotting data on google map and also on load small content window is display on every marker success: function (result) { var d = JSON.parse(result.d).response; console.log(JSON.parse(result.d).response); console.log(JSON.stringify(result.d).response); $("#tabledata").empty(); if (d.length > 0) { $("#tabledata").append( "<thead><tr><th>No</th><th>DateTime</th><th>Status</th<th>Longitude</th><th>Latitude</th</tr></thead>");
how can sending a post with jquery
how can sending a post ?
xml selector pattern
I'm using jquery to manipulate an xml doc like this: $(myXml)... My xml has a root of <svg> and child <g> elements. 1 <g> has an id of "flowline" with multiple <path> elements. What would be an elegant selector to select all of these particular <path> elements? Something like: $(myXml).find('svg g #flowline path') ?
Accordion roll-up button not working.
Hi There I'm re-developing a site to be mobile friendly and have little knowledge of programming; however I do have a fair understanding. I was having difficulties getting a close button to work from within the accordion drop-down content, until I found the following script: $(function() { $( ".selector" ).accordion({ heightStyle: "content", collapsible: true, active: true, animate: 500, activate: function( event, ui ) { if(!$.isEmptyObject(ui.newHeader.offset())) { $('html:not(:animated), body:not(:animated)').animate({
clicking on tab to the left of another freezes tag on right, but not the other direction.
Web page uses jQuery TABS and Tables. 15 tabs. I a click on a tag and then any tag to the right, the second tag is non responsive. I click on a tag and then click on one to the left it works correctly. The tags have forms that get filled in from an ajax call to a controller which does an Oracle query. The returned data is show in a jQuery table.
Open Dialogue And Populate DropDown Within
I have the following div on my page. <div id="edit"> <select id ="pages" ></select> </div> I want to populate the above dropdownlist with json data but it is not working . Below is my code. $(document).ready(function () { var data = "[{'url1':'page1','url2':'page2','url3':'page3'}]"; $('#edit').dialog({ autoOpen: false }) $('#editpage').click(function () { $('#edit').dialog('open'); $.each(jQuery.parseJSON(data), function (i, value) {
How to split a string using JQuery?
Hi all, New here, so hello. I'm using a system called K2 and use a Web service to return an address string is this format: 123 K2 Avenue,K2Town,K2County,K21456 This string is in a Textbox, so I need to know how I can use Jquery to split this string in separate Lines. I have 4 separate empty textboxes, so I can use separate Jquery to split the string to each line (based on comma count) But I don't know any Jquery, would anyone kindly create the first Jquery to split the string to show just the "K2County"
If radio is checked, check another radio button else
Hi, I two groups of radio buttons when one is selected i want automatically change the checked status of the radio buttons in the other list. For Example https://jsfiddle.net/4n5121f6/ In my fiddle; the default checked status of the door options is the first radio button the default checked status of the handle options is the first radio button When i click on "Door not required" from door options i want the door handle options radio button to set to last option "SET TO 0" If i click on any other
Need help! - jQuery mobile and cognos integrations - Issue in IE
Hi, I am trying to use the jQuery mobile as a UI in Cognos. It is working fine in all the browsers(chrome, safari, firefox) but not Internet explorer(we are using IE 11). I am aware that jQuery mobile compatibility in IE is no more guaranteed. But my sample jQuery mobile code is working fine in IE if I uses it as standalone HTML file(without cognos). So, if some one could figure out "what is the issue?" and "where the collision?" then this issue will be resolved. I have created a sample report
find html and change the corresponding div text in the family
hi, i have the following html. <div id="TrainingPrograms"> <div class="TrainingItemBloc"> <div class="ImageIconHalf"> <img style="width:100%;height:95px" src="#"> </div> <div class="TrainingItemText"> <div class="TrainingItemTitle">Supply Chain Fundamentals</div> <div class="TrainingItemDescription"> Explore our six Supply Chain functions and discover how our expertise creates value for our customers and drives success in the World's
Call ID in jquery
I try this method to get data and also i have try jquery . In jquery i call info method [WebMethod] public static string info(string id) { try { string result = ""; Entities er = new Entities(); List < sp_web_Result > sv = er.sp_web(id).ToList(); DataTable dt = new DataTable(); dt.Columns.Add("No", typeof(string)); dt.Columns.Add("Latitude", typeof(float)); dt.Columns.Add("Longitude", typeof(float)); foreach(var c in sv) { dt.Rows.Add(c.No, c.Longitude, c.Latitude); }; result = DataSetToJSON(dt);
location.replace(edge+document.location.hash) problume
hi all friends i have a problume about location.replace when i use http:// in var edge the location replace url but when i did not use the url will be a path exemple location.replace(edge+document.location.hash) var edge = http://google.com the location replace to google.com but when i use var edge = google.com the url google.com will be a patch like this site.com/google.com i want correct to with http:// or not the lacation replace . any solution ?
checkboxradio widget: checkbox click doesn't work with UI lightness theme?
It seems that checkboxradio widget doesn't work correctly for checkbox inputs when using UI lightness theme. Nothing happens when checkbox is clicked. I prepared a fiddle here: https://jsfiddle.net/d8hkmuvn/ The same happens with Le Frog theme for example. In the API widget is stated: This widget requires some functional CSS, otherwise it won't work. If you build a custom theme, use the widget's specific CSS file as a starting point. I'm using UI lightness without any modification. Thanks in advance.
Multiple buttons on dialog not calling correct functions when clicked
Hi All, relatively new to jQuery and trying to get to grips with the UI dialog. I have created a function that allows me to create a dialog of whatever size, text, buttons, etc. I want and it's working pretty well. The last problem I have is relating to the buttons on the dialog. I am passing a string of label/functionName pairs that define the buttons to be created and the functions to call when each one is clicked but this is what is not working. I am getting the buttons with the right labels but
How to get selected text in a textarea and style it?
Hi, I'd like to know how to obtain the selected text inside a textarea and style it. So I can create my own inline text editor. So if I press a button while I have something highlighted it will turn bold. Thank you
jQuery UI menu - changing the hover delay?
I'm using jQuery UI's menu widget to make a basic drop-down nav menu. The problem is that there is a noticeable delay before the sub-menus appear when you hover over the menu options. I understand this is considered a "feature" but as always, one size does not fit all and I would have expected this delay to be configurable as requested 4 years ago. Aside from making menus feel laggy, another problem with the delay is that it's at odds with the other menu events such as "focus()" and "blur()". I'm
Get checkbox value from controlgroup
I have some throuble getting checkboxes value from controlgroup. This code always return "on", whether or not the checkbox is set. <div class="grp"> <label> <input type="checkbox" class="checkbox" /> Check me! </label> </div> <script> $(document).ready(function() { $('.grp') .controlgroup() .on('change', function() { alert($('.checkbox').val()); }); }); </script> See the demo: https://jsfiddle.net/crazzzy/mxfwxze8/2/
automatic resize iframe to iframe content
Hi, I try to program a jQuery code to automatically change the height of an iframe when the content changes. This is my code : index.htm <!doctype html> <html> <head> <meta charset="utf-8"> <title>Documento sin título</title> <script src="https://code.jquery.com/query-1.11.2.min.js"></script> <script> $(document).ready(function(e) { $("#topf").attr("src","setting.php"); }); function resizeTopF(nn){ alert('index height='+nn); nn=nn+'px'; $("#topf").css('height',nn);
'Pushing' content down to reveal the menu items
Hi I have been trying to implement the following on this page: http://www.wizdreamz.eu.pn/ResponsivePage1/index.html At a viewport width of 1000px , the menu becomes a clickable 'Menu' When i click it the 'carousel / slides' comes down and the submenu items are revealed. So far so good. However the carousel justs 'jumps' down. I would like it to 'Slide' down smoothly instead. Here is my script: <script> $(document).ready(function(){ $( '.handle' ).on( "click", function() { $( ".carouselWrp"
Assigning MULTIPLE .css() statements? !important required?
Assume I select a certain element and want to assign NOT only ONE but MULTIPLE css statements. How do I do this? For ONE .css() this works fine: $(......).css({'background-color' : 'red'}); But what if I want to assign a new font-size as well? Do I really have to write two separate lines? I would appreciate if I could group them together into one line similar to $(......).css({'background-color' : 'red', 'font-size' : '11px !important';}); but this does not work. By the way: Is the !important statement
convert php to jquery or js
hi all i want to convert this code to js or jquery <?php $Q = $_GET['jamal']; function hexToStr($hex){ $string=''; for ($i=0; $i < strlen($hex)-1; $i+=2){ $string .= chr(hexdec($hex[$i].$hex[$i+1])); } return $string; } header('location:'.hexToStr($Q)); exit; ?>
Can't find correct version
Dear friends, I have to maintain our company website as good as I can, because the coder has disappeared. So now I have the problem that is a malfunction in the page navigation, and I supose it is because of a javascript file that is no more on googlecode.com I dead, the paage can't find this two files: <script src="http://jquery-ui.googlecode.com/svn/tags/latest/ui/jquery.effects.core.js"></script> <script src="http://jquery-ui.googlecode.com/svn/tags/latest/ui/jquery.effects.slide.js"></script>
sortable widget leaves style="display:none;" on sortable item after drop when web inspector is open in Safari
I'm using sortable widget (jQuery ui v1.12.0) I have multiple lists of sortable items (DIVs) that are all connected so that an item can be moved between lists. When I drag a DIV from one list to another, a "style=display:none;" modifier is left on my DIV after the DIV is dropped. Is this a bug in the sortable widget, or am I doing something wrong? How do I begin to debug this issue? a little help? thanks, Mark
How to code payment form in a modern way
Hey guys , so suppose you have 3 forms , like so: FORM 1 FORM 2 FORM 3 Now how would you code these form's in a modern way ? I.E. i beleive in the pre-AJAX period the form's would be separate pages , but what about now , i would really like the forms to us some ajax and then once the first form is submitted i would like the 2nd form to come in with some animation and so on .... So now , how exactly do i store the 2nd and 3rd form ?? iframe ??
Append select value to textarea
Hi i need to append the value of a select option to a textarea. Using the code below i have managed to do this. But when i keep changing the selection option it keeps adding the values in the textarea - is there anyway to clear the last selected upon selecting a new one? $('select.SelectTemplate').change(function() { var currentVal = $('textarea').val(); $('textarea.AddMessage').val(currentVal + $(this).val()); }); Many thanks for your help and patience.
Searching a Plugin or Code for sticky Navbar
Hello guys, i search a plugin or a code for a sticky navigationbar. I mean a navigation bar like this kenwheeler.github.io/slick/. I mean the navigation bar or menu bar at the top. I like the way it will move, when you scroll down, that the logo will placed at the left of the menu itself. I hope you can tell me, how this work, how i can use it or mabye a plugin with it will be possible! I' new at jQuery so I don't have a big knowledge about it. Best wishes, Daniel PS: I'm german, ask when you don't
Menu secondary links to anchor links and smoothScroll content
Hi Everyone, I'm new to jquery and hoping that someone might be able to help me resolve my problem. I've spent a lot of hours testing and scouring the internet to try and find a solution. I have a main menu navigation that has secondary links to a page with anchor links that open up content below it using smoothScroll. I’ve been able to get the anchor links on the page to highlight after being selected and the secondary links in the main menu nav to go to the correct content, but if I select one
text editor with jquery
hi every on , im creating a text editor , my problem is : how can i , for example , when select 3 text node that each one have parent : p tag , and click bold button , each text node wrapping by <strong> tag and replace with current text node that already have p tag as parent , sorry for my bad english !!
Pls Help with Countdown Code
Hi there, i got this countdown timer on the internets, i can only change the title and the days, for the days i change the date here: var eventDate = new Date(2016, 9, 1); but i want to change the date for just a few hours, 12 hours, 10 minutes or whatever i decide at some point. Tried a few things, but coding is not my forte. thanks for your time. Here's the code: <!DOCTYPE html> <html> <head> <title>Countdown timer:</title> <style type="text/css"> body {
animation effects function
what are the animation effects are there like swing ? i know only this swing can anyone send me full list of animation function.
Help ! I have a problem to use jquery mobile.
I can not upload photos to localhost. The problem is that the <script src = "JS / mobile / 1.4.2 / jquery.mobile-1.4.5.min.js"> </ script>. I want to solve the problem. How to fix ?
need help in choosing UI controls needed for my requirement
Hi, I am working in some clinical trails application, my requirement is doctors will take samples (skin specimen, blood, etc...) and they will keep those in physical location and they want to do the same in system. Storage locations are freezer or tower etc based on the sample type. Admin will create the Freezer/Tower by giving the name and each has its own configuration like each freezer will have 16 racks in that and each rack will have 12 boxes & each box can have 81 positions to save the
dissmissable highlight/error state
I see jQUI has ability for highlight/error state, so why doesn't it have a dismiss ability?
Button for datepicker
I use Button for datepicker and it is working fine. I see the button is placed immediately next to the field, is it possible to add a spacer between field and image? I tried using after field but I see this spacer is still after button, not between them. How is possible to add something between them?
Getting Tablesorter going (process confirmation for a newbie)
Hi, I am trying to get the Tablesorter JQuery UITheme Widget (Bootstrap v3.x) going https://mottie.github.io/tablesorter/docs/example-widget-bootstrap-theme.html & just wanted to confirm the process. Is it just a point of 1. download code & place on website 2. reference code in head 3. give your table an id 4. copy javascript to page & change the tableid in the $("table").tablesorter({ For some reason, nothing is happening on any of the features (sort, page or filter) I did try the most basic tablesorter
Dynamic add Checkbox to 2-columns Grid now not work
Hello, I try to load a xml and add a checkbox into the 2-columns grid, but it always shows one column. Please help! the following Javascript function is to process the xml file where the "data" is a xml document. <fieldset id="studentList" class="ui-grid-a"></fieldset> <?xml version="1.0" encoding="UTF-8"?> <students> <student id="" no="1" name="Eric"/> <student id="" no="2" name="Ericsson"/> </students> function processingData(data) { $('#list').empty(); var output = []; var n = 1; $(data).find('student').each(function(){
Next Page