Do not function css("display","block") in my program
Good Night; Im new in Jquery and I have practicing all morning. At this time anyone suggested me, practice with this program to see how hide and show parts of css or piece of text. This is the program, but I dont know what happened there because dont work fine, in other words, do not show neither hide the div id="formulariomayores". Im using Netbeans. This is the code: <%@page contentType="text/html" pageEncoding="UTF-8"%> <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html;
How to resize div in page loaded using jquery.load() ?
Hi, I have a page loading in a div using jquery.load(), however when the main page is resized, I'd like to resize the loaded page as well, because it contains a div, is there any way to accomplish that? I already setup the $(window).resize function in the loaded page, but it does not work, I will appreciate your help, thanks!
Adding multiple span elements to a div
Good afternoon, apologies for what may seem like a trivial question. I can't seem to wrap my brain around something I am trying to accomplish. I feel it is something straightforward that I am missing. I am trying to add multiple spans to a error div so that when an input is made and the field has lost focus, I can remove the span that showed the error to begin with. $('.required').val(''); $('#insert').on('click', function() { var valid = true; msg = ''; sp = ''; $('.required').each(function() {
Using regex with a variable in the pattern
HI, I am trying to match a pattern with a variable in the string like so: $(document).ready(function(){ $.get('inputQueryExamples.txt',function(data){ var queryString = data; var cleanString = ""; var db = ''; $('#database-list').change(function(){ db = $('#database-list').val(); console.log(db); //put code in here to select pattern, replace un-needed stuff
jquery with grid.....
Hi, this is second report the first one have solved but same case, please see sample at fiddle ... as you can the text number from one to ten show in second column for ten rows. And and please press grid view button and you see the table changed to grid, but i only want to show grid of second column where is show number one to ten in grid... how can i do that! Also is this possible to show boxes in row instead of column! like first second 3rd box in first row next three boxes in 2nd row instead
Matching game - change bg color when condition is met
The problem follows the code: Matching Game Click two different cards to see if they match! salmon swordfish swordfish shrimp lobster scallops lobster salmon tuna scallops tuna shrimp I'm writing a basic memory game where you flip 2 cards and if they don't match, they flip back over, but if they do match their background color changes. All of the flipping is done on click; it adds a class of flipped. Right now nothing happens when a match is made; the cards just stay there keeping the flipped class.
trouble with table
Hi, i wrote jquery with table that allow me to switch, please check demo at fsfiddle , as you can see there is two buttons one gril view and other list view, under list view is show full row table using <td>, but under gril view I'm trying to show three or 4 boxes per row instead of all boxes in one column. Does any one how to fix that to show few box per row instead of all box one column! please help thanks. AM
jQuery Clone, performance issues
Hello, Could someone take a look the issue and help me to solve the problem? Thank You! http://stackoverflow.com/questions/21579276/jquery-clone-performnace-issue
ajax post working with ie but not with others...
example... i have a form with text input and file... the form has attached onsubmit=" $.ajax( { contentType:'multipart/form-data', data:new FormData(this), processData:false, type:'post', url:'myurl.cshtml' }); return false; " this works perfectly with ie 11, but doesn't work with chrome 32 or firefox 26, the error is something like this Uncaught TypeError: Failed to construct 'XMLHttpRequest': Please use the 'new' operator, this DOM object constructor cannot be called as a function. (anonymous function)
Problem after ajax.
Hello All. I am using Jquery and working with ajax of this. I am trying to use the $.post function of the jquery It is working quite good. but the problem start after ajax done. it lose events of the jquery. suppose a table was working with sorting. It does not sorting after the ajax is done. Please help me on this. Thanks
Enqueue some code to execute after a js is ended ?
I've a page where there is a propietary js widget with a button. User press button, and the widget loads from a remote website an html table into a 'div' I placed on page. I need to apply $('.my_div').stupidTable() on the results, so table can be sorted by clicking on headers. I cannot find a way to 'intercept' the moment in which the html is loaded, to execute some code against it. ... stupidTable() is a 'table sorter plugin'. It's fantastic, light, and works ... but I cannot apply it 'live'...
[Resolved] How to select a div content like if done by user?
an user asked me a "Select all" link/button on the page to select a precise area of what0s on screen. It's easy to identify the area, because it's all on a specific div. How can I visually select all the div content, like if user has selected it by click & drag of the mouse ? It's only a 'shrtcut' to allow user to, then, right-click -> copy
show/hide div based on URL parameter
Hi guys, Am a beginner with Jquery and what i want is as follows. I have a div that should be hidden on default, but when a certain URL parameter is present, then the div is visible. I am basing the following on this demo : http://sandbox.ajaxcssblog.com/jquery/jquery.url/url-demo.htm I have the following html <div id="display" style="display:hidden;"> <p>test text</p> <img src="someimage.jpg" /> </div> And i have the following in the head <script type="text/javascript" id="demoscript"> $(function(){
SCRIPT16389: Failed error on IE7 using jquery-1.4.2.min.js
Hi, I am getting very strange error only on IE7. working fine on IE8 9 and mozila chrome. Here is the error: SCRIPT16389: Failed jquery-1.4.2.min.js, line 79 character 316 Any thought??
Modifying Script to Include Next/Previous Capability
I’ve been trying to modify some existing code by adding Next/Previous links… I seem to be having trouble within the nextImage() and prevImage() functions. Even though I’ve figured out how to get the HREF of the next item in the anchor link sequence, I’m not getting the page to update properly (displaying the next/previous thumbnail in a selected state, and the main image updated to the corresponding image). Using alert boxes, I can tell that the URL I’m passing is correct, but I’m not sure why the
Certificate Error using IE v 8 on XP
Hi, All of a sudden we are getting the following error when accessing our website through IE v8 onXP : Message: Script error Line: 0 Char: 0 Code: 0 URI: https://code.jquery.com/jquery-2.0.3.js Message: 'jQuery' is undefined Line: 12 Char: 2 Code: 0 URI: https://www.thebestshoppers.com/jquery.cycle.all.js Is there something we are doing incorrectly in the jquery access? We do not see these errors when using other browsers (Firefox, Safari, Chrome). thank you
How to generate a chart with dynamic json data?
Hi guys. I have a scriptlet in my jsp that converts a resultset to json like shown below. My question is how to I generate a graph with this dynamic json data using jquery? Any help is appreciated. <div id="EnviroStat"><% ResultSet EnvStats = Getter.getsomethin(); JSONArray jArray = RS2JSON.convert(EnvStats); for (int i = 0; i < jArray.length(); i++) { JSONObject jObj = new JSONObject(); jObj = jArray.getJSONObject(i); out.println(jObj); /* out.println(jObj.get("Header1")); out.println(jObj.get("Header2"));
display none not working
This is the url with issue http://tinyurl.com/n6on8wo I am setting display none for div inside box-product class Quick search on internet tells me some issue with more specfic selector but not sure what to do I ran following code in firebug and dont see the div getting hidden. Although visibility works, but I dont want to use it since it would still take up the div space [code] $(".box-product").children().each(function(i, elm) { //Below doesnt work though style gets applied, div is still shown
Animation to <li> on click
Hi all , I am having <ul> and <li> on click of li i want to send it at top by animation Its sending to top successfully but speed is very fast I wants that it should go with very slow speed. I tried all approaches but not get any success My code is $('li.new-item').click(function () { // the clicked LI var clicked = $(this); // all the LIs above the clicked one var previousAll = clicked.prevAll(); // only proceed if it's not already on top (no previous siblings)
Displaying JSON data on keyup
Hey Guys. I wrote a function that displays the JSON info on a keyup event. But for some reason its just hides the data, and does not display anything when I enter text in the search bar. ( I am targeting the search bar on the $('#search').keyup(function() { ) I am not sure what I am doing wrong here... any help would be really appreciated. Thanks in advance! Below is my script followed by the HTML content. $('#search').keyup(function() { $.getJSON('../data.json', function(data) { var output
how to validate textbox with 100 words?
i know how to validate the character nut to do with words plz suggest. below function is use to validate the characters: $('#txtCompanyProfile').keyup(function () { var maxWords = document.getElementById('<%= hiddenProfileMaxValue.ClientID%>').value; var cs = $(this).val().length; $('#characters').text(cs); $('#txtCompanyProfile').keypress(function (e) { if (e.which < 0x20) { return;
submiting a form without reloading the page
Hello, I'm working on a email form which seems to work halfway and it doesn't seem to complete the process. WHen i click the submit button I can see that the values appear in the url but it should return a success/failed message but with my script nothing happens.. any ideas as to how to fix this? <!doctype html> <html> <head> <title>Submit form without refreshing the page</title> <script src="http://code.jquery.com/jquery-latest.js"></script> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"
Two Scripts Have a Conflict
I see I'm not the first person to have problems with two bits of Jquery conflicting with each other, though none of the previous posts has helped me to find my problem. Firstly, I have a short jQuery script in the <head> of my page that creates a tabbed area, and also loads the content to one of the tabs. $(document).ready(function() { $("#tabcontent > div").hide(); // Initially hide all content $("#tabs li:first").attr("id","current"); // Activate first tab $("#tabcontent div:first").fadeIn();
Seeking to hire a designer with jQuery skills
Hello, I'm looking to hire a designer who has typical design, slicing and CSS skills but also has experience with jQuery (jQuery-UI styles and theming jQuery widgets, etc.) Please contact me off-list. Thank you
:hidden pseudo broken by real-world HTML
This fiddle shows an example of .is(':hidden') returning true for an element whose children are plainly visible. The root cause seems to be bad markup: a DIV nested inside a SPAN. This example is reduced from markup on several large sites where our script needs to operate. There is no opportunity to change the markup. Any ideas on how to get a reliable :hidden implementation given markup abuse in the real world?
Uncaught TypeError: Object [object Object] has no method 'dialog'
Hi, I have a project in wordpress. I am trying to implement dialog box popup on click of hyperlink. On click of this link, function shownm1() is called which is placed in .js file. The function contains code to open modal dialog. But its showing the following error : Uncaught TypeError: Object [object Object] has no method 'dialog' . <a href="#" id="test-div1" onclick="shownm1()">Click</a> function shownm1(){ jQuery(document).ready(function($) { // alert(1); $('#test-div1'
how to validate textbox to have limited characters
how to validate textbox to have limited characters ?? the number of charcters are coming from backend..............if its more then maxlenth hoe to clean textbox for ex:max characters=10.........when textbox opens already have 20 characters how to remove extras and make it 10.and if less den 10 allow to enter only 10 characters...... maxlength is coming from server. $(function () { alert("maxWords"); // to count charecters in CompanyProfile $('#txtCompanyProfile').keyup(function
Need help with Hiding/showing div
Hey guys I'm new to jquery and i'm hoping to learn over time through different sites I work on. Right now I'm working on an all in 1 page site where the content hides/shows depending on the which link you click in the navbar. Heres an example of what I mean: $(document).ready(function(){ $("#service").hide(); }); $(window).bind('click', function(){ if($(this).click("li.services")) { $("#service").show(); } }); Now how do I go about hiding this section when I click on a different link
Prev/Next Issue
Line #93 is letting me down: http://www.vendingbeta.com/test2.php
A Banner in between - but gets sorted :)
Hi. Great script :) I have made a loop into the script, adding a banner for every x result from the query. Problem is, when I sort the table, also the banner gets sorted lol. Question: Is it a way to make the placement for the banner static, and not sorted ?
Alternative to append in JQuery
I am looking for an alternative to the append command to insert a table into a webpage. My co worker, who shall rename nameless is telling me that I can't use "append" because it is a "Hackers" way and a security risk to use append. *Rolling eyes* (Of course he won't even tell me or make any suggestions on what to replace it with! He never gives any suggestions only criticism!) So, I would appreciate any suggestions on what else I can use instead of append to get my table into the webpage. Here
Simple AJAX POST request
I am trying to write a simple request to download data from http://taskforce.epiforge.com/API/Reporting.aspx/Breakdown. My request is always sent as OPTION instead of POST. Function then returns 404 error. This is my request: <script type="text/javascript"> $( document ).ready(function() { var data = { "accountLogin": "a", "userLogin": "b", "password": "c", "breakdownBy": "task", }; $.ajax({
Combining selectors with different triggers
Hello, I have the following $('#Login').keypress(function(event) { if (event.keyCode==13) { //Call function with name "FUNCTION" } }); $('#Login input[type=button]').click(function() { //Call function with name "FUNCTION" }); Is there any way to combine these 2 pieces as they call the same function? Thank you for reading.
html() not updating until I scroll the page
I have a custom font, and a class that I put on a div that replaces any text in the div with the custom font icon... This div is supposed to switch between a search icon and an x icon. Sometimes, the icon doesn't change until I nudge the page up or down... can't figure out why? Here's the div: <a href="/search/" class="ficon" id="search-trigger">B</a> and here's the jquery: jQuery(document).ready(function(){ jQuery("#search-trigger").click(function(e){ if(jQuery("#search-trigger").html() == "B"){
i have a list of images in the dom ,and I want to increase the size on hover
Dear all, I have a number of images in the dom in a div called main ,I want to increse the size of the image on hover my code (function () { $('#main > img').on('hover',function () { console.log(this); css('width','800px'); }); })(); this is (probably) to simple any sugestions ?
$.ajax() always return error
Hi, I do not know anymore what to do, I'm getting desperate! = ( My code always returns error: function pegaDados(x){ var parametros = { 'id' : 'vazio', 'busca' : 'tudo', 'funcao' : 'buscar', 'dados' : '', 'bd' : bd, 'col' : col}; if(x){$.extend(parametros,x)}; $.ajax({ type: "POST", url: "back/mongo.php", dataType: "json", error: function(erro) { console.log(erro); }, data: { "id": parametros.id,
jquery script work in chrome issues in ie9
Dear all, I run a jquery script function test (container) { jQuery('html').addClass('js'); var doIt = { container: $(container), show: function () { if (doIt.container.is(':hidden')) { doIt.close.call(doIt.container); doIt.animatie(); } }, animatie: function () { $("body").append(doIt.container); var w = doIt.wijd/4; var h = doIt.breed/5; doIt.container.animate({ 'opacity' : 'show', 'left': 50, 'postion':'relative', 'z-index':'1000' },500) .animate({ 'top':-800 },{duration: 800,queue: false})
how to validate checkbox
i have 15 checkbox in page but i want user to selct only 10 checkbox...............how can i validate them?? on submit button
nested list for months and date
hey guys new to jquery. trying to create a nested unordered list item where if you click the 2014 list item, it will display/hide the months and the months will have links to different sections within the article For example: <ul> <li>2014</li> <ul> <li>January</li> <li>February</li> </ul> <li>2015</li> <ul> <li>January</li> <li>February</li> </ul> </ul> does anyone
loop through tables within tables ?
Really frustrated with this.. simple table structure ( typical multicolumn ) :- <table id='msgpeople' > <tr> <td> <table id='msgrow'> <tr valign="top"> <td><input type="hidden" name='hemployee' id='hemployee' value="12" /></td> <td style="width:200px;" name='hname' id='hname'><b>FRED</b></td> <td><input type='checkbox' id='echk' /><br /></td>
Next Page