trigger a bootstrap modal show event
I'm gonna pass some params to a bootstrap modal "show" event handler while showing the modal, so gonna use $("#mymodal").trigger("show.bs.modal",[param1,param2]) i nstead of using default $("#mymodal").modal("show"), the handler is triggered, but the modal does not displayed finally. what's the trick?
Uncaught RangeError: Maximum call stack size exceeded
Uncaught RangeError: Maximum call stack size exceeded at Function.ga [as find] (jquery-3.1.1.min.js:2) at r.fn.init.find (jquery-3.1.1.min.js:2) at Array.<anonymous> (commondie.jsp:113) at i (jquery-3.1.1.min.js:2) at Object.fireWith [as resolveWith] (jquery-3.1.1.min.js:2) at Object.<anonymous> (jquery-3.1.1.min.js:2) at i (jquery-3.1.1.min.js:2) at Object.fireWith [as resolveWith] (jquery-3.1.1.min.js:2) at A (jquery-3.1.1.min.js:4) at XMLHttpRequest.<anonymous>
Catching select and adding attribute to it
Hello. Very strange situation: I'm trying to make event for adding "selected=selected" attribute to <option> tag. So, I have option value Id - <option value='22'></option> I would like to push selected attribute but doesn't work. $('select[name="my_id"] option[value=' + element + ']').attr('selected', 'selected'). $('select[name="my_id"] option[value=' + element + ']').prop('selected', true).$(' option[value=' + element + ']').prop('selected', true). I tried any combinations - with #id instead of
how to remove "style=" attribute?
Assume I have a web page which contains multiple elements similar to <span style="font-size: medium;">....</span> How can I remove the "style=" attribute for all the elements? The element <span> itself should still persist Peter
Can someone tell me why my jquery dont work ?
HTML: <!DOCTYPE html> <html lang="PT"> <head> <meta charset="utf-8"> <meta name="author" content="Francisco Rodrigues"> <link rel="stylesheet" type="text/css" src="style.css"> <script type="text/javascript" src="Jquery/jquery-3.2.0.min%20(1).js"></script> <script type="text/javascript" src="Jquery/Jquery.js"></script> <title>APAV</title> </head> <body> <header class="HP"> <button class="c-hamburger
$("body").children().show(); is showing <script> tag as well
Hi I am hiding all the children of body and adding a new div for a few seconds, this is fine then a few seconds later I remove this div and use .show to show the original content when I do this it also shows the script tag and its contents. why does it show the script tag and contents this isn't a child of the body tag??? How do I stop? //hide all elemements of body $("body").children().hide(); //create Div here that display Names $("body").append("<div class='info'> Welcome " + data[0] + ", "
how to load php pages completely which contain jquery form without refreshing pages
i have tried to make index.php and logout.php file and i want to make all the pages loaded without refresh. the problem is after i click button from logout.php to index.php file the page are loaded without refresh (i think it works), but the jquery form in index.php file doesn't works. how to fix this error? thanks in advance.
How to download file without MIME type defined
Hi, i want to know code for downloading files to user end, even if MIME type is not defined in IIS, is this possible if yes please reply me with sample code
How to fetch RSS Feeds using jQuery script
Hi, I am using google ajax api to fetch RSS feed data I am using code something like below, $.ajax({ url : document.location.protocol + '//ajax.googleapis.com/ajax/services/feed/load?v=1.0&num=|&callback=?&q=' + encodeURIComponent(url), dataType : 'json', success : function (data) {} }); but google stopped this feed service. How can I get the RSS feed with Jquery or suggest some example that will help me alot Thanks in advance
Show asp gridview inside jquery accordion?
Hello, please apologize my english, i speak spanish... I am using accordion, and works great, but when i try to change the sample text of your sample code, and put a asp:gridview objet, i cant show it... i dont know why, i already put asp:label, asp:button, asp:textbox inside <div> of accordion, and works fine, but i cant do it with gridviews. Can help me? Thanks!
Disable selected option from one select box when selected in another select box
Hi to everyone, This is my first post here, I have 4 location select boxes with options like full chest, full back, front left chest, front right chest and so on and 4 color boxes that say the number of colors. I am showing location one and color one select box as default, and increment them by using add one more location button or removing them by using remove location button. I am also resetting the select box of a particular location and its color, if that location is removed. Also If one option
Animate Border Until Selected Element Sequenty
Can you please take a look at this demo and let me know how I can add animation to borders properly so when use clicks on `a` the all previous borders get the `anime100` class after each other in a sequence what is happening now is adding the `anime100` to all anime classes at the same time? <ul class=""> <li> <div class="box"> <div class="left"><a href="#">A</a></div> <div class="anime"></div> </div> </li> <li> <div class="box">
Little help
Dear fried, I am new in jQuery area programing and need me some little help for my problem. I wish use Select option list for change value in next HTML cod: <div id="carousel-example-generic" class="carousel slide" data-ride="carousel" data-interval="3000"> data who I wish change is value in data-interval="3000" How I can do that with select list example <select id="interval" > <option value="1000"> Fast</option> <option value="3000"> Normal</option> <option value="5000"> Slow</option>
after clicking on anchor fragment I want to detect "target" event on the target element
I have an anchor fragment (year buttons) which is linked to a table header (year table header). I want to detect "target" event triggering on the table header after someone has clicked on the anchor. For example: clicking on the 1843 button will wisk the user down to the 1843 table header. Is this thing?
Safari not filtering searches
Hi Guys, I'm working on ride365.com and if you use Safari to search for year/make/model for parts, it returns all results instead of the inputted query. Using jquery version 1.7.2 now. Should I upgrade jquery to 2.1.3? Platform is Magneto with an Ultimo Theme. Can someone lend a hand please? Thanks!
,hml not accepting formatting
I notice that .html doesn't take any formatting, as I'm trying to do on line 4 below. $('<div></div') .attr({id: "make_link_tip"}) .addClass('ed_tip_top_row') .html('External target: <code>http://amazon.com</code>.') .prependTo('#make_link'); It won't even take <b> . . .</b> Is there a way to format some of the text? Thanks
Creating complex DIV for a prependTo
I’m working with a row of buttons that were created on the fly by the TinyMCE editor. A lot of these buttons are custom buttons that I created so I’m trying to add a blue dot on the button that can be clicked to bring up an explanation, as below. The problem is that the explanation box is positioned relative to the canvas, not the button. The TinyMCE toolbar will appear on top of whatever box opens it, and the boxes can be anywhere on the screen when the editor is called up. To get the explanation
.delay(ms) not working
I'm trying to allow a tooltip to be hovered over for 700ms before it displays. I have the code: onmouseover:function(editor,url) { $('#lhinc_tip').delay(700).show(); }, onmouseleave:function(editor,url) { $('#lhinc_tip').hide(); } The tip shows immediately as soon as it's rolled over. Why doesn't the .delay(700) run? Thanks.
Is there any smarter way for this code?
Hello mates, I was wondering if is there some better way to write the code below: $("#fuma_tempo").hide(); $("#fuma_qnt").hide(); $("#fuma_ex_tempo").hide(); $("#fuma_ex_duracao").hide(); $('#fuma').click(function(){ if(this.checked == true) { $("#fuma_tempo").show(); $("#fuma_qnt").show(); } else { $("#fuma_tempo").hide(); $("#fuma_qnt").hide(); } }); $('#fuma_ex').click(function(){ if(this.checked == true) { $("#fuma_ex_tempo").show();
How to get active fetch ajax requests count?
When a site is using jquery/XMLhttp requests we were able to get active ajax calls in the backend using jQuery.active. But when a site is using aurelia fetch for ajax calls, how to get number of active fetch calls in the backend? tried by injecting some javascript code too get calls but not able to get active fetch requests being processed (function() { var oldOpen = XMLHttpRequest.prototype.open; window.openHTTPs = 0; XMLHttpRequest.prototype.open = function(method, url, async, user,
How to select an option of a combobox from ajax that has different option values?
(Note: although I mentioned Magento, this is NOT a Magento question, it's about jquery). I have a form and I've used a jquery script to autocomplete address based on zip code. The problem is that Magento brings a state/region list which values are different than I got from ajax result (webservice). For example: the value returned for state is "SP" (Sao Paulo) and the value that should match in select is "508" instead of "SP". How to populate that select correctly? See the select here (Magento generates
Security bug report
Hi! where i can privately report security issues in jquery libraries?
Jquery conflict
Hello friends. I have a critical issue with my last project. I am using template wt_boss with helix framework. On mouse hover on calendars these fields disappear. Please check at http://mykonosrna.com Also, take a look at bottom of this page http://mykonosrna.com/apartmnts-and-rooms-in-mykonos/2-apartments-rania.html on fields "arrive" "departure" Any suggestion will be helpful. Thank you in advance.
is correct how i used .prepend() ?
Hello, I made a page using jQuery That adds elements at the click of another element using .prepend (); It works fine. in html we have this element: <label>Motivo del Reso / Guasto * <span id="charNum1">(200 Caratteri disponibili)</span></label> <textarea class="difetto" id="difetto1" name="difetto1" cols="50" rows="2" maxlength="200" required="required" aria-required="true" placeholder=""></textarea> and at the end of body i use jquery for count number of chars in textarea: jQuery('#difetto1').keyup(function
How to make a tab active when a page is loaded in PHP/jquery
i have used the following code <script> $(function() { $('#tabs').tabs({active:1}); }); </script> <div id="tabs"> <ul> <li><a href="myprofile.php?option=mp">My Profile</a></li> <li><a href="myprofile.php?option=mbm">More about me</a></li> <li><a href="myprofile.php?option=cop">Checkout your peers</a></li> <li><a href="myprofile.php?option=tr">Test Results</a></li> </ul> </div> <?php @$opt = $_GET['option']; if($opt=="") { //error_reporting(1); } else{ switch($opt) { case 'tr':
what's the proper way to select a nested div with jquery?
What's the proper way to select a nested div with jquery? My specific example looks like this: <div id="reportTitle"> <div id="line1"> <div id="line2"> </div> I need to set the values of line1 and line2 of reportTitle. I want to make sure that I don't set the value of some other line1 and line2 elements on the page. So I'm looking for something like this: $('#reportTitle > line1').text('test1') $('#reportTitle > line2').text('test2') What's the proper way to do this?
jquery mobile css.index
https://codepen.io/mathdotrandom/pen/crfCD login template https://codepen.io/ehermanson/pen/KwKWEv Signup template My issue is using jquery mobile creating app that will have many pages inside. My problem is the css files from these two pages where do I place in my css.index. I have tried that putting both codes on to that css.index then nothing is happpening just plain layout. Can someone show me example layout how css should be with these examples templates.
Load form after all JavaScript loads
I have a form where a variable is dependent upon an external resource. When the form loads prior to the JS running, it displays blank fields from the record in the db. How can I delay the form from loading until after all JS loads?
Hide all elements but the first 12
Hi, The else if part of this code is not working. Does any one know why? HTML <div class="row tile-list-wrapper tile-person-list"> <div class="js-reveal-target"> <!--#include file="tile-person.html" --> </div> <div class="js-reveal-target"> <!--#include file="tile-person.html" --> </div> <div class="js-reveal-target"> <!--#include file="tile-person.html" --> </div> <div class="js-reveal-target"> <!--#include file="tile-person.html" --> </div> <div class="js-reveal-target"> <!--#include file="tile-person.html"
Adding Cattegories to MultiColumn Autocomplete
Hello Friends!) I wonder if you can help me add the categories (https://jqueryui.com/autocomplete/#categories) to this MultiColumn Autocomplete widget (https://jsfiddle.net/MrSnrub/pk0kf0hn) which I am looking to employ at my website ? Or maybe you can suggest a working autocomplete script which allows to look for multiple terms in multiple columns and which also combines the results by categories? Glad to be at this wonderful place! Dim
Datetimepicker Disabling Day and Time
Hello experts, I'm using bootstrap-datetimepicker : https://eonasdan.github.io/bootstrap-datetimepicker/#inline and I got a situation. I have three conditions before enable a date and time: 1 - Full day disable, like holiday, which is already done at the propriety: disabledDates 2 - Shop Closed - disabledHours: [0, 1, 2, 3, 4, 5, 6, 20, 21, 22, 23, 24] 3 - Already busy date and time On the third condition is the issue, How can I disable only the exactly time on the selected day? Example of
Help me Out - Function and Array
Hello experts, can you help me out with these functions, I would like to get the list os holidays: var oHoliday = []; oHoliday = holidayList(); $('#datetimepicker12').datetimepicker({ inline: true, sideBySide: true, minDate:new Date(), disabledDates: oHoliday //The holidays llist will be insert here }); function holidayList(){ var days =""; $.get('/holidays/ajax/', function(oHoliday){ $.each(oHoliday, function(i, getHoliday) {
JQuery Date Picker not emailing PHP Mail script
Hi, I wonder if anyone can help me. I am building a few forms and one of them requires a date, I am using the date picker however the dates are not being emailed. I am using PHP for the form and the mail script. Heres the code for my test form - Contact Form PHP <!doctype html> <html> <head> <meta charset="UTF-8"> <title>jQuery UI Datepicker - Default functionality</title> <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css"> <link rel="stylesheet"
Online straming application: Uncaught (in promise) DOMException
On urbansunsets.com, I have implemented radio streaming in HTML5 and JavaScipt (jQuery). There is an error on iPhones. The code: HTML <div class="col-lg-12 col-sm-12"> <div id="radio_player"> <div class="default-player"> <audio width="320" height="240" controls playsinline id="audio_player"> <source id="player_source" src="http://public.radio.co/stations/sedf8bacc9/m3u" type="audio/mpeg"> </audio> </div> <div id="audioplayer"> <button id="pButton" class="pause"></button> <div class="live">Livee</div>
Click on button to Show Data
Hello I am very very new to Jquery and JS. I made a form, where I have names in selection. I want that When I select a Name for example John Cena , all my desired text data will show under it. and when select othe rname for example Kane then Kane's data show. how can we do it ? Here is my HTML <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html;
Doesn't work
I have an odd problem when I'm trying to use jquery. When I download it and reference it from my webpage it doesn't work. When I reference it from google it doesn't work. But when I put references to both google and the downloaded version it works. Please could somebody help. Maybe I'm being a bit stupid as I'm new at this. But it is doing my head in. Thanks. My code: <html> <head> <title>J Query</title <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
If jQuery is used then the element is hidden even when it shouldn't
The site www.jaanavuola.com is using simple jQuery code for hiding and showing mobile menu. jQuery(document).ready(function($){ // $(".site-header")site.hide(); // $(".open-close-mob-nav").show(); $('.open-close-mob-nav').click(function(){ $(".site-header").fadeToggle(400); }); }); The button (upper right corner - two lines and text "Valikko") appears when the windows is max 860px wide. The site has normally a side bar navigation panel which
Read value only
Hi, I have these: [12] [7] [345] How can I using JQuery to read the numbers only without te brackets? Thanks, Jassim
Jquery Ajax using Spring 2.5.6 MVC Controller
I have done an ajax call as below in my jsp - $(document).ready(function () { $('#alarmsDetailsWebModel').submit( function(event) { $.ajax({ url : "/ratp-ssi-project-web/ui/project/modules/alarmmanagement/alarmdetails", type : "GET", dataType:"json", success : function(data) { /* data = $.parseJSON(data); alert(data); for (i = 0; i < data.responseHTML.length; i++){ alert(data.responseHTML[i]); } */ }, error : function(xhr, status, error) { alert(xhr.responseText); } }); return false;
attaching associated attributes from populated select options
So I've got a select element A that populates select element B with lists of classes, and whatever option of B is chosen changes some CSS. What I want is for that class option chosen in select element B to also populate multiple text boxes with data also associated with that class. I know that in a single select element i can list multiple values for each option, like: <option value="abc" someothervalue="def">whatever</option> I also know that I could set up some PHP code that connects to a
Next Page