.button chrome / mobile outline
I cannot get rid of the outline from the .button element when it gets focus on Chorme and mobile browsers, despite having * { outline: none !important; } and also peppering outline: none !important; on every class in my themes file. Where should i be looking to fix this?
Bug: The IE (v: 11.162.x) triggers the wrong event #3036
Hi, I opend a bug in the bugtracker, but it was direct closed. So I hope that I get more help in this forum. If I run my demo in the IE 11.162.10586.0 I get the alert dialog with "Problem". In all other browsers it work as expected. Bug: https://github.com/jquery/jquery/issues/3036 JSBin: http://jsbin.com/domopikafo/edit?html,output I made a screencast to show the problem: http://screencast.com/t/RrHMleAVN3sj Thank you for your help! Regards, David
alphabetize/sort an unordered list
Hi, I'm fairly new to JQuery but can generally feel my way around. Would it be possible to alphabetize an unordered list when a page loads? i know this is kind of 'contrary' to the definition of unordered but it would seem like something JQuery could do. For example, if I had the following list coded into a page, <ul id="fruits"> <li>banana</li> <li>pear</li> <li>apple</li> <li>grape</li> </ul> could JQuery reorder/alphabetize the list so that it renders as: <ul> <li>apple</li> <li>banana</li> <li>grape</li>
How to implement div resize left on size bar?
I want to use minimal JQuey CSS without calling for the large css file. On my page I wish to be able to resize the ride side bar of which I'm pretty sure the following should work; $('.Quick-Sidebar').resizable({ handle: 'w' }); I've recently removed this from my page as it was simply breaking my tab switcher on my sidebar causing problems... How can I make my sidebar resizeable please?
Check if a multi select dropdown list was changed
Hi, I need to check if the values of a multi select dropdown list as been changed from there initial values. The following code works when it's a single select dropdown list: if ($input.is('select')) { changed = !$('option:selected', $input).prop('defaultSelected'); }In a multi select dropdown list if I have this initial values: option a and b then add option c, it does not change the state of 'changed' var, only if I remove both option a and b. Grateful for any help.
What should be simple tab select...
I'm feeling utterly stupid that I cannot resolve my simple tab switchers located to the right-hand side of my page. Ordering it into the correct order, somewhat working then not then again... I keep going round in circles and it should be simple. On click - Users OR Alerts Remove all active classes Set active class on clicked On click - More Set active class WITHOUT toggling any others. Show drop menu Select Option Remove all active classes Set active class on clicked & 'MORE' Click outside / Other
events on elements after classes have changed
I have a switcher system and I want to change the classes on the clicked elements in order to determine what function runs on the next click. The first click triggers an ajax call and inserts the content into a different element. The code for this is not shown and is provided by drupal. it relies on the starting use-ajax class. this also removes the use-ajax class and adds the hide class. This means the code in the first event (bellow) which runs when .use-ajax is clicked can only run once, the remaining
validate date format MM/YYYY
help please, i have this script and i want to validate the field <input type="text" id="expirationDate" placeholder="expiration"> the problem is in month value when i put an expired month it will be validated like (02/2016) :'(( any suggestion plz and thx in advance... function validateExp(expirationDate) { if(!$("#expirationDate").val().match(/(0[1-9]|1[012])[\/]((201)[6-9]|(202)[0-9])/) || $("#expirationDate").val()==null || $("#expirationDate").val()=="") { var div =$("#expirationDate").closest("div");
Can You Toggle Scale & Bounce Using JQuery?
I'm working on my administration panel which has a side bar attached to the top bar. The side bar can be minimized and upon doing so it will animate left and then bounce. Upon doing so, there is no longer the same space available for the logo of which I would like to also bounce, scaling from the top middle of the div. HTML <div class="PannelLogo"> <a href="Panel Home Link"></a> </div> CSS .PannelLogo { position:absolute; margin:5px; height: 137px; width: 210px; z-index:9999; } .PannelLogo
Spinning text box
Hey guys, Is there a way I can make a text box that will turn around by clicking on it using jquery? I'd like to insert a link/picture on one side and text on the other Please help me make this possible :) Thanks!
Having Issue on Targetting Dynamic Content with jQuery closest()
Can you please take a look at This Demo and let me know why I am not able to target closest popover using jQuery .closest() ? <div class="container"> <button id="poper" type="button" class="btn btn-success btn-xs" data-container="body" data-toggle="popover" data-placement="top" data-content="<p>In this title I have text</p> <p class='text-center'><button class='btn btn-default btn-sm q-close'>Close</button></p>" data-html="true"> <i class="fa fa-question"></i> </button> </div> <br> <div
CSS and jQuery Animation
Hey guys, I`m working on this website https://storm-braces.herokuapp.com/ and I was wondering how can I make the logo after all the animation to move in the navigation menu (animated of course). If you need more details, let me know! Thank's! I got this in JS: setTimeout(function () { $("#logo").animate({ height: "toggle" }, 1500); $(".intro-page").animate({ opacity: "toggle" }, 2000); }, 5500); and this in CSS: .leftBraket, .rightBraket, .first-text, .second-text { animation-duration: 1s; } .leftBraket,
[Fix] Remove preview a image before it upload ?
Hello all, I want to preview an image before it upload and it can remove preview (similar cancel select image). I only want to up 1 image, preview it and can remove it . I have code in that link and I don't know why it don't preview image, I can't solve because my ability of programming is not good? Please help me fix it, link http://jsfiddle.net/ittvn/h145xey9/19/ Thank you very much. P/s: I see link example http://jsfiddle.net/ERZVC/2/ to make a reference (in this link, it up and preview a lot
Validate Numbers and Retrieve it
Goal: When you press a button you should make a validation of the third "td" (start from left side) in every "tr". if the letter of the data (inside of the third "td") contains more than four letter, you should retrieve a popup message. In the end, you should retrieve all number in a list inside of a popup message. I need to copy the numbers. Problem: I do not know how to create it. I don't have a good start point. The sourcecode below is a sample from the production phase. The source code should
How to setup a left and right page section? Panels?
Hi I have an MVC project that uses a left panel thats fixed, it has buttons and info, it never moves. On the right, that area is variable and can have charts, images, paragraphs, more charts, and links to data. Well, the problem is when I use #Left and #Right in the div declaration, and modify the CSS, etc, there will be a left side thats good, right side is Okay until the size is reduced. Shrink it to the minimum? there is a Horiz scroll bar on the bottom of the right area. Move it? and the
replaceAfter()
is there a function which is like .insertAfter() except that every time it is called it replaces the code it previously inserted
Add a <li> in <ul>
Hi, I need you help to add, at the end of my list, a new <li> I've tryed n this way but not working: $("#barraCoordinatore ul li").last().html('<li><h6> Menu 5 </h6></li>'); Any idea? Thanks in advance Tegatti
Having Issue on Re-Ordering Contents in a Div Using jQuery
Can you please take a look at This Demo and let me know why I am not able to reordering the buttons in .popover-content class. What I would like to do is different order of presenting the button on each click on #pop and as you can see I am using $("#pop").on("click", function(){ $('.popover-content > button').each(function() { $(this).prependTo(this.parentNode); }); }); but it is not reordering the buttons!
How to download a file from the special folder of a web app using jQuery?
I've had nothing but trouble trying to download a file using simple HTML5, as is evidenced here on StackOverflow It "sort of" works, but it seems unable or unwilling to identify the "App_Data" folder and its contents. So, as I wonder aloud in Update 10 on that mega-post: Maybe what I really need to do is, instead of the simple html, add some jQuery that will download the file. But the question is, can jQuery access the App_Data folder any better than raw/simple html can? Is jQuery capable of downloading
Reset Multiple div Positions on Button Click
I'm creating a card like game and have 28 divs (cards) which when the web page loads are all located within a parent div (#answerCardHolder) which acts as a holder for the 28 divs. The 28 divs currently use a float: left; to position them within the parent div (with relative positioning). Each of the 28 divs are draggable and droppable, the idea being the user drags and drops each card to the correct location as part of the game. Once the game is complete I want the user to be able to click a button
Drag an Object Out of a Scrollable Container
Is there any easy way to allow a draggable object to be dragged outside a scrollable container or would this have to be achieved by somehow duplicating the draggable object, so the duplicate isn't sitting inside the scrollable container at the same time as hiding the original? JSFiddle Many thanks
Populating html elements from a json file
hi in an internship i am doing , i need to populate cards(materialize css) with data present in json format in form of an array. i have never used jquery before please help me fix this.
Send inputdata from textbox automatically
Goal: Every time you make a input data in the textbox (named txtInputData) you send the data to the server automatically and you compare the input data to the database's table. In the end you retrieve a true or false if the data of txtInputData is the same from the database. Problem: I don't know how to make the textbox to send the data to the server with json automatically in every time when you make a input data. I don't know where to start? It sounds to be more complicated than I thought. Info:
How can I collapse jquery accordion by default/on page load?
Please find the code on this bootply - http://www.bootply.com/jL12JxNqnF When the page gets loaded,I want all the minus signs should be plus and the accordion should be collapsed by default
disabled/enable checkboxes based on drop down menu selection
Hello, My original question was here (thanks for the huge help jakecigar), however instead of having the divs hidden initially, I have decided to change it up and have the checkboxes disabled in the beginning. Once the person selects a major from the drop down menu, the checkboxes (A,B,C,D,E) become intactive. This is working fine. However, once a gender radio button is clicked and then a citizen radio button is clicked, any or all of the checkboxes are supposed to become active/enabled. Unfortunately
Custom non-bubbling events and jQuery delegated handlers
I posted this question over at StackOverflow if you want some more context, but I think I can post an abridged version here. I am creating custom events which are very similar in nature to mouseenter and mouseleave. Because of this, the elements do not bubble. Because the events don't bubble, the events don't trigger any delegated handlers. In jQuery's source there is a special case for mouseenter and mouseleave events to make them work with delegated handlers. Is it possible for my custom event
Positioning Elements (divs) Dynamically
Is there a way to position divs dynamically using jQuery? I want to achieve this basic layout but rather than typing in each div's absolute position I'm wondering whether jQuery can somehow specify an offset/position (so that each div is a specified distance from the previous div) together with the number of divs per row to achieve the same thing. JSFiddle I realise I could set the divs as in-line blocks in the parent div but I have reasons for not wanting to do that. I would like if it is possible
show div based on drop down menu select option class
I'm not a newbie but let's just say I am advancing slowly. Thank you to all who have helped me up until this point. Here's my issue. While the code in my jsfiddle below works, I still get the following error: Uncaught ReferenceError: startFilter is not defined Of course, because of this error, I can't get any additional jquery to work. The purpose of the drop down menu is so that depending on what is selected, then the proper div or divs appear. the correct divs are appearing but until I figure
jQuery AJAX not sending variable to PHP file
Hello, I am just starting to use jQuery and am using AJAX. On the click of a button, this function is called on the JS side: function generatePerson() { $.ajax({ url: "php/full_name.php", method: "POST", data: {post_ismale: true}, dataType: "html", success: function() { $("#data").load("php/person.php"); } }); } Now, the code works fine EXCEPT for the data that is being sent (post_ismale). This code returns nothing on the PHP side:
Inserting a value at the correct index in array;
Hi, if I have an array such as this; ages = new Array(19,22,24,29,27); // This could be any random numbers; and I want to add the age 26. How would I go about it in a function or is there a jQuery method I could use for it? Thanks in advance;
what will happen if i apply a jquery animation to an element which already have a css animation?
html: <div class="loader"></div> css: .loader{ animation : turn 2s infinite; } @keyframes turn{ /* turn a half round */ }js: var loader=$(".loader"); loader.style.animationPlayState="paused"; loader.animate({"transform":"rotate(360deg)"},300,"linear"); if i pause a css animation and then start a jquery animation,what will happen?
Line Break on a Tooltip
Is there a way to add/include a line break to a jQuery Tool Tip. I've tried 
 (amongst other things) but to no avail... <div class="menu" title="Click on a number to select which 
 game you'd like to play..."> I'd like to be able to control how the text appears in the tooltip (i.e. where the line break appears, rather than the automatic word wrap), e.g. I'd like to be able to show this tooltip as: Click on a number to select which game you'd like to play... rather than the way it defaults to
Default State on Page Load
I have ten different possible 'states' based on which button the user clicks on, e.g. if the user clicks button one, the first 15 divs are shown (with their associated css selectors), if they click button two, the first 20 divs are shown (with their associated css selectors) and so on. My question is, how can I make one particular 'setting' the default when the page is loaded, e.g., I would like to make this the default when the page is loaded (which is the equivalent of the user clicking button
Hide Remaining Elements
I have 28 'elements (div id's)' and I need to show a different 'start state' based on which 'one' of 'twelve' different buttons is selected by the user (e.g. if the user clicks on button 1, 15 of the 28 elements are shown, if the user clicks on button 2, 20 of the 28 divs are shown and so on. I'm using the following jquery code to reset the starting state each time a different button is clicked on... so I'm basically re-showing any previously hidden divs with: $("#answerCardHolder div:hidden").show();
image(profile picture) upload with html form by jquery and ajax only
i have html form and at the top of the html form i have profile picture feature so that user can upload his picture while filling the form what i want is, if user upload his profile picture i want to temporary show that image inside profile picture div and dont save it into folder or database until user will fill the form completely and save if user will save the rest of the form with profile picture than this image should saved in upload folder and its path must be saved in databse.but if user cancel
jQuery Hide attribute value past certain length
I have long base:64 strings that I am putting as the values of hidden elements. How can I limit how many are shown in the debug inspector? They are really annoying and take up a lot of space. E.g. Instead of this: <input name="[0].CoverImagePath" type="hidden" value="/9j/4AAQSkZJRgABAQEAYABgAAD/2wBDAAgGBgcGBQgHBwcJCQgKDBQNDAsLDBkSEw8UHRofHh0aHBwgJC4nICIsIxwcKDcpLDAxNDQ0Hyc5PTgyPC4zNDL/2wBDAQkJCQwLDBgNDRgyIRwhMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjL/wAARCADZANkDASIAAhEBAxEB/8QAHwAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoL/8QAtRAAAgEDAwIEAwUFBAQAAAF9AQIDAAQRBRIhMUEGE1FhByJxFDKBkaEII0KxwRVS0fAkM2JyggkKFhcYGRolJicoKSo0NTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R">
Question trying to use datepicker on a bootstrap dynatable field
Hello. I have had to change my pages recent to Bootstrap format. One of my pages contained a table that contained a date field that is available for update. In the past I was able to tie a class to the <input> field and then call datepicker using the class. Here is the code that I currently have defining the table and the datepicker function call: <div class="panel-body"> <div class="flextable" id="updateResults" > <table id="checkedTable"
Newbie troubleshooting question
I am pretty new to jQuery but very excited to learn. What I am trying to accomplish is a series of dropdown menus. The first dropdown menu selection will determine which menu populates next and so on. After the fourth dropdown selection, I would like it to generate a single word. Basically it is a sizing calculator. The first problem I am having is that with this code (clearly something wrong) when I select "Mens", it shows the womens and vice versa. Also, I am having trouble figuring out how to
Where do I find advanced jQuery tutorials?
Hey there, I'm Nick! I just wanted to ask where I can find more tutorials about jQuery (advanced level). Thanks for hearing me.
How to use jquery to detect the customer is using laptop or mobile to watch it.
How to use jquery to detect the customer is using laptop or mobile to watch it. the code in mobile shows wrong. it shows in laptop: I'm using php to hide this table right now, I want to use jquery to detect is using mobile, so I can change the talbe as buy price save in one row.
Next Page