DIV structure
Hi i have div tags structure i need to perform accordion on and use JQuery on it please see the structure below and please take notes on id attributes i have <div class="TreeViewContainer"> <div id="row_0" class="TreeViewRowOdd">Example</div> <div id="row_0.1" class="TreeViewRowEven">Example 1</div> <div id="row_0.2" class="TreeViewRowOdd">Example 2 </div> <div id="row_0.2.3" class="TreeViewRowEven">Example 2.1</div> <div id="row_0.5" class="TreeViewRowOdd">Example 3</div>
How to Repopulate loop with new list using jquery
I am working on a site which has a bunch of profiles of people, on the side is a checkbox which the user can click to refine the search to only show profiles that meet certain criteria. To do this I made an ajax call to get a new list, but I can't figure out how t erase the old list and reload the new list. Here is the html of the loop @foreach(Cleaner c in Model) { <div class="col-sm-4 col-lg-4 col-md-4"> <div class="card hovercard">
why textbox is not validated?
Hi, here http://www.mesk.online/tasks/new_task3.php My validation is working fine except for the txtTaskName but every time I enter all fields but leave the txtTaskName it will show the error popup but it will still continue submitting the form Where is the issue please? Thanks, Jassim
Cherche de L'aide urgente
Bonjour, Je cherche une aide urgente qui-peut me permettre de keep mon travail. Je ne pas de poster la Peux request verser des RAISONS de confidentialité et ne versez pas mon Perdre emploi. De Il s'agit Simplement D'une petite explication sur jquery et les fonctions. Je Remercié à Toute Personne qui en mesure de Serait me aider.
jQuery scrollTo going to far when accordion open
Hi there, I have created an accorion using simple slideup/slidedow jquery. I have a list of images outside of this accordion. When each image is clicked it opens the accordion tab relating to that image title. This works well. I now want to scrollTo the accordion item that theimage link has opened. I have done using this little bit of jQuery: $('html, body').animate({ scrollTop: target.offset().top }, 1000); It work's but only when all the accordion items are closed when you click on the image. If
enable button when reCAPTCHA
Hi, I am trying o use reCAPTCHA. I have disabled the button on page load and now I want when the reCAPTCHA is verified to enable the button. I tried below button but it';s not enabling the button! Kindly help.. <script type='text/javascript'> var captchaContainer = null; var loadCaptcha = function() { captchaContainer = grecaptcha.render('captcha_container', { 'sitekey' : '6Lfl9yATAAAAAF1NfR1R5nojGGOIlz7K79NiEoW7', 'callback' : function(response) { // console.log(response); document.getElementById('btnForgotPassword').disabled
JQuery Each Function Give Style Dependant On List Level
List Example; Inbox Sub-Folder 1 Sub-Folder 2 Sub-Folder 3 Sub-Folder 1 Sub-Folder 1 Sub-Folder 2 Sub-Folder 2 Sub-Folder 4 Sub-Folder 5 Important Sent Draft Trash Promotions News List Example Source <ul class="inbox-nav" id="inbox-nav"> <li class="active"> <a href="javascript:;" data-type="inbox" data-title="Inbox"> <div class="Arrow"></div> Inbox <span class="badge badge-success">3</span> </a> <ul> <li><a
Dialog data input
Hi there, This dialog is used for accepting input from user. Problem is it accepts user input correctly first time, if user open the dialog second time and type in new values the dialog will return the values the user typed in on the first attempt. Any idea why ?
Add class to an element on clicking tab <li>
I want to add a class to an element when someone clicks on the tab <li class="today">. Then, upon someone clicking another <li> tab I want to remove the class that was added. I'm new to javascript but this seems like it should be relatively easy but I'm a little out of my element here. Am I supposed to do something like this? $(function() { $('li .today').click(function(){ $('#my_stuff').addClass('home'); }); }); The only thing I'm confused about is how do I remove the class once someone clicks
How can I set value in select option using jquery dynamically?
Below I am giving the snapshot of my code .Here i am facing the problem because in some dropdown value is set using below code but some dropdown is not setting please verify where am I going wrong. function templateLoading(value){ alert(value); $.ajax({ type : "GET", contentType : "application/json", url : "templateload.ank?name="+value, dataType : 'json', success : function(data) { alert(data); $.each(data,function(key, val) { //alert("fc"+"'"+key+"'"); if(key=="fileHeaderAvailbale"){ alert(key
Fileupload through jquery Ajax
Hello, Can you please let me know how I can upload a file through jquery ajax and retrieve submitted data in Java.
Having Issue on Wrapping <li> list in a Div indepenedntly
Demo I am trying to wrap each li in a div .new which works fine when the li doesn't have any children <ul><li></li></ul>. but when it is in following format <li>XRP 1 <ul> <li>Company Maintenance</li> <li>Employees <ul> <li>Reports <ul> <li>Report1</li> <li>Report2</li> <li>Report3</li> </ul> </li> <li>Employee Maint.</li> </ul> </li> <li>Human Resources</li> </ul> </li> <li>XRP 2</li> <li>XRP 3</li> It wraps lis in new in the hierarchy several times. is there any way that I can add open and closing
Show and Hide password
Hi, Please have a look here: Show and Hide password The jQuery part changes the type of the input from password to text to show and hide the password. It works great. But I want to achieve that by clicking on "Show" it's text changes to "Hide" and by clicking on "Hide" it changes to "Show". How can I change the code to achieve this? Thanks
.eq method for child element?
Hello, i have what might be an obvious question - i have this code to remove the third table in a given DOM: $('table:eq(2)').remove();. Can someone tell me how I could modify this to remove the second cell (TD) of the third table? I imagine I'd use eq again, but i am not sure how to write this.... Thank you very much in advance for your help, I've been hitting my head against a wall with this.
how to disable the checkboxes with the numbers that available on the array
Hi, I'm designing a bus reservation system. So, I designed a bus seat layout using arrays in jQuery. And its working fine. Here is my coding: ('.bus-table' is a table class) var row = Array(), booked = Array(),i=0, j=0; row = [ ['1','5','9','13','17','21','25','29','33','37','41','45','49'], ['2','6','10','14','18','22','26','30','34','38','42','46','50'], ['','','','','','','','','','','','','51'], ['3','7','11','15','19','23','27','31','35','39','43','47','52'],
Load happens a second time
I'm using the .load() method with a PHP program to load some extra data and it works fine EXCEPT that after I've invoked it on a page and then try to log in to the main app, it tries to reload the data after the main page but without the necessary parameters. I'm using an onclick to activate the following javascript function: function togglelink(person,tree) { $('#stage').load('relate.php', {from:person, tree:tree}); $('#nrow').toggle(); };
Problem with JQuery
Can somebody help me please? I have a problem with a JQuery, I can not retrieve the images: * The image files are in the img / folder and minis are 60x60 pixels * Within the "each" cycle load for each division with "Brand " image . Use the selector $ (this) and load the tag with the html function * Each image must be assigned a width and a height of 50 pixels * Remember to write the path to the file "img / minis / " * Use as index under the variable " i" JQUERY: <script> var productos = new Array("afrodita.png",
Can't get html to run in php file called by AJAX
hi, I am writing a Revise Data program for my database. I am passing the field name of data to be changed to 'changeData.php'. When this data is received by 'changeData.php' I want to use a form inside 'changeData.php' to revise the data and then to update the database. If I call changeData.php from the command line it works fine. (firefox mydb.com/db/changeData.php) The form appears in workable manner. If I take the HTML code out of changeData it works fine. It will update data as fed by a variable
jQuery Validation Tooltip
When my text input doesn't validate as an email address I want a tooltip to show. The jQuery code below doesn't work. Can anyone help me with this? <script language="javascript" type="text/javascript"> $(document).ready(function() { $('.email').focusout(function(){ $('.email').filter(function(){ var emil=$('.email').val(); var emailReg = /^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/; if( !emailReg.test( emil ) ) { $(this).tooltip({ content: "<div
Inputfield with JSon data and Jquery
Hello Guys, im working with angularJS, Jquery and Json files... Here's my Code, the first <th>{{item.Nummer}}</th> will Display the correct Value -> 90 Here's my Json file { "records":[ {"Nummer":"90","Ranking":"3"} ] } But if i put the {{item.Nummer}} in the "rel" in the input field, it will not show up the json data. does anyone know whjy? and how this can work ? i want that my inputfield gets the data from my json file that it can be generated dynamically <div class="grid-block wrap align-center"
Please recommend good hosting company.
I tried wink.ws (free hosting company) and infinityfree.net (free webhosting). Now I can not log in. They are run by godaddy.com. I think they run these low quality site to market their real service. WHOIS.COM seemingly runs very old setting. Best regards,
Different results of the same CSS according to the type of browser.
The codes in the following are updated on the Firefox, but NEVER updated on the Chrome whose history is cleared from the beginning of use. ------------------------------------------------------------------------- var exlast_height = $("#text5").height(); var np =$("#text5").position(); var last_top = parseInt(np.top) + parseInt(exlast_height) +200; $("#copyright").css({ "top": last_top +"px" });
Which CSS prevails between CSS in document ready And <link href="css
https://jsfiddle.net/jsfiddle135/6cr09nm0/3/ I want to apply CSS dynamically in document ready. As you see in the linked Jsfiddle, CSS in document ready doesn' work. WHY/?????
Is it possible to combine these two functions?
I have a menu that I toggle when a button is clicked, and when you click off of it or on a link inside of it, it then hides. I also have it set up so that the esc key will close it, but I was curious if I could somehow combine them into one? Heres that I have so far.. everything i've tried doesn't seem to work so if someone could point me in the right direction that would be awesome - Thanks! //Toggle functionality for menu $(function(){ var effect = 'slide'; var options = { direction: 'left'};
Testing website with different browsers
Hi there, Not really a jQuery issue still I will be greatfull for your suggestions. I am looking for a tool/website for testing website on different browsers and different resolutions. Thanks,
attr('onclick') must use capital C?
In this code: .attr('onblur', 'alert("test");') .attr('onfocus', 'alert("test");') .attr('onclick', 'alert("test");')the last one will not work. I discovered that 'onClick' must be used. Why is that? W3C for example lists the "onclick" event written with all lower case letters. I use (an older) version of jQuery 1.5.2 and it behaves the same on IE and FF.
Swap and save background color with jquery
I have a menu where on every hover of its links the background color of my page changes. Now, let's say that my default index.html color is blue, and when I hover on about and contact I have yellow and red. If I click on the about page its background color will be yellow, and if I hover on home it will go back blue. What happens is when I mouseOut back to the page, the background changed to blue again, same if I'd hovered on contact. I uploaded an early stage of the website so you can take a look
Php and jquery expert, please answer!! Why this simple code works in Aptana, but not work in real web hosting.
Error Msg: Looping through Array in jQuery blue shaded parts are okay in APTANA, but causes a white page open with the above error of Looping array in jquery ---------------- <?php require_once("startsessionbycookie.php"); //start_session(); ?> <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <link href="css/footer_last.css" rel="stylesheet" type="text/css" /> <script src="http://code.jquery.com/jquery-latest.min.js"></script> <script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
PHP works well in APTANA, but don't work in a remote server
I have often seen the complaints about not working in a remote server. Why does this happen? Best regards,
Why $(this) doesn't work here?
Hi, I did some googling to understand the difference of $(this) and this, with the following result: You need $(this) for jQuery functions, but when you want to access basic javascript methods of the element that don't use jQuery, you can just use this. My understanding is that $(this) is just the jQuery version of this. But if I'm right, why the following code doesn't work if I replace this with $(this)?? var tab = ["John", "Steve", "Ben", "Damon"]; $list = $('#list'); $.each($(tab), function(){
waiting till code is done executing
I noticed that my code is not running in order that it is written. Here is my code: $('#proceed').on('click', '#next3', function() { // CHeck values to see if account created // IF so, show next mod var accountCreated = 0; accountCreated = insertDataToDB(); // THIS RETURNS SUCCESS! if(accountCreated==1) { $("#mod3").fadeOut(1000, function(){ $("#mod4").show(); }); }else{ alert(accountCreated); // THIS RETURNS UNDEFINED } }); What is happening is that I get a popup of undefined (account failed to
What is the difference between .each() and $.each() ?
Hi, I know the function $('element').each(), where you can do something like: $('li').each(function (){ $(this).css("color", "red"); } but what is $.each() ? If I wanted to use $.each() for the above code, how could I do it? Thanks
Updating Assets' Total Count
Hi, I am jquery to list the total counts for the assets and then update it when the user saves the value on the dialog. I want to know, once saved, how can I update just the value for that row instead of refreshing whole page? this is the url: http://www.mesk.online/assets Thanks, Jassim
resizable movable object error
Hi there, I create dynamically a resizable movable object which works fine, recently I have added handles to the resizable object and when ever the user click one of the handles I am getting the following error - 0x800a138f - JavaScript runtime error: Unable to get property 'ownerDocument' of undefined or null reference Any idea why ?
why Password validation not woprking
Hi, I am using below code.. My problem, when I enter the password and retype both less than 5 it works but when I enter 5 in the password and 4 in the retype it just proceed and gives successfully changed. How to fix this please? $("#frmResetPassword").validate({ invalidHandler: function(form, validator) { form.preventDefault(); $('#txtPassword').valid(); $('#txtRetypePassword').valid(); $('#divTitle').css("background-color", "#FF0000"); $('#msgHeader').text("Error!"); $('#msgAlert').html("Please
Append Function is adding All list at to Tricker Once At First
Can you please take a look at This DEMO and let me know why the $('#mapa').append('<li class=' + marker.id + '><a href="javascript:showInfo(' + (locations.length - 1) + ')">' + data.markers[p].title + '</a></li>');is appending all `<li>` into data `#mapa` at first time load? Thanks
Writing my jquery code more efficient
Hi there, I am relatively new to jQuery and javascript coding in general and I am trying to write cleaner and more efficient code. I am actually a designer and not a coder but I try my best. :D I have some objects on a website that I am animating with AnimateCSS and jquery ( https://github.com/customd/jquery-visible ) and I am wondering if I can write the code more compact to save some kb. Here is an example: var boxes = jQuery('div.box'); var event_list_item = jQuery('#event-list div.card-container');
jQuery 'Manual' Form Validation and Random Array Output
My project consists of 3 parts. 1. Enter 3 pieces of information via a form 2. Manually validate the 3 pieces of information have been entered 3. Output random value from pre-populated array For the manual validation I would simply like to verify that all fields have a value. If they are blank the user will be prompted with a specific error message based on the field. (Enter a first name, enter a middle initial, enter a last name) Once all 3 values are populated and the user clicks Submit they will
update the font family for special characters using jQuery
Hi all, please bear in mind i am a beginner I am using a font family that does not render special characters characters such as &,£ etc. so im looking for a solution to target all special characters (site wide) and change them to a different (similar) font family. Can this be achieved using jQuery? For example declare an string array that holds the characters i want to target and write some code to update these? Using the following jQuery it will target the word package in any h3’s site wide, apply
News outlet JQuery code works in Chrome but not Firefox
The following JQuery code is from a "news" outlet, The Daily Caller. A click on a graphic invokes a Disqus comments section to any Daily Caller article. It works in Chrome, and it used to work in Firefox, but now It does not work in Firefox ESR 38.8.0. I don't know what I might have changed in Firefox. It is not my code. It appears to be something in Firefox's runtime / add-ons. Do you have any idea what may be going wrong? <a class="show-comments" onclick="loadDisqus(jQuery(this), '5039587 http://dailycaller.com/?p=…publican-establishment-join-the-new-party-or-say-goodbye/');">
Next Page