jQM scrolling back to the top on an initial page load?
I have a mobile web page. I am using jQuery Mobile. I have a conditional section of server side code that will produce the following section of code: <script type="text/javascript"> $(document).ready(function () { var hole = "Hole" + @NextHole; // NextHole is just a server value var divToGoTo = document.getElementById(hole); divToGoTo.scrollIntoView(true); return false; }) </script> I've also tried this with no luck: var hole = "#Hole" + @NextHole; $('html, body').animate({ scrollTop: $(hole).offset().top
menu slide down
hi to all.. i face a problem to show menu in down of my image... this is i tried link.. http://jsfiddle.net/harithareddy/k43v14nr/
Where should I put my slider on page?
This is how my page is looking. Slider works, but my main menu doesn't. What is causing the conflict and how do I resolve it? Thanks <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>jQuery Mobile page</title> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" type="text/css" href="css/jquery.mobile.icons.min.css"> <link rel="stylesheet" type="text/css" href="css/royalcolours.min.css"> <link rel="stylesheet" type="text/css"
Looping by setInterval
http://jsfiddle.net/jsfiddle135/gbh5ejjv/ If I press time_up button, each apple array moves up every 3 second. It's difficult to find out clues. Best regards,
Adding Dynamically ?
Im trying to add a newly created dynamic div to the page without reloading the page. The code is --> $.post('sampleInsert.php',function(data){ if(data.value){ alert('Inserted'); location.reload(); //Instead of reloading the page is there anyway adding without reload? }else{ alert(data.Message); } },'json'); If i append the value what should i append (data ?) . var html = ''; $.post('sampleload.php',function(data){ $.each(data, function( index, value){ var divid = value.ItemID;
how to add tooltip for date in datepicker?
Please! Need Help... How to add tool tip for select days in my project http://jsfiddle.net/hszt7tr2/ Thanks!
datapicker special dates selectibel false or true
Hello! can please explain to me how to add false and true if I wont to specila date can't be selceted (no clicible) or second option how to make other date except specila dates dates no selectible... http://jsfiddle.net/sickworm/atkaqsww/ Thanks
Floating popup window any recoomendation plugin?
Hi Friends I have a Database System, and need click a button and show a floating window, in this window i want put 2 string fields and 2 buttons ADD and Cancel. when user click on ADD buton I want send the data to a sever (with JSP). Thanks. Appreciate your help.
.text() resulting in redundant text
So i'm trying to implement an edit comments functionality : There's a p tag. I click on it and change the comment on it and click on a button . On the button click i'm trying to get the newly edited text. But it gives a result where in the old text is appended to the newly edited text .
.animate() in ASP.NET MVC not working on every page, any ideas?
I am using .animate on the master layout page of an MVC application. All javascript and the divs it manipulates are in the _layout.cshtml page.... the animation works flawlessly on the home page, but if the page is changed, the .animate bits won't work but the .removeClass/.addClass/.html still work. I initially though it was a binding issue, so I unbound all the event handlers on a redirect and rebound them on page load.....still doesn't work. Does anyone have any ideas? jQuery $(".navbar-brand").click(function () {
var windowWidth = $(window).width();
if (windowWidth > 500) {
var width = $(".sidePanel").width();
width = width * -1;
if ($(".sidePanel").hasClass('active')) {
$(".sidePanel").removeClass('active');
$(function () {
$(".sidePanel").animate({
left: width
}, 500);
$(".container").animate({
left: width,
width: windowWidth
}, { duration: 500, queue: false });
});
When the page loads the first time the links don't work
Hi I have the following code with Jquery, and when the fee the first time in the browser and I click on the links do not work but if I click several times all goes well, this happens. The first time when I clic on the link "Move me" you can see in the page: Resultado = filaX.undefined and nothing happen but the second time whe I clic on the link work fine This is the code: <html> <head> <link rel="stylesheet" href="css/bootstrap.min.css"> <!-- Optional theme --> <link rel="stylesheet"
How to have 2 accordions in the same page
I'm trying to use the accordion in the left and right column of a landin gpage. i've attached the code. i've already tried to modify the XSL for the rightcolumn and change the uid of myhrlinks to myhrlinks2. but it still doesnt work. :( help?
jquery.validate multipage demo not accessible for screen readers.
It seems that the multi-page demo removes all screenreader cues. It seems to use the label tag incorrectly and there is no 'required' added to the input field. Can the multi-page demo be easily updated to be accessible to screen readers? The non multi-page demo seems better except that it removes the default browser functionality that displays an error as the user moves away from a particular field. Thanks Nancy Johnson
IOS 8 Validatior enable is not defined
Hi, We have a ASP.Net web application its mobile version is built using jQuery mobile (jquery.mobile-1.0.js). Recently we faced a issue like for iPhone 6 users and for iPhone 5 users who upgraded to IOS8 version we are getting error like 'Validator Enable is not defined.' in particular page. In rest all the devices (android, iPhone4) our application works fine. Any pointers will be helpful. We have a self calling function in the page <script type="text/javascript"> //<![CDATA[ (function ($) {
How to calculate the tax
Hello gus I am new in JQuery and I want to calculate the tax in JQuery but i dont know how to do that. It has also a select option too choose your tax (0%, 6% and 21%) can someone help me please?
three.js - conflict with particles
Hi, I have a problem with three.js. i have two particle system set ups that seem to be conflicting with each other. The first scene loads up without problem, but when the second set loads the first set of particles vanish. This wouldn't be too confusing if it weren't for the the fact that the rest of the first scene is still appearing in the entire set up. Is there an easy way to rename or call in the two sets of particles? I've looked around but can't find a ref to this. the one thing that i think
Why I can't choose 2016
Hi, I have a datepicker like this: <input type="text" id="dateFrom" name="dateFrom" readonly required /> and: <input type="text" id="dateTo" name="dateTo" readonly disabled required /> and I have the below code for it but I don't know why I can't choose 2016? <script type='text/javascript'>//<![CDATA[ // $(window).load(function(){ $(function() { var fromDate = $("#dateFrom").datepicker({ defaultDate: "+1w", dateFormat: 'dd-M-yy', changeMonth: true, numberOfMonths: 1,
How to make multiple ajax call in page load
Hi, I have a page with several dropdown lists. I need to make around 7 ajax get calls to get the data and bind different dropdowns. Each dropdown is filled by getting data from Url. Is there any way to get the data in one Ajax call rather than multiple ajax calls. Could you provide me any examples, links
Setting Up Multiple Event Responses using named functions
I am trying to change this : $( "p" ).on({ "click": function() { console.log( "clicked!" ); }, "mouseover": function() { console.log( "hovered!" ); } }); To look like this: $( "p" ).on({ "click": fnOne(); }, "mouseover": fnTwo(); } }); function fnOne(){ alert("click"); } function fnTwo(){ alert("click"); } But it does not work. How can I make it work?What would be the right way to do this?
Jquery validation plugin : checkbox included an input required
Hi, I am using http://jqueryvalidation.org/ I have a simple checkbox "are you member : yes or no". I put this one required with the validation plugin. Then, if a someone check no, i do nothing more. But, if someone check yes, i want to include another input required : the member's number. And I didn't find how to do it. here the formular part : <ul class="inline"> <li><p><label id="inscriptionenligneouinon_membre"> <?php echo $lang['inscriptionenligne_ouinon']; ?> </label></p></li>
Perform Click on Submit
Hi, I have below code. I am using a button to sign in but now I want to perform the button click when the user submit the form by pressing enter on the txtLoginName or txtPassword. How can I do this please? $('#btnSubmit').click(function () { $("#wrapper").hide(); $("#gradient").hide(); $("#wait").show(); $.ajax({ type: 'POST', url: "login_user.php", data: $('#login-form').serialize(), success: function() { window.location.href = 'my.php'; }, error: function(jq,status,message) { alert('A jQuery error
Selectmenu and screenreaders: Selectmenu works with NVDA and IE8, but not NVDA and IE11
Hi there, I'm using a selectmenu widget on my site, and I need to support screenreaders. I've noticed the selectmenu works fine with NVDA and IE8, but not NVDA and IE11. (Probably the first time I've come across something that works in IE8 and not IE11 - it's usually the other way around.) Is this a known issue? Do jQuery UI widgets in general support screenreaders, or is it not something that's tested? Has anyone else come across problems with selectmenus and screenreaders? If so, is there a way
jquery mysql
ON this dreamweaver page I am printing a dynamic table. (link to follow). I have assigned a class to the TD with the id and with a jquery I can change CSS (color). I want to get the id value to use an update form on the same page. Here is JS so far.. under .click alert (,here'); works but the $row alert is not . How can I get the value of the id? Or how can I assign var lineNum the new value $row_update['id']? link $(document).ready(function() { var lineNum = 0; $("td.id").mouseenter(function()
Jquery validation for date
Dear sir, I have to validate date by using jquery validator date must contain in dd-mm-yyyy format
add dynamic error placement in validation form
I am working on jquery validation.And I am facing a problem in error placement. can I add dynamic error placement just like a add dynamic rules & messages. Actually my validation form has written in jsp. But I am generating a dynamic text field in js file so in js file I validate text fields in looping. Please Let me Know how to add error placement in js file.
Jquery validator using date compare
I am passing date in dd-mm-yyyy format to jquery validator function i have to compare two text box dates first text box date in dd-mm-yyyy myst be less than second text box date dd-mm-yyyy. This function is not giving proper output jQuery.validator.addMethod("greaterThan", function(value, element, params) { if (!/Invalid|NaN/.test(new Date(value))) { return new Date(value) > new Date($(params).val()); } return isNaN(value) && isNaN($(params).val()) || (Number(value)
Jquery Plugin For MultiSelect Dropdown without checkbox ?
I am looking for the Opensource JQuery Plugin Which will provide MultiSelect Dropdown without checkbox Plugin Should handle Multiple selection in Dropdown without checkboxes, can select multiple options in dropdown using Ctrl Key Are there any plugins to address the same issue ? Thanks
Teach me about the concept of return false and true with functions.
http://jsfiddle.net/jsfiddle135/avqzcjc1/1/ Function doesn't work.
Problems with displaying content on jquery.com site
I have problems with jquery site. I get some weird symbols instead of real content. See the screen below: It happens in every browser. Other sites work fine. What could be the issue?
Button click
[Q] Why the alert(datas); in the below doesn't show up? Why??? But the alert(datas); shows up if $("#post_button").click(function(){ is placed as the first function. <!DOCTYPE html> <head> <meta charset="UTF-8"> <title> Why not? </title> <script src="https://code.jquery.com/jquery-1.11.2.js"></script> <script language="javascript" src="jquery.timers-1.0.0.js"></script> <link rel="stylesheet" type="text/css" href="chat_css.css"> <script type="text/javascript"> $(document).ready(function() {
need help to get list of links from a file to show up in sidebar menu
Answered and resolved. Thankyou Jake Hi I hope someone her can help me. I want to insert the contents of my sidebar into multiple pages using jquery instead of php. The reason for this is that when I changed over to php with the template I'm using it became unusable. The link only went to download option instead of opening. Therefore I have been exploring the possibility of using jquery to get the same results. I have been searching the internet and prowling through forums for two weeks now and
Uncaught ReferenceError: picturePath is not defined
apparently i haven't defined the function picturePath, but i'm not sure where or how to. errors occur on 86, 92, 98 <!DOCTYPE html> <html> <head> <!-- This is a comment tag --> <meta charset="UTF-8" /> <title></title> <link rel="stylesheet" href="generic.css" type="text/css" media="screen,projection" /> <script type="text/javascript" src="jquery-2.1.3.min.js"></script> <script type="text/javascript"> // Global variables go here var picture = new Image(); // functions go below here function startPicturePuzzle(picturePath)
Divs & Inputs Leaving Me Flummoxed.
I have been trying to develop a text-input box inside a div with a border surround - I know this doesn't explain it well so I have made a fiddle that I hope displays the problems I am having: http://jsfiddle.net/a4poster/5qc26b7y/ Basically I want the top div to align with the bottom div while still keeping the hover state or is there a better way to do this - I have been messing around with this for a few hours now and not moving forward with it. Many thanks - truly flummoxed.
understanding accordion code
hey guys ! , i was just checking out chris coyers lessons on custom events and came across the following : jsbin now when the plugin is called . can somebody tell me who is passing the two parameters i and el to the faq plugin ?? I mean this line below : return this.each(function(i, el) { Thank you. gautam.
wtf cdn https
Hi there, I have been using the jQuery CDN over HTTPS to serve up jQuery to my site users. Today I see that all HTTPS links to *.jquery.com are redirecting to non-SSL, which is breaking the sites I have. Any particular reason for this change? Also, links to the jQuery CDN from Google search results page again point to HTTPS, but direct to HTTP. Is this some kind of cost-cutting measure?
Failing to load jQuery 1.8.3 and jQuery mobile files from code.jquery.com
I have several sites which are using jQuery mobile and they all stopped working this morning. I looked in to it a little further and noticed I am getting ERR_TOO_MANY_REDIRECT when trying to load the jquery code using Chrome. The lines of code causing the error are: <link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.1/jquery.mobile-1.2.1.min.css" /> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.1.0/jquery.mobile.structure-1.1.0.min.css" /> <script src="http://code.jquery.com/jquery-1.8.3.min.js"></script>
Submit on Enter Form
http://jsfiddle.net/kpsk/efL49s6f/ When the focus is on any of the textbox and pressed ENTER key the alert should display. That is the form should submit on enter key press.
calling web service in jquery
I am trying to call the web service web method using jquery ajax. But i dont what is the error in the following jquery script. can any one find the error and give the correct solution. Thanks in advance $.ajax({ type: "POST", contentType: "application/json", url: "WebEmployee.asmx/employeeDetails", success: function (data) { //sucess function }, error: function () { //error }
Dynamic Page with FORM help
I have a page that dynamically changes a div using the below function. On one of the pages create.html that load into the div is a simple submit form that posts data to a PHP page. When navigating to this page directly (i.e. pageurl.com/create.html) the ajax function works dynamically and uses the ajax form class to call form.js, but when I perform the same activity when the create.html page is loaded dynamically in the main div it does not use the form.js to process the request and reverts back
How to do a post, serialize?
hi friends, see my code: <!DOCTYPE html> <html> <head> <title> Test Page... </title> <script type="text/JavaScript"> function Imprimir() { var a=document.getElementById("xcombcatvar"); var b=document.getElementById("xcombcatmar"); var c=document.getElementById("xcombcattipo"); var d=document.getElementById("xcombcatcal"); var e=document.getElementById("xcombcatcali"); var f=document.getElementById("xacantcaj");
Next Page