in select menu tab key is not working
Hi, In select menu,after selecting any value, focus out and tab key not working please help me. Regards, Guruprasad N
jquery-mobile slide overlay menu
Hi, I am using jquery-mobile slide overlay menu in my application(hybrid mobile application).To make this menu global.i kept a separate menu html as menu.html and i am loading it as $("header).load("menu.html"). The issue is During loading in each page where it is loading Ui is being broken down and after it gets loaded It's coming fine.But issue is during loading time. please suggest me is there any alternative way to make this menu as global.I am using only html,css,js.
Jquery UI slider with textbox input
down votefavorite I am trying to change value of UI slider from textbox's value but the slider method seems to do nothing on the textbox's change event i.e it doesn't move. What am I doing wrong? Check the Fiddle
Sortable stealing from Droppable?
I'm creating a system where users can reorder a list of their sites, but also throw them into a "bin" if they don't want it on the main list. These are just two sortables, it works fine, saves and loads from database, the works. However, I want to have the bin be shrinkable. No problem, the bin toggles open and closed with a click. But while the bin is closed, I can't drop stuff onto that list, because the list is hidden. No problem, I'll just make the bin label a drop target, and anything dropped
jQuery UI Datepicker 2 dates in the same week
Hey Guys, i hope u can help me... i need two date inputs with datepicker and the second must be after the first date choosen... thats no problem with my code... but i've need a second rule: after first choose the second date must be max the sunday in the same week than the first date. thats my code now for the first rule: $(function() { var dates = $("#holiday_from, #holiday_to").datepicker({ prevText: '<zurück', prevStatus: '', prevJumpText: '<<', prevJumpStatus: '',
Is anything wrong with this code?
Hi, Is anything wrong with this code:? $("input").each(function() { if ($("input").hasClass("error")) { $(this).parents().find(".text-input-large__wrapper").addClass("text-input-large__wrapper--error"); } }); Thanks
Catch ajax error
I'm loading some data via $.ajax() from an api on a different server. CORS is setup so that I can load data from this API. But, sometimes, the API, written in php, displays some error/warning, which it will output before the http headers is sent. Which again will make the $.ajax()-request fail with the message: "XMLHttpRequest cannot load http://<server>pdf/A5Landscape. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://intra.quercus.palustris.dk' is therefore
using js with less elements
Hi, as i seen this page, i wanted to ask for help, today i've wanted to write a "randomize text code without the javascript display in the elements but i couldn't do it can someone tell me what i did wrong and correct me it? also this is an example i want to be same as this. https://api.rtainc.co/twitch/8ball and this is my code <html> <shadow><script type="text/javascript"> var textarray = [ "Hi, $(user)", "Welcome, $(user)", "how r u $(user)", "HYD $(user)" ]; function RndText() { var rannum=
How To Make An Element Animate/Move Back and Forth (ON ITS OWN)
I am trying to make a DIV move up and down on the page, by itself. How do I do this? I want it to move as soon as the page loads, without pressing or clicking anything. And I want it to go in a "loop", so it will go back and forth constantly (side to side/up and down).
Divide content div/section by height and pagination it
Hello, I need help from experts with plugin jQuery. I found this plugin: oryginal plugin But this only work with text and not split/divide content < -from div (like img,h1 etc.) to more divs. It's only hide text below declarated height. I tried change this plugin but i can't I need to advice. Best regards
click trigger not working after ajax load....
i am working on a smarty template where i am using some filter options to filter products using different options. the products are loading via ajax after selecting any option. i want to trigger click event after ajax load the results from another smarty template. but click trigger not working after ajax loads the results. any idea? i am using this code to trigger the click event $("label.labelclass").trigger('click');
toggleClass() not working from text editor, works in web inspector
hey! I'm having a strange problem, I tried to use toggleclass(), when I put it in the editor doesn't work (the rest of the js runs correctly, so I know the file is well linked) but when I try in web inspector it works perfectly any ideas? var main=function(){ $('#lucas').click(function(){ $('#lucas').toggleClass("perfil2"); }); }; $(document).ready(main);
Stop floating scrollbar when reaching to footer
I need to stop floating scrollbar when reaching to footer. I tried the follwing code but no luck. var $sidebar = jQuery(".cartitemsguy"), $window = jQuery(window), offset = $sidebar.offset(), topPadding = 15; var footerwraptop = jQuery('.footer').offset.top; $window.scroll(function() { if ($window.scrollTop() > offset.top) { $sidebar.stop().animate({ marginTop: $window.scrollTop() - offset.top + topPadding }); if (jQuery('.cartitemsguy').offset().top + jQuery(".cartitemsguy").height() > jQuery(".footer").offset().top)
Get stored input data form window.localstorage when browser is closed suddenly ,Few scenario i cant able to get data
Test1 = <input type='text' title='Tags' id='tags' name='test1' /> <br/> Test2 = <input type="text" id="idfield1" name="test2"> <br/> Test3 = <input type="text" id="idfield2" name="test3"> <br/> Test4 = <textarea id="tr" name="test4"></textarea> script : $(document).ready(function() { var aTags = ["ask", "always", "all", "alright", "one", "foo", "blackberry", "tweet", "force9", "westerners", "sport"]; $("#tags").autocomplete({ source: aTags }); }); $('#idfield1').keypress(function() { $('#idfield2').val($(this).val());
Datepicker request
i am hoping to open this title to correct place. Is it possible to have functionality like functionality this calendar has. https://forum.jquery.com/topic/clickable-title when you click april you see all months in a box. And when you click year you will see years in a box. Same principle is valid in windows calendar too. Thanks.
copy given elements to another div
let's take this image: <li class="mix shoulders check1 radio1 option1"><img src="images/exercises/shoulders/Single-Arm Linear Jammer.jpg" alt="Image 1"></li> I am getting it by this function: $(function(){ /* elements is a name that preceding the selectors. get all img tags found inside li tags and fire the function. Then bind to the elem-msg div (which is inside the info_box) the elemText value. */ $('.elements li img').click(function(){ $('.body-inactive').show(); $('.info_box').fadeIn(2000);
Disable Friday and Saturday from Jquery DatePicker
Dear All, I have 2 date-pickers using html controls in my .JS file and I would like to disable all Friday's and Saturday's from date-picker. And also I would like to fetch the month name from the selected date-picker Can any one please help me in providing the solution Thanks SID
How can I access a value returned via AJAX in jQuery?
I need to select values from some html select elements based on what is passed back from an AJAX call. The data is being retrieved, but I can't seem to access the data so as to use it to set the html select elements to the appropriate value. This is the html that describes the html selects that need to be manipulated: <div class="row"> <div class="col-md-6"> <div class="containerforproact"> <div> <select id="dayofmonthselect">
1.12.0-rc.2 - controlgroup inside dialog boxes
Hi - I'm new here so please forgive me if I've missed something. I'm upgrading our app to cope with the breaking changes in the forthcoming release of jQUI 1.12.0. Currently testing under rc2. I've noticed a possible problem with checkbox controlgroups inside dialog boxes - it seems that the 'checks' are misaligned. You can see a fiddle for it here: https://jsfiddle.net/mvqhonqv/ If you remove the .dialog section from the bottom of the JS and run again, the ticks show properly. It seems to be just
Dialog not visible when div is full screen (requestFullscreen)
Hi, I'm building a website where a part can be shown full screen. Unfortunately when the div is shown in full screen mode, the dialog is hidden behind the full screen div. Only after pressing escape to undo full screen, the dialog is visible. See code below. Button 'Show full screen' makes the div full screen. Button 'Show dialog' supposes to show the dialog, but does this only when the div is not full screen. What am I'm doing wrong? Thanks! [code] <!DOCTYPE html> <html> <head> <meta charset="UTF-8"
Uncaught SyntaxError: Unexpected end of input
Hi, I have just added a datepicker to my order page but started getting this error: Uncaught SyntaxError: Unexpected end of input and when clicking on the datepicker I get this error: jquery.ui.datepicker.js:1970 Uncaught TypeError: Cannot read property 'inline' of undefined Not sure what could be the reason.. here is the link: https://www.cakeboutiquebh.com/before_submission.php Kindly help... Thanks, Jassim
Get Jquery Date-picker value in Java-script Function
Dear All, I am having a form which consists of html controls(Text-box,dropdown..etc) along with query date-picker control ,As the jquery date-picker control is compatible for all the browsers And I had written the java-script in a function which gets all the values of controls existing in the form ,But I found no luck to get the date-picker value . Can any one please help me in getting the value of data-picker in function <!doctype html> <html lang="en"> <head> <meta charset="utf-8">
Get Jquery Datepicker value on button click
Dear All, I am at beginning stage of the jquery. And trying to get the value of selected date from datepicker on clicking the button.Below is the writing code ,But found no luck .Can any one help me please <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>click demo</title> <script src="https://code.jquery.com/jquery-1.10.2.js"></script> <link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css"> <script src="//code.jquery.com/jquery-1.10.2.js"></script>
Modify table text
Her is my html I want to refer to the italic text (target-text) and change it(and only that) to something else like "new-text". Is it possible with jQuery? Thx I. Lesher <tr class="odd"> <td>monthly recurring</td> <td> <strong>ILS 50.00</strong> target-text<strong>ILS 50.00 לפי חודש עבור 12 חודשים נוסף</strong>. </td> <td> <a class="pmpro_btn pmpro_btn-select" href="http://triplebit.com/kityopo/membership-account/membership-checkout/?level=5">בחר</a> </td> </tr>
Add text box for each element (image) given
I have multiple <li> items in my code: I want to add to each image (wrapped in <li> tag) a text box that will pop out for each image when I click/tap on it. that partial code is an e.g.: <li class="mix biceps check1 radio1 option1"><img src="images/exercises/biceps/Alternate Hammer Curl.jpg" alt="Image 1"></li> <li class="mix biceps check2 radio2 option2"><img src="images/exercises/biceps/Barbell Curl.jpg" alt="Image 2"></li>This is currently the code for contenteditable div: <div id="test" class="test"
Resizer on left move on left ...
Hi all, Just a small experience of use the "resizable()" command. "A div inside its container move on the left". Scenario : 1/ (extend on right the div as enougth but not to its container limit.) (eventually) 2/ shrink by the left this div 3/ "very slowly" , extend the div on the left to touch the container's border ... and Look the right side of the div A small project in attachment to see this.
How to send a form without refreshing the page
I make a form in Wordpress Template that makes certain calculation and displays the result in a modal Bootstrap. HTML: //FORM <form method="post" id="myForm"> <span>Name</span><br><input type="text" name="name" id="name" required> <span>Email</span><br> <input type="email" name="email" id="email" required> <span>Altura</span><br> <input type="number" name="altura" id="altura" required> <span>Peso</span><br> <input type="number" name="peso" id="peso"
Why not ? A pin scale display on the sliderBar ? & With (in the future) a customizable pins positionning ?
Hi All, Today I'll would like to propose to you something on the slidebar. (Look at the snashot under) You customize your pin(s) scale showing with a reference to a jQuery plugin icon name (or not for no display) I'm under a work draft yet. Because my purpose is to propose a full customize setting for the pins positionning (for example : 0% 25% 75% 100% 200% 300% (or other constant values, not in percent...) in purpose for example to set a zoom/xzoom interface or for full others objectives .. ) Source
Resizable() grip display customizable (?)
Hi All, Always with the resizable() command. If I don't want to see the "SE" handle ? ==> $(myResizerObject).mouseover(function(evt){ $(this.getElementsByClassName('ui-resizable-se')).css({display: 'none'}); }) Not smart ... Why not a "grip" option with the same "philosophy" of "handle" option for the accepted values ? like this : GRIP: "n, e, s, w, ne, se, sw, nw, all" And the combination between "grip" and "autoHide" could give more ... @+
jQuery UI Selectmenu / collapsing select-box / options width not taken into account anymore?
Hi All, did anyone also noticed, a selectmenu is collapsing since one of the last jquery-ui versions? Having a select-tag without any width and an option-tag which has a quite long text, now I get rendered a select-box with ellipsis appended to the selected option. In previous versions (and unfortunately currently I'm not able to define the version / not reproducable), the width of the select box was rendered depending on the longest option-entry. So, when opening the menu, its width also matched
jQuery only loads after refresh
Hi, I am using WordPress on my site and I have created a custom jquery in order to add the qty input fields again: jQuery(document).ready(function($){ $('.quantity').on('click', '.plus', function(e) { $input = $(this).prev('input.qty'); var val = parseInt($input.val()); $input.val( val+1 ).change(); }); $('.quantity').on('click', '.minus', function(e) { $input = $(this).next('input.qty'); var val = parseInt($input.val()); if (val
Slider is not working in Windows Mobile
i, I am using a slider in my application. It is working in iPhone, Android as expected. But, in windows Phone (Tested in Mobile and debugging in Nokia Lumia 520 Emulator in Chrome) not working as expected. The reason I found is 'change' event is not firing in Windows Mobile. I am using the below versions: jquery.mobile.slider.js (jQuery Mobile 1.4.2) jquery.mobile.slider.patch.js jquery-2.1.1.js (jQuery 2.1.1) Any help would be appreciated. Thanks in Advance Kiran
How To Move An Element (with arrow keys) Consistently???
I have a DIV set up to move whenever I press an Arrow Key. It moves fine with one push, by holding the arrows is a little messed up. When I hold an Arrow Keys, the DIV moves in one increment THEN it continues to move, as I hold the Arrow Key. How do I get rid of the first increment? I want the DIV to move consistently when I hold an Arrow Key. Here is my JavaScript code: $(document).keydown(function(e){ switch (e.which){ case 37: //left arrow key $(".ball").finish().animate({
How to use JQuery autocomplete selected item?
I assign selected autocomplete value to variable var selected and posting it to the same php page, after the page is reloaded, am checking if the variable is posted like this: if(isset($_POST["selected"])) then echo it, but nothing happens. I need to use this variable in query, after page is reloaded.The question is how to use correctly selected autocomplete item? <script> $(function() { var data=<?php echo json_encode($namesArray);?>; var selected; $( "#searchTags" ).catcomplete({ delay: 0, source:data,
How to include html generated by one function in another ?
Hello, I desesperatly try to include the html generated by the function AjouterRepasMesures(DateCourte, MomPrise, htmlAffMesures) within the html generated by the function AfficheMesures() in the places between //************************** could someone put me on the path? Thanks in advance Here is the code: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67
Sortable: helper position bugged if sortable is in position:relative which is in overflow: scroll
Hi, I found 2 issues with sortable if it is in relative container which is in overflow: scroll. Look at this jsfiddle demo. Scroll down and drag one of the items there. You will see that after you click on the item, the helper jumps to the bottom by value of scroll position. It happens only at first drag. After some code inspection I've found place where it happens and possible solution. _mouseStart method in sortable module calcaulates parent offset at the beginning (calling _getParrentOffset
Progress bar with Target and actual values
Hi all, I have a requirement where i need to show target vs actual values in a progress bar. Something like in the attached image. Could you help me any responsive js library or suggest some code using which I can do this? When actual is less than target it is easy but when actual is greater than target it may not be responsive.
error getting correct position of form elements from non active tab
Hello, I have 2 tabs and each has few form elements in it (text box, radio etc.) I am validating some of the elements before form submit and showing error tooltip next to input element. This works perfect for active tab however for inactive tab, it does not return any position value. below is the code tab id is parameter "divbodyid" $('#'+divbodyid+' .required').each(function(){ //inputlength = $(this).val().length; inputlength = $(this).val(); if (inputlength == null) { inputlength
Problem get data from select, input-hidden value in Firefox
My code is: <div class="blockTxt"> <input type="hidden" name="item_type" value="<?php echo $r->cat;?>"> <div class="foodName"> <h4 class="item_name"><?php echo $r->name;?></h4> </div> <div class="btnFood"> <select class="quantity-select"> <option selected="selected" value="8">8 </option> <option value="16">16 </option> <option value="24">24 </option> </select> </div> <?php echo $r->cont; ?> </div> <button class="btn" data-id="<?php echo $r->id;?>">
JQuery Code executed BUT appears as text on the webpage as well
Hi, I just started out with JQuery and ran into some difficulties which I could not solve by myself. I used the bootbox plugin to create a dialog box if there is any error in the form input. The code works in the sense that the dialog box appears but at the same time the code snippet bootbox.alert("Hello world!"); is shown. I tried many things, amongst others the obvious of putting <script> tags around the code but code does not get executed. <form class='form-horizontal' method="POST" action="">
Next Page