Using combobox with onchange command
I am unable to use the JavaScript onChange command with comboboxes. The code is on the underlying Select control, but it does not work. If I remove the jQuery that turns the select to the combobox it works. Is there some work around for this? Thanks,
Is ARIA compatible with jQuery events?
Hello, I would like to know if ARIA is compatible with jQuery events? This is above my level of skill and I don't have time to look through documentation. I am trying to get this sub menu accessible. I have tried this code with ARIA, but it is not working. Any pointers? <script type="text/javascript"> jQuery(document).ready(function($) { $('.bbp-admin-links:even').css({position: 'absolute', right: '380px'}); $('.bbp-meta ul.bbp_custom_links_menu li.parent > a').click(function(e) { var options = $(this).closest('.bbp_custom_links_submenu');
how can I select a list from database, using an athor select field in my vue (I send the parameter to the controller in my ajax code)
Hi, I'm biginner in ajax code, How can I use ajax code to select doctors list from database, to print them in my page, using the selected field in other select component(doctors in the selected establishment). I wrote this code, but it doesn't work, because it doesn't accept the data for the controller's parameter method: <script> $("document").ready(function(){ $("#establishment_id").change(function(){
Create an array based on the order of dropped elements
I've been trying to resolve this for several hours and have failed miserably. I understand the basic concept of creating an array based on say, getting the id's from a set of div's, using var myArray = $('#menu > div').map(function() { return this.id }); $('button').click(function() { console.log(myArray.get().join(', ')); }); jsfiddle but I can't for the life of me figure out how to create an array from some ui.draggables. In the sample I would need to return an array that matched the order
error message
i just typed my first jquery program like this. $(document).ready(function() { $('span.pq').each(function() { var quote = $(this).clone(); quote.removeClass('pq'); quote.addClass('pullquote'); $(this).before(quote); });//end each });//end ready in an html file that is attached to a jquery file, but unfortunately my browser provide an error massege like this. Untitled-2.htm:10 Uncaught ReferenceError: $ is not defined. can anybody here help me with that? thanks
Form - Get Data with Ajax
Hello, i have a form with a lot of input fields. I want to solve this: An employee write his personal number in the input field. After he writes his number, the other fields would be filled with the personal data. Is this possible with jquery? Any Hints for me?
Array Comparison
How can I compare two arrays and extract the indexes for all the differences? Using: var diff = $(correctAnswer).not(userAnswer).get(); will only give me the values that appear in 'correctAnswer', which don't appear in 'userAnswer' (i.e. 2 and 8). What I want to be able to do is to compare the arrays in order and then extract the index numbers for any differences, so e.g., in this sample it would be: index 1 (the correct answer is 2, the user answer is 3) index 2 (the correct answer is 3, the user
placeholder large text
hi all, I am using a list with searchbar as below inside ul ... li tag data-filter="true" data-inset="true" data-filter-placeholder="Search Help" in some cases the text is longer than length of the search bar text length, in that case the text gets ellipsis is there a way to show full text may be in a marquee ?
audio fading in and out on scroll position
hi... i am stuck on something that is sooo near to working as i want it to... i have a page that plays audio as you scroll from one div to another - the audio fades in / fades out depending on scoll position. it's working fine. but.... i want each sound to play only once - not looping to the start of the sound as it is at the moment. i've tried a few things but to no avail - it just keeps looping :-( i found and am using this script/code via https://forum.jquery.com/topic/j… this is the full code:
Vertical Scroll in Reverse order
Dear Sir/Madam Find below link to view the script for vertical scroll http://www.prajaktasoftware.com/amogh/jQuery-Plugin-For-Infinite-Any-Content-Scroller-scrollForever/index.html I want this scroll in reverse order or suggest me another script for the same so that i can even change and reverse the order of scroll example http://www.prajaktasoftware.com/amogh/aboutus.php this scrolls the data in order I wamnt however being simple marquee,, it is not continuous. I am using following website for
Loop Check ?
Correct me if this is wrong way to write a condition ? { $("body").addClass("");} else { $("body").removeClass(""); } };
For loop to simplify code
I'm trying to work out how I can write this code more efficiently. I'm thinking it should be possible to 'wrap' it in a 'for loop', but I can figure out how to assign each iteration ( i = 9 to i = 12) to the 'multiplier' and then to get the related code to apply to the relevant iteration? for(i = 9; i < 13; i++) if(multiplier == 9) { middleArray.pop(); middleArray.push('0'); } if(multiplier == 10) { for(i = 1; i < 3; i++) { middleArray.pop(); } middleArray.push('1',
JQUery Mobile Popups - multiple popups on one page
I am trying in include several popups on the same page. Each popup has a separate id but only the first one displays. I have very little knowledge of javascript, therefore, I am coding the popups directly into the html. A single popup displays perfectly but what should I do to achieve multiple popups? Many thanks
How to style a text box
Hi, I am using Jquery Smoothness Theme and want to style the text button as per the theme. But I did not find any thing related to styling the text box. Can you please help me how to style the text box according to the smoothness theme. Thanks Nitesh
Arrange the li based on the custom postion
Hi, I am using sortable plugin to reorder the list (http://jqueryui.com/sortable/) Now, i need to get the position of the all the li, save it into the db. Also when the user logs-in again the order of li should be fetched from db and based on the same order the list should be displayed. Thanks in Advance.
Trigger event when all dragable divs have been dropped
Is there any way to trigger an event once all dragable divs have actually been dropped. In the sample there is a button set to 'display: none'. What I would like to happen is, when the three red divs have been dropped into their green droppable divs for the button to 'show/fade in'. jsfiddle Many thanks
how can I write a register jquery function to do the registration, and the login functions in two différent functions.
I have a laravel vue containing 3 forms, and I must do register or login in the page to pass to the next page. can you help me t write the onsumbit juery code function ? here is the view's code: @extends('layouts.layout') @section('chercher') @stop @section('apropos') <section> <div class="fea_block container-fluid" id="help"> <div class="fixed_w promka"> <div class="row"> <center> <h2> <font color="#00BFFF"> 4 étapes
Need help in fetching the data from an object .
var a = { "id": "0001", "type": "donut", "name": "Cake", "ppu": 0.55, "batters": { "batter": [ { "id": "1001", "type": "Regular" }, { "id": "1002", "type": "Chocolate" }, { "id": "1003", "type": "Blueberry" }, { "id": "1004", "type": "Devil's Food" } ] }, "topping": [ { "id": "5001", "type": "None" }, { "id": "5002", "type": "Glazed" }, { "id": "5005", "type": "Sugar" }, { "id": "5007", "type": "Powdered Sugar" }, { "id": "5006", "type": "Chocolate with Sprinkles" }, { "id": "5003", "type": "Chocolate"
How can i learn JavaScript?
Hi, i am chandra shekar, UI designer and developer, i not good in JavaScript, can any once help me? And what is the best way to learn java script? what is the easy way to learn JavaScript?
how can I verify a radio checked value
Hello, I have a plateform that requiert to ask the patient if he is subscribed in my database, so one of the forms is showed (to login or subscribe) Can you help me to correct the jequery function : <script> $(document).ready(function() { $("use2").on("click", function () { if ($('input[id=use2]').is(':checked')) { $("#login").show(); } else { $("#login").hide(); } }) $("use1").on("click", function ()
Insert cursor on click of a button
Hello, The code below puts the Reply form and Topic form for BBPress in a slide out. I would like the cursor to be automatically inserted on these conditions. User clicks Create Topic button, slide out opens, cursor is inserted in the Title field. User clicks Reply, slide out opens, cursor is inserted in to Reply field/textarea. Can you please help me modify my code so it does this? Code in functions.php of my WordPress theme: /*Add reply form slide out on BBPress*/
function show_form_on_click()
Add two diffrent Products in Cart with jQuery in WooCommerce
Hey everyone,im trying to add multiple products with just one Click to my WooCommerce Cart. This is my actually code: jQuery("#button").click(function(e){ e.preventDefault(); addToCart(28,29,"Red"); return false; }); function addToCart(p_id,v_id,a_name) { jQuery.get('/wp/?post_type=product&add-to-cart='+p_id+'&variation_id='+v_id+'&attribute_color='+a_name, function() { }); } At least im able to add one product, but i would like to add some more of the addToCart()-Functions like:
How to close menu when clicking on page whitespace?
Hello, I have a custom menu that a few nice people helped me build to hold all the admin links for the BBPress plugin for WordPress. Currently, if you click the Options button, it will open, click it again, it will close. I would like to add some additional jQuery to make it close when a user selects a place outside of the menu container/page whitespace. Here is my code. /*Custom BBPress admin links menu*/ function wpmudev_bbp_admin_links_in_menu($retval, $r, $args) { if ( is_user_logged_in()
Image Search from Dropdown, and Highlight Corresponding Image(s) Based on id
Hi, Does anyone have an idea on how to do the jQuery for the gif image I've attached? Essentially, you select from the dropdown and the image(s) with the corresponding id go from being faded out to faded in. Thanks!
Swap values in an array
How can I write this in a concise way? Basically, I would like the values in 'middleArray' to change base on the value of the variable 'multiplier'. 'multiplier' is determined by the user and will have a value between 2 and 5 inclusive, so if the user selects say '3' then I need the values in the array to change/be updated accordingly. I've looked at the .map() functionality but am not really sure how to apply it in this instance or if it even is the right approach! if(multiplier == 2) { var
How to toggle display of select
Hello I have two drop downs in my app. Initially second drop down box is empty. Based on the selection from first select, then second select is populated dynamically. I came across this posting jQuery Mobile displays hidden select element As per this posting I was able to hide the second select initially using the ui-screen-hidden is a jquery mobile defined class. But how do I set display:block when it is populated? Joe
Do a series of fade-in, fade-outs (but execute serially)
Hi all, Basically, I am calling a function in a for-loop. That function fades in and out some elements on the DOM. However, the for-loop keeps advancing up to its maximum before the animations in my function are done. How can I tell my for-loop to wait until the first function call is done before advancing to the next iteration? Cheers.
Delete file
Hi I am using this tutorial to load file to the server: http://tutorialzine.com/2011/09/html5-file-upload-jquery-php/#comment-602456 But now i need delete the file when the user make clic in the file is already load. I mean: when i load the file, it apper with the green ckeck, to say is already load, well now i need when i make clic in this image, delete the file from the folder and from the div too. Sorry for my poor english.
Responsive menu: toggle adds inline styles
I am trying to create a simple responsive hamburger menu type: http://codepen.io/bg17aw/pen/yOzvpE However, since toggle adds inline styles of "display:none" this creates an issue where each time I re-size to mobile view (less than 768px) and press on the hamburger twice (once to show the menu, once to hide it), then re-size viewport to desktop view (above 768px), the navigation remains hidden because of the inline styles. The exact same issue is described here: https://css-tricks.com/forums/topic/issue-with-jquery-slidetoggle-display-none/
Set Time Picker to mili second
I have following code to set my timepicker to the current time, but it only gets second. I would like to know are there any way to get to millisecond like 10:44:05.123 $('#dtpime').timepicker('setTime', new Date()); Your information and help is great appreciated, Sourises
Making menu width moving marks(small red triangle)
I want to make clicked menu arrow(width :after), but i want only one who is clicked turns into toggleclass(menuarrow1) and all other back to : after How to make this? $(document).ready(function(){ $('.myMenu ul li.has-children > a').click(function() { $(this).parent().siblings().find('ul').slideUp(); $(this).next('ul').stop(true, false, true).slideToggle(); $(this).toggleClass('menuarrow1'); return false; }); }); http://codepen.io/psairidas/pen/wGpxgq P.S.
verify facebook profile link
I am struggling to verify a facebook profile link with jquery. Users need to fill in the whole url of their FB profile link, not just the username. And multiple options are allowed. https://facebook.com/somename/ => true (with or without the last / and optional www) https://facebook.com/pages/ => false (with or without the last / and optional www) https://facebook.com/pages/somename => true (with or without the last / and optional www) https://facebook.com/ => false (with or without the last
know if a css class exists in document
Hi, i'm looking for know if a css class name exists in document, not get elements by class name. Is there a way to do that? Best Regards Maximiliano from Uruguay
"data-filter" attribute in "collapsible-set" (version 1.2.1)
Hi all ! I would like to know if it possible to have a data-filter" attribute to a "collapsible-set" in version 1.2.1 of jquery mobile ? It doesn't run in my code (an extract code) <div data-role="content" data-theme="b"> <div data-role="collapsible-set" data-filter="true" data-filter-placeholder="Search a car :"> <div data-role="collapsible" data-iconpos="right" data-collapsed-icon="arrow-r" data-expanded-icon="arrow-d" data-filtertext="honda"> <h3>HONDA</h3> <p>model
Re-attach CSS to dropped draggable div
I have a bunch of divs which are 'draggable': HTML <div id="a1" class="answerCard noselect">1</div> <div id="a2" class="answerCard noselect">2</div> <div id="a3" class="answerCard noselect">3</div> <div id="a4" class="answerCard noselect">4</div> <div id="a5" class="answerCard noselect">5</div> CSS .answerCard { position: absolute; top: 0px; left: 0px; width: 150px; height: 150px; font-size: 120px; font-weight: 700; color: #fff; text-align:
If input has a value, hide label
Hi, I'm trying to achieve that if an input-box has a value it's label should hide. Please have a look at my example on CodePen: If input has a value, hide it's label The part which is not working is this: if ($(this).val() !='') { $(this).closest('.form-label').hide(); } What is wrong with my code? Thanks
Show/Hide Tooltips on Button Toggle
Is there a way to show/hide 'all' tooltips on a button click rather than a mouseover of individual divs? On the fiddle, a mouseover each box reveals the tooltip for that box, I want to be able to disable the tooltips being shown on a mouseover but enable them to all show on a mouse click of the button, which can be toggled to then hide all tooltips when clicked again. NB: Unsure why the tooltips aren't hovering over their associated divs on the fiddle, all working fine in my actual code. jsfiddle
Sortable issues - insert area doesn't show and dragging item drags list
I have a list that works fine using everything except IE 11. A user trying to drag an item into a list doesn't get the insert area and when trying to move an item in the list to a new location, the entire list drags (see screenshot). The "Do you have a symptom..." item is being dragged, but the entire "General Heart Failure..." list is moving. Since I'm new to jquery and I can't recreate the issue, I'm a bit lost as to how to resolve the problem. Edit: here's the relevant script: <td valign="top"
Datepicker calendar displayed on top of the screen for a scrolling window
Datepicker calendar is displayed on top of the screen rather than the being displayed next to the text box. The issue seems to be on a scrolling window, on a non scrolling window it is working fine. I have attached a screen shot below. Any ideas how to solve this please. I am using the default "jquery-ui.css"
navigating links invalidates UI when using jquerymobile's collapsible
Not sure if it's a known issue, but I noticed that pages that use jquerymobile's collapsible cause other pages to be rendered incorrectly. What's more surprising is that this behavior is consistent across different browsers, on top of that I noticed lots of other weird issues with pages that use collapsible from jquerymobile. As a side note: I use in my page jquerymobile only because of collapsible, but most likely it's not an issue of collapsible, but of jquerymobile instead. Here's how it happens:
Next Page