Showing different content in the same Div
Hello there Although i've been using jQuery for some months now, i'm a bit stuck on this small but big task i'm trying to solve on my website. I've a submenu showing the different continents and then i have a sub-submenu, with their respective countries, each one inside another div and all the data is being fetched from the database using PHP. For example for the div of Europe: echo "<div class='nav-column'><a href='#' class='continente'>" .($Cont). "</a></div> "; So far so good and all the continents
validation of forms with rows
Hi, I'm a newbie in javascript, please forgive me if this is plain and simple. I followed some tutorials on validation and got it al working for a simple form using: <script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-2.1.3.min.js"></script> <script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.0/jquery.validate.min.js"></script> and my own validation file : <script src="validation.js"></script> I can set if a field is required or has to be an email... But my form
there maybe a memory leak about deferred in 3.x
When our project upgraded to jQuery3.2.1 (from 2.2.4), we found a memory leak about Deferred in jQuery3.x . the promise.then method does not release the handler & handler Closure . it work well in jQuery2.x and native Promise in chrome . look at the following case： http://plnkr.co/edit/DpMkLV2mqzwlX4Ruuk7i
jquery.mobile-1.4.5.min.css overides my style
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <link rel="stylesheet" href="css/jquery.mobile-1.4.5.min.css"> <script src="js/jquery-1.11.3.min.js"></script> <script src="js/jquery.mobile-1.4.5.min.js"></script> <link rel="stylesheet" href="css/index.css" /> <script type="text/javascript" src="js/index.js"></script> <meta name="viewport" content="width=device-width, initial-scale=1"> </head> i can not get any kind of style on my pages buttons
How to use the easing in the toggle() function?
I'm newbie in jQuery UI as well as jQuery, so I've encountered a one problem: how to specify the easing in the function of toggle()? What is the certain place it should be there? I'd tried searching for it but haven't found exact answer.
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
Dynamic Search Input Placeholder
Hello ! I try to set the placeholder of a search input dynamically without success ! Please have a look on what I try to do on Fiddle Thanks in advance
Close "Cross" image not displayed when I simply copy the sample and run it.
Hi, Please kindly advise when I copy the http://jqueryui.com/dialog/#modal-form and press the "Create New Button" the cross is not displayed in the top of the Dialog? All the other functionality works fine. I believe the style.css is just : body { font-family: "Trebuchet MS", "Helvetica", "Arial", "Verdana", "sans-serif"; font-size: 62.5%; } Perhaps I am missing another script or reference. Please kindly advise, thank you. Regards, Anil
Range slider, getting min/max handle value to variable
Hi, I am completely newbie, working mostly on ready made code fragments. I am learning using 2-handles slider with some data analytics, e.g. selecting data ranges from an array based slider range. How can I do below: min-max: 1-5 after moving handles: 2-4 varLOW = 2; varHIGH = 4; Thanks Horsten
Dynamically generated content disappearing
I've created a small application to swap divs. The user can create a div manually by entering a value in the input field or by clicking on the add button. In both the cases, the following conditions are supposed to be met. 1. All the divs should append to the parent div with class container. - working 2. If a child div with class box is already present under class container, the new div with class box should add after the already available div i.e should act as a sibling to the already available
$("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 properly center the text?
I'm trying to center the text in the middle of JQM page, vertically and horizontally. Using 1.4.5, default theme. In my .css I have: .splashDiv { position: absolute; top: 50%; height: 50%; width: 100%; text-align: center; padding:0; } HTML <div class="splashDiv" data-role="page"> Please wait... </div> The result is: The text is vertically centered only if I remove `top: 0` directive in developer tools(although not perfectly centered).
Question about sortable refresh
Hello, JS Fiddle: https://jsfiddle.net/29re1xbt/1/ I have a system which allows to sort both tables and the rows inside them: - you can click the "GROUP HANDLE" and move the table. - you can also click the "ROW HANDLE" and move the row from one table to another. You can also add new rows to the tables using the "Add Row" button and they will be automatically made sortable. Up to there, no problem. Then, if I add a table using the "Add Table" button, the table will be automatically made sortable.
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 can I use a variable in simple jQuery Transitions?
I am looping through radio buttons to see which is checked, and trying to assign a variable to use in the jQuery transition function: function animate() { var action = ""; for (i = 0; i < 9; i++) { if (form1.jQ[i].checked) action = form1.jQ[i].value; } $( "div" ).action(); } However, jQuery will not accept $( "div" ).action(); It will only accept literals such as $( "div" ).show();
How to save and highlight the selected value in the Autocomplete dropdown?
I am able to pick any value in autocomplete drop down menu but next time when I click on the dropdown menu, it does not show the selected value from the first time. The dropdown always shows the options from starting. This can be a problem for users if anyone wants to see the selected option in the dropdown menu, How to save and highlight the selected value in the Autocomplete dropdown? Using thie autocomplete dropdown menu: https://jqueryui.com/autocomplete/#combobox Can anyone please suggest a
Slider range not setting handles properly
I'm trying to get jQueryUI Slider w/ two handles working (range). It keeps generating 8 slider handles instead of just two and they aren't being set to the initial values. ON change, I call ValSlider to get the values to update in the input box. I'm using data to pull the required settings into the slider function (I have to share this data w/ other scripts, so using this as easiest way), but I don't see any problems w/ doing that. Here's a demo: [ Removed ] Here's the related simplified 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
Clone + autocomplete not workink
I can not understand where the problem is. Could you give me a hint on how to solve this? var buttonadd = '<span><button class="btn btn-success btn-add" type="button"><span class="glyphicon glyphicon-plus"></span></button></span>'; var fvrhtmlclone = '<div class="fvrclonned">' + $(".fvrduplicate").html() + buttonadd + '</div>'; $(".fvrduplicate").html(fvrhtmlclone); $(".fvrduplicate").after('<div class="fvrclone"></div>'); $(document).on('click',
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
Disable Buttons
I am trying to disable buttons after the page loads. The code is located in an linked script but when the $(document).ready section: $(document).ready(function () { $("#btnMoveDesigns").button({ disabled: true }); }); When I hit the above code I get on 'Object doesn't support property or method 'button''. The jquery.js, jquery-ui.js and jquery-ui.css are all linked in a masterpage that the page calling the .button reference is using. I cannot supply a jsfiddle example but if anyone
jquery tabs not posting parameters to php file
m trying to post parameters to php file and after that to load it in to a jquery ui tab. the problem is that tabs are not posting. GET is working fine but i want to use post. here is the script code : HTML <div id="tabs"> <button id="add_site">Add Tab</button> <ul id="sortable_tabs"> <li id='site_10'><a href="engine/make?dobavkata=10" data-url="10" title="public buildings" data-make="make_content" data-id_site="10">public</a></li> <li id='site_4'><a href="engine/make?dobavkata=4" data-url="4" title="News"
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!
How to do an ajax to google custom search website?
After the first time the user clicked the search button, the result from google custom search loads fine but additional searches did not trigger the google custom search again. <script> (function() { var cx = '004626212387516433456:aex2tyveipy'; var gcse = document.createElement('script'); gcse.type = 'text/javascript'; gcse.async = true; gcse.src = 'https://cse.google.com/cse.js?cx=' + cx; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(gcse,
What is the n1, n2, ... class in the divs that contain the line number for code examples?
In an attempt to become a better coder I would like to understand the purpose of those classes. I have attached a screenshot of what I am trying to ask.
Do I need paid tools to build hybrid website ?
Are there only paid tools for building high quality websites ?
,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.
empty after submit
i need help my submit button i need to empty contents after the button is clicked. http://plnkr.co/edit/SgkLADYEPD9QUTvekFB0?p=info ok
seperated code not working
i have just seperated my code into their correct locations html, css, js in webstorm, but now the code does not work. and my submit button how can i empty page after use. tryed its not working. https://jsfiddle.net/daisys77/odu2w3wo/13/
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,
Next Page