disable the IOS popup send message /add to contact /copy
How we disable the IOS popup send message /add to contact /copy when the user select a number.
Output is not coming while using addClass method
Hi Here is the jquery code : <html> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> <body> <script> $(document).ready(function(){ $( "<div></div>" ).after( "<p>Exception</p>" ).addClass( "foo" ); console.log($("p.foo").get(0).innerHTML); }); </script> <div> Hello</div> <p id = "world"> World</p> </body> </html> Behaviour should be like this : <div class = "foo">Hello</div> <p class = "foo">Exception</p>-------------------------------------------------->line
Split array value and assign to each variable
Hi, I have an Array, in which I am adding the items in the below format: Test#12/10/2013#http://url Test1 #13/05/2014#http://url I want to split the data based on "#" and assign to a asp.net gridview using jQuery. I have tried the below, but not sure, how to pass the data to gridview. Below is the code used: var newdata = new Array(); // newdata.push(items) // contains format "Test#12/10/2013#http://url" var newArray = newsdata.split('#'); for (var i = 0; i < newArray.length; i++)
Scrollbar for overflow-x:hidden appears on safari
Hi :-) I created a slide system on my website but I have a problem. By default I put a div to left: -150% to hide it and a overflow-x: hidden. Click on the 'image button' on the right hand corner to see : http://jsfiddle.net/Xroad/XrK4Z/1/ Unfortunately, despite of the overflow-x:hidden the horizontal scrollbar appears on safari. How to fix it ? Perhaps a system with a 'display:hidden' for the next div would avoid the problem. But how to do that ? Thank you. html,body { overflow-x: hidden; } #page
Parse xmlhttprequest
I'm piecing together an idea to take an existing intranet site that I use on a regular basis that is not very user friendly at all and creating my own interface to cover the existing site. I've learned that I can grab the site using the xmlhttprequest but how do I parse and work with the objects once I have it? I would like to restructure the menu system and all, I've got the idea of what I want to do I just need a jump start on how to do it or if it can be done, which from what I've read it would
.each() loop only works after data is entered into first row of text inputs
Hi all, I've been flitting in and out of jQuery and PHP to see how best to validate my form, so I may've asked a similar question in another thread as I was trying to make some sort hybrid validation work. That got a bit complicated for my rookie brain so it's all/mostly jQuery now. Sorry my thread title couldn't have been a bit more useful, it's a strange problem (I think). I have 20 text inputs, two on each row. Each row I call a "pair" of text inputs. My starting criteria is: If all text inputs
Position Image based on height and width of Image inside div
Hi, I am trying to position the images, based on the image height and width inside a div. I have a 2 column div layout, and in that Image source is dynamic. some images have bigger height and some have bigger width. Currently I have centered the image, but based on the height and width of the image, I would like to re-position the image inside the div. By default, the image should be aligned as it is now, but based on the image height and width, the image position should be re-aligned. JSFiddle
flexslider - image only showed a few pixel height with jquery delayed
Hello images only showed a few pixel height during the first about 50i seconds (with jquery delayed). Plse see /*jquery delayed*/ above. Where is the mistake? I have a jquery which should load one image immediately with the slider, the rest of the images should load a bit later... thks. <link href="css/style.css" rel="stylesheet" type="text/css"/> <link href="css/flexslider.css" rel="stylesheet" type="text/css" /> <link href="css/mainfluid.css" rel="stylesheet" type="text/css" /> <script type="text/javascript"
SlideDown issue when height is auto
Hi guys, I got to show correctly the content of my div (description). when i click "Readmore" i show all the content, otherwise, i show only 40px of height. i tried to make the view beauty by adding a slideDown and SlideUp but that's not working. Can someone help me please ? thanks. this is my code : $(document).ready(function($) { var expanded = 0; $(".description .readmore").on("click", function() { if(expanded == 0) { $(this).siblings(".showhalf").css("height", "auto");
Image rotator
Okay guys,I am trying to make simple image rotator. So I have one div container with overflow hidden,and one div containing the images about 1000px long and I need to animate its 'margin-left' until the end of the div. The problem is that I need it to actually rotate these images,in other words I need it to never stop (except on hover). So what is the best way to do this? Should i .clone the div every time the div hits the end? Or is there an easier solution to this problem? Thanks.
Expected identifier
I have the following script on my page, it works fine on IE 9, 10, but just not on IE 8 nor 7. It said Expected identifier actionSettings = { 'img': 'trash', 'text': 'Delete', 'class': 'delete' }; var btnAction = $('<img />', { 'src': '_Layouts/PastoralCare/icons/' + actionSettings.img + '.png', 'eid': e.ID, 'border': '0', '_text': actionSettings.class, 'student': e.Student, 'studentID': e.StudentID, 'Details': e.Details, 'entryType': e.EntryType, 'category': e.Category,
Validation Plugin to re-validate group fields using datepicker
Hi all, I have three elements: 1 drop downlist, 2 textbox using datepicker. Each others have some criteria: - Textbox 1 (date of birth): if (now - date of birth) < 18 ---> display Error 1. - Textbox 2 (issued date): if (issued date - date of birth) < 14 ---> display Error 2. Whenever one changed, all elements are re-validated to check. Validation is re-validated when i manually select textbox. Ex: -Textbox 1: 5/5/1987 -> (return true, because (now - date of birth) > 18). -Textbox 2: 5/5/2000 -> Error
sorting(arrange) multiple tables on page by number of rows
Hi all! Need our help, guys. have something like this jsbin. Need to arrange(sort) the tables by number of rows ascendent or descendent. Any help will be appreciated.
Navigation bar pressed down not working
Hello Guys, I am beginner with JQuery. Please bear with me. I am working with navbars. I am not able to highlight (pressed down) while selecting the button. Although I have added ui-btn-active, but still not working. Please help!! <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.2/jquery.mobile-1.4.2.min.css"> <script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
Map an object's keys to an array using $.map
Hi there, I read here api.jquery.com/jquery.map/ that you can map an object's keys to an array like this var dimensions = { width: 10, height: 15, length: 20 }; var keys = $.map( dimensions, function( value, key ) { return key; }); and the result should be this: [ "width", "height", "length" ] But I get ["0","1","2"] which looks like the index values. Here is the JSfiddle Can you see what I'm doing wrong? Thanks
send html element in .post request
I'd like to send an html element as data in a .post() request, and I'm not sure how to do it. I've tried referencing the id, like this: $.post('/save_state/', {output: '#main'}, null); but that just sends the string '#main', where I want to send the element, #main.
Slider - First image has a delay to appear
Hi everyone, I have a slider between two still images. When the page load, the two images appears immediately, but the slider in the center appears 2 secondes later... How can I fix it ? Thanks a lot for your help.
Update .hover when new dynamic hyperlinks are added to page???
Hi guys, I'm using this function from this site... It adds cool tooltips to my links -- this.tooltip = function(){ /* CONFIG */ xOffset = 10; yOffset = 20; // these 2 variable determine popup's distance from the cursor // you might want to adjust to get the right result /* END CONFIG */ $("a.tooltip").hover(function(e){ this.t = this.title; this.title = ""; $("body").append("<p id='tooltip'>"+ this.t +"</p>"); $("#tooltip") .css("top",(e.pageY
jQuery Function Runs 1 Function Per Page Load
Hi Guys, I have this jQuery $_ POST for Create and Delete the problem is I can only activate one and I have to load the entire page before executing either of the two. How can I execute one function after the other one is done? Now I just load the div where all the data is attached so that I don't have to load the whole page. Here's my code. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> <script type='text/javascript'> $(document).ready(function(){
Recover return value in jquery
Hi all, can someone help me please, i would like to recover a value with jquery and post it in my html bloc. I can get the value but I could not display it var select = ''; $("select[id='language'] option:selected").each(function(){ select= $(this).val(); alert (select); // i want to sent this value in my label, i tried with Ajax but Ko }); this is my html code and you can see pic to get more explanation <div class="row"> <div class="language-skils"> <div class="text-field"> <label
jQuery getting loaded before UI controls are loaded
Hi, I am using ASP.NET , C# and jQuery for creating a web application. How to check if the User Interface elements are loaded before the jQuery function executes? Currently, In my aspx page I have the below labels declared <asp:label id="lbl1" runat="server" /> <asp:label id="lbl2" runat="server" /> In the aspx file, I have referred a javascript file. In the javascript file, I have the below: $(document).ready(function () { $('#' + '<%= lbl1.ClientID %>').text('One'); // $('#lbl1').text('One');
Adding DIV element Dynamically using Jquery
Hi All , I need to add elements dynamically using jquery... i have to build it dynamically like this. <div data-role="collapsible" data-mini="false" data-theme="b" id ="div3" > <h3 id ="H3">Test</h3> <div id ="head"> <div id="Div1" data-role="collapsible" data-mini="false" > <h4>SK</h4> <ul data-role="listview"> <li><a href="#">SK-01</a></li> <li><a href="#">SK-02</a></li>
Download file from web application
Hi, I am creating a web application using ASP.NET and C#. In my webpage, i have a download button. On click of it, I am trying to download a file. I am passing the complete URL of file (example: http://sitename/foldername/filename.zip) However the download is not working. Below is the code used: //aspx page <input type= "image" id="ImgDownload" src="Imagesrc" /> // javascript file $(document).ready(function () { $('#ImgDownload').click(function () { FetchURL(); return false;
JQuery or Javascript
Greetings all, I learnt a little XHTML1.1 strict and CSS2, then got into base level HTML5 and CSS3. I'm self-taught, and now at the stage of wondering about next moves. What's the relationship between Javascript and JQuery? Is it necessary to learn Javascript before becoming involved with JQuery? Other than this site, what others are recommended as reliable references? What books are recommended purchases for someone starting at ground level?Thanks for any time and trouble. Cheers! Weaver.
Local test page isnt working at all
I copied exactly the code in http://www.jquerysample.com/#menuHome2 Capturing and Programming for Mouse Events part 2 -HOVER ME and it doenst work in my test html. it appears but it doenst works. I hover over it and nothing. have anyone experimented this? I need to upload it to a server to see if it works? or can I still test it in local hard drive?!
Get values from a dynamic table
Hello, I have a Dynamic Table created with append, were I need get the sum of all price fields before save the data, and in my table I handle an ID per row, if I delete a row the index doesn't is reseted. Can anyone give me a little help how to do that? JsFiddle File: http://jsfiddle.net/jakecigar/jBx9q/1/
How to show and hide two different selects list?
Hi! I want to show a price list if the user click on "SELLING", and hide the other prices. And if the user select "RENTING", hide the other prices. Now I can see both prices on the screen. I would like to always hide one of I have this code: <script type="text/javascript"> jQuery(document).ready(function(){ jQuery("select[name='filter_budget_min'],[name='filter_budget_min_sell']").on("change", function() { if (jQuery("select[name='filter_transaction_type']").val() == 'RENTING'){ $("select[name='filter_budget_min_sell']").attr("disabled','disabled").css("display","none");
Button is hidden after upgrading from 1.7 to 1.11
I was using jQuery 1.7 and upgraded to 1.11 and also added jquery-migrate-1.2.1 After upgrading there is a button on the page that no longer displays. I can see it for an instant when the page loads, then it disappers. This is the button in my cshtml file <input type="button" class="check" value="check all" /> This is renedered to the browser <input type="button" class="check" value="check all" style="display: none;"> This is the only code that uses the button and it's in the document.ready function.
Script causing 508 issues
This script wraps each image within a WordPress gallery [gallery] in its own link. I am having 508 issues (Resource limit is reached) on my site and I suspect the script is to blame. Can anyone suggest a better way to express it: jQuery(document).ready(function() { jQuery('img[alt="starting-out"]').wrap('<a href="http://www.hpartners.webignite.com.au/dummy-image-attachment-page/"></a>'); jQuery('img[alt="professionals"]').wrap('<a href="http://www.hpartners.webignite.com.au/dummy-image-attachment-page/"></a>');
Where to start build visual editor with JQuery
Hello all im jquery starter , i need to build visual editor similar to this: http://dhtmlx.com/docs/products/visualDesigner/live/# my questions are 1. can i do it with jquery ? 2. which add-ones or other lib's should i use 3. do you know about visual editors that are build using Jquery that i can check ? Thanks
Table undersection instant search
Hello, I'm new to java actually just getting started. What I'm trying to get done, is to divide a table into such sections so that my instant search pops up results for the whole section and not for 1 row only. Right now, when I'm typing a word into my search box, it hides everything apart from the row with an exact match. Picture below should give you more of an idea what I'm trying to do. Sorry misspelled "content" :) Any ideas? thank you for your effort!
how to filter that records in array object
I copied my database table records(23000 records) into an array in jquery. Now i want to filter that records in array object. How i can do this?
[Closed] Dynamically Populated Select Doesn't Behave Properly Initially
In my very 1st jQuery web app, I have two (2) select controls populated in bulk via ajax.responseText, usin $( "#dir-select" ).html( ajax.responseText ). Works fine, except that the 1st isn't displayed, in fact there's no initial selection. I can't explicitly choose the 1st item til I choose anything else. Looking at the HTML in Firebug, there's an empty tag pair till something is explicitly chosen. Alsso tried $( "dir-select" ).refresh, immed following the initial HTML load. Can reload the controls
div Animation: on mouse over, the other divs change their position
I'm working on a jQuery animation that expands the height of a 'div.panel' on mouse over and comes back to normal when the mouse is out. The animation works for the selected 'div.panel', specially if is a '.panel.panel-small', but the problem is relative at the nearby elements that moves down from their initial location when the mouse is over the 'div.panel.panel-big'! Here's a fiddle of my problem. Thanks in advance!
Del a row dinamically added with append
Hello, I'm working on a project were the user need add "n" items to a list before save the information The fields are Quantity Description Price http://jsfiddle.net/jBx9q/ What I do is, pass the values from the form to the dynamic table and add a counter into a hidden input I use append to add a table row with the form information (see function add row), the append add a TD with a link that calls the delrow() function It works, but once I delete a row, on every part of the dynamic table when I do
append content, scroll to it, and then hide old content
I have several div content container. What I would like to have is the following jquery effect; you click on a link, the content of the div container associated with the link is appended to the current content. Then, the page scrolls to the new content and the old content disappears. That means, when manually scrolling, you can only see the current div container but not the others. However, when clicking on a link to see new content, you see a smooth scrolling down animation to this content and the
How to create a Random, Sequencial lvl selection algorithm?
I would like to create a phonegap application with random lvl's and a repetitive lvl selection. I need to do this in jquery, jquery mobile and localstorage. I'm a beginner in javascript so I'll just post my exact need and also what I thought till now... The app is simmilar to 4 pics 1 word (for each lvl I have some pictures and I have to guess a word that is found in each of those 4 pics) The difference is that in my app I have diferite types of lvl's. (for example one is normal, one have the pics
get the value of php parameter using jquery
Hi, I have a function which was written with jquery, and I have a php parameter which its value changes depending on the current page, for example if I'm in home page the parameter will set by GET method "index.php?page=home". my question is how to get the value of this parameter using jquery to prevent executing my jquery function while I'm in specify page.in other word ,I want to execute a jquery function whlie the current page is home page for example. thanks
removing rows from a table : specifying row index
Hi All, This is having me puzzled. I have table with id = "rules" and <tbody> tag defined. I am trying to delete all the rows except first two rows in <tbody> . $('#rules > tbody > tr:gt(1)').remove(); //this works (if I assign '1' directly in command) However, the following code doesn't work. var a = 1; $('#rules > tbody > tr:gt(a)').remove(); //doesn't work . I tried different approaches, and in all cases if I assign a integer value as index , it works. However, if I assign a variable for
New.. .Need Help
Hey I am very new at jquary. I am in the process of building a website, and I want to add a content slider for her 13 pages of ( modules) , I am using slidorion, but i cannot get it to work and I really do not understand any of the code language... ANY HELP???
Next Page