Error(uncaught exception: out of memory) when I do a Ajax Call and Form Post inside JS
I understand there is a solution in jquery to use event.preventdefault but I'm constrained with the limitation I have with the current structure. There is an onclick link that calls the "selectQuery" function and then it goes through the Ajax before posting. If I comment out "f.post", the ajax runs smoothly otherwise it throws an error:out of memory Is there a hack or workaround, I can use inside SelectQuery method where it will work similar to event.preventdefault. I tried return false; that didn't
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.
autocomplete clear text box
Hi I have 2 autocomplete combo boxes on the page. These are cb1 and cb2. Both have an ajax source. The user first selects an item from cb1. When the user clicks on the drop down button of cb2, the data obtained for the drop down by the ajax call in cb2 is influenced by cb1. This works with out problem. However I cannot figure out how to reset the selection text box of cb2 to "" if the user alters the selection in cb1. Regards Andrew
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'],
Jquery Plugin : ValidationForm from formvalidation.io
I want plugin js : validationform (from formvalidation.io) validate form before button submit send ajax to server. My code as : 1> Button : <button type="submit" class="btn btn-success " id="button">Add</button> 2> I check validate form with plugin validationform : $('#formSubmit').bootstrapValidator({ feedbackIcons: { valid: 'glyphicon glyphicon-ok', invalid: 'glyphicon glyphicon-remove', validating: 'glyphicon glyphicon-refresh' }, fields: { PhoneNumber: { message: 'Not Null', validators: { notEmpty:
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
show, hide, background image help
hello, i'm newbie in JQ i created a show and hide button to open and close div, i used "simple" code i found on http://papermashup.com/simple-jquery-showhide-div/ the code working perfectly on my site, but after i click on my botton i want to change the "background image" i have 2 images, for "show" plus.png and for "hide" minus.png the original code: works perfect: jQuery(document).ready(function(){ jQuery(".slidingDiv").hide(); jQuery(".show_hide").show(); jQuery('.show_hide').click(function(){
why there isn't a repeat parameter for animation?
if your want make an animation repeat forever you need to call the current function in the callback of the animation so in this case,the call stack will quickly extend it seen that this is not a good strategy
using function
i want to run a function like "message" : message( function ( ui ) { ui.box.addClass("msg1"); }); the message function performs the following: 1. var box = $("<div>message</div>").appendTo($("body")); 2. points to box with ui.box how is the behind code ? how do i make the ui.box part ? :/
i want a plugin that rotate the element
hello i want a plugin that can rotate the div
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
After scroll page in ionic jQueryUI .draggable function not reverting on right place
Hello , My name is Ashish kumar .I am facing issue with jquery UI .draggable method .when page in not scrolled down my draggable element is reverting on correct place and same for drag .but when i am scolling down the page little bit,revert is not happening in correct position.Please Help me. I am using :- jquery2.0.js, jquery.ui.1.11.2.js, Ionic ,cordova(for android app)
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,
Folder access using javascript
Hello, Here is my question:- I have a "Plan" folder having "Index.html" page. On Index.html page, I want to display images from "images" folder in same directory automatically by reading the filename from images folder without specifying the folder pathname in img tag. I am not able to access images folder. Is it possible in jquery or javascript??? Kindly help. Thanks in advance. Regards, Nikita Kotian
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
themes and webpack
Hi, I'm using webpack with JQueryUI and it only downloads the base theme. To use the smoothness theme I had to manually add it into the jquery-ui node_modules. Should I be able to select this as part of webpack? Thanks David
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(){
How to style alongside default theme
Hi guys I'm trying to theme my basic app - I'm looking to customise a few aspects mainly through additional DIV's using ID's and Classes, but I also want to change a few other bits. For example I cannot get the background color to change. See below for my CSS: .ui-page { font-family: 'Museo', verdana, serif; background-color: #2b2e31; } The font has changed but the background color isn't flowing through. Any suggestions? Thanks
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 ?
jquery validate with bootstrap modal form
Hi everyone, I have a bootstrap 3 modal window which consist of a form. Want to know is it possible to validate the inputs with jquery validate plugins? I have used validate() function in my javascript but upon filling the form and submitting it, this block is not getting called.
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
Position option in jQuery UI menu: y axis can only be centered (top/bottom don't work). (Bug?)
I'm using jQuery-ui 1.11.4. I've set up a menu to run horizontally across the top of the screen (by floating top-level li's to the left). The submenu default position is "my top left at top right". I want it to be "my top right at bottom right", so it won't interfere with movement in the top-level menu. When I specify this (or any other value), the y-axis is always "center". I've tried using various pixel adjustments as well, with no change. Sounds suspiciously like a value is being set to
Using selector
I am trying to get all of the form elements. I am successful with this: $("input, select").each(function(){ I am worried that if I add another form though, that this will pull those fields from that form as well. I tried adding "#form" and "form" to the front (of each), as well as putting ":" in front of input/select, but it only pulls the input fields then.
Next Page