problem selecting values of clicked/touched list radio options
All, iam using jquery mobile to create questionare - survey kind of i want to return values of clicked/touched options how do i do this? the radio ol are generated in a loop like a question with multiple choices thanks in advance for any help, regards
unable to select element by id
I have the strangest error, I'm running jquery-2.1.0.min.js for some reason I can't animate an element when its selected by id. $(document).ready(function(){ $("#sddm li").click(function(){ $("#acuronlogo").animate({left:'250px'}); }); }); other functions such as .hide() will do work $(document).ready(function(){ $("#sddm li").click(function(){ $("#acuronlogo").hide(); }); }); .animate() is functional when I animate selecting by div $(document).ready(function(){ $("#sddm li").click(function(){
What's wrong with my custom label for this Flip Toggle ?
Hello, I made a flip toggle on my site. One of the two labels are displayed like it should, but the other one is not correct. I followed the code from the official Jquery Mobile site ( Link part "Basic checkbox switch with custom labels and custom size") You can find my code on jsfiddle: http://jsfiddle.net/Argon007/gr3Ba/ Anyone knows what's wrong? Thanks !
Ajax response successful but is triggering the error function
Hey guys, I have this ajax call: $.ajax({ url: baseUrl + "/concerts", type: type, contentType: "application/json", dataType: "json", data: JSON.stringify(jsonConcert), async: false, crossDomain: true, success:function(result) { concerts = data; }, error: function(result){ alert("Error saving concert"); } }); This is the jsonConcert object: Object {additionalInfo: "Christian Rock", authorId: 0, date:
jQuery UI tooltip
Hi. I am using the Tooltip feature of the jQuery UI plug-in and basically it is great. The thing is that the code adds an HTML element, representing the popup element, right after (in DOM structure) the element on which the popup should appear. This element is removed from the DOM upon popup hiding. Usually, I guess this wouldn't be an issue, but in the case of my application, it causes a problem. How do I set this temporarily added element to be appended to the end of the HTML body (right before
Jssor SlideShow Default Image
Hi, I am using jssor slideshow and everything is working fine. I just have one question.. looking at the below code, how can I set a default image when no images populated from the database? I want when no images populated then to show logobanner.png image here is the jquery: //Reference http://www.jssor.com/development/slider-with-caption.html //Reference http://www.jssor.com/development/reference-ui-definition.html#captiondefinition //Reference http://www.jssor.com/development/tool-caption-transition-viewer.html
GET SELECT TAG VALUE HELP ME???
GET SELECT TAG VALUE and strore php varible <script> function showUser(str) { if (str == "") { document.getElementById("txtHint").innerHTML = ""; return; } if (window.XMLHttpRequest) { // code for IE7+, Firefox, Chrome, Opera, Safari xmlhttp = new XMLHttpRequest(); } else { // code for IE6, IE5 xmlhttp = new ActiveXObject("Microsoft.XMLHTTP"); } xmlhttp.onreadystatechange = function() { if (xmlhttp.readyState == 4 && xmlhttp.status
Submit button is not working in Safari browser
Hello all. My first time here so not sure if this is the right spot for this question. I am an absolute noob to Jquery or any sort of programming so please bear with me. I have used this excellent jQuery Validation Plugin (http://jqueryvalidation.org/) on my site: http://bit.ly/YMA3zW It all works flawlessly on IE and FF, but in the Safari browser, when I click the Submit-button after filling out the form completely, nothing happens. It just sits there and no form submission takes place. I would
What is the best jQuery plugin for forms validation
I'm very new to jQuery (two weeks) so maybe this should be in getting started. What are the best plugins for forms validation? So far I've had a cursory look at 3. jFormer (Looks very attractive since it develops the form for you as well as does validation but does it work as advertised?) Ideal Forms 3 jQuery Validation Plugin (I've experimented a bit with this one but it looks a bit ancient) I should explain that the forms I'm developing will have quite a few checkbox and radio groups and will require
how to store select value for php variable
<select name="status" id='status'> <option value=''>--Select--</option> <option value='Approve'>Approve</option> <option value='Reject'>Reject</option> <option value='Pending'>Pending</option> </select> $(document).ready(function(){ $('select').on('change',function () { //$('select').change(function () { var statusVal = $(this).val(); var job_id = $(this).prop('id'); alert(job_id); /* $.ajax({ type: "POST",
Finding out the maximum scrollTop of a div...
I have a DIV that scrolls. It's dimensions are: #scrollDiv { width: 800px; height: 400px; max-height: 400px; min-height: 400px; overflow: scroll; margin-left: 10px; margin-right: 10px; padding: 10px; } Suppose I fill it with a lot of content, so that vertical scrolling is needed to see all of it. So for instance, I take a scrollHeight() of the div, and it gives me 3250. I would assume that the maximum scrollTop I could get would
Galery Id within Slide id
Hello, I working in my new site, and i make a id within another id, the codes work perfectly, but toghether its not work. This is the site to see better the problem: http://heitorsam.com.br/novo_heitorsam/ In the final of site is the example the galery works. Code (problem of): <ul id="slider"> <li> <div id="galeria"> <ul id='galeria' class='kwicks kwicks-horizontal'> <li><a href="index.html"><img src="imagens/teste.jpg" alt="teste"></a></li>
write multiple text when i blur from an input
ok so i have several input tags, when i blur from one of the field it write text on the div 'blur!' the problem that is write the text once, how can i make it write 'blur!' each and every time that i'm blur from an input? that eventually it will write 3 time 'blur!'? http://jsfiddle.net/C9gvJ/
document.myform.action ... Won't Pass Variable
I am trying to pass the var delId to AccountDelete.html. It will not pass successfully. Appreciate any help to fix this!!! ======================= Code which passes delId: function OnSubmitForm() { var Id=<?php echo $rowcopyId; ?>; if(document.pressed == 'Go Back') { document.myform.action ="AccountsFrontEnd.php"; } else if(document.pressed == 'Delete This Account') { alert('AccountDelete.html?delId='+Id); THIS SHOWS OK. (Id=111) document.myform.action='AccountDelete.html?delId='+Id;
jQuery jcarousel problem in IE
I am getting following error on jquery carousel in IE 8 "Error: jCarousel: No width/height set for items. This will cause an infinite loop. Aborting..." One of the solution i got from StackOverflow is use itemFallbackDimension: 300 is this a right method? I could not find proper doc for this
scrollTop() problems
I have a div that I have coded to scroll "automatically" using scrollTop. I am getting some weird results.... Every time I click the button the scrolling toggles back and forth.(please see the jsFiddle because I'm sure I am not explaining myself very well. If you can tell me what is happening, and not just how to fix it, I would appreciate it. I have it set like this : $(function () { var i = 0; $('#submit').click(function () { i++; if (i > 0) { $('#textOne').scrollTop($('#s3').offset().top);
Using Slider in EdgeAnimate to control an animated symbol's timeline
Hey, I am using Adobe Edge Animate to create an interactive app. I have trawled through posts and posts on various forums and nothing I have found actually seems to do what I need. What I have is a symbol, ("PAN"), which contains 3 layers animated to create a parallax effect from it's extreme right position at 0ms to it's extreme left position at 1000ms. I have it set in compositionReady to hold at 500ms (the mid point of the pan). It does not autoplay. What I want to do is drag that pan left or
data-filter not working on phones
Hi All, I tried to run a sample code for filter widget/data-filter="true" from jquery mobile version 1.4.2 site example like this but it's not filtering the text on phones (although the code is working on W3Cschools "Try it Yourself"). If it's a known problem please help!! <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Single page template</title> <link rel="stylesheet" href="js/jQM-flat/jquery.mobile.flatui.css">
Need to know the Latest JQuerys for: jquery-1.11.0.min.js and jquery-ui-1.10.4.custom.min.js
Hello, I am needing to upgrade JQuerys for jquery-1.11.0.min.js and jquery-ui-1.10.4.custom.min.js I wondered what is the most stable and recent build of these two JQueries and where I can get them? Also I wondered I noticed there was some other files included in a Java Project, such as jquery-1.11.0.min.map and I wondered what the deal is with that. Thanks, Michele
List view gets distorted when scrolling fast
Hi, I am using jquery-2.1.0 and jquery.mobile-1.4.2. I have a page which has list view. Following is the code: <ul class="someUL" data-role="listview" data-inset="true" data-filter="true"> <li><img src="../../images/abc.png><h2>Some Name</h2><p>Some Description</p><p>Generated On: 01-02-2013</p><p>Valid Till: 01-02-2014</p></li> </ul> Code to append <li> to <ul> is written in jquery in a loop in pagebeforecreate event. At max 100 <li> can be added. Now when Page is displayed and
.append() questions
Hi there, total jquery noob here. I'm having some trouble with the .append() method, though my problems might not be specific to this method. First off, I'm trying to append some text within <p> tags. It works fine with small strings, but when I try to do a very long string, and return it on the next line so I don't have to scroll way to the right to read it in my code, the "" are broken up. For instance: $("#btn1").click(function(){ $("#main").append("<p>Lorem ipsum dolor sit amet, consectetur
Toggle between two button text and functions on click event with jquery
I am using jQuery to sort my website content Alphabetically or by Most Recent, what I put up so far is working great, but I want a little more from it. On first click I want my Alphabetically button to sort them accordingly but at the same time, the text to change to Random and on second click to sort them randomly and change the text back to Alphabetically (toggle between the two on click event). And with the button that sorts them Most Recent, the same thing like the other button but to change
Uncaught ReferenceError: jQuery is not defined
a module isn't displaying what it should, www.southwalesda.org.uk
how to do one select tag select second select tag load....
how to do one select tag select second select tag load....
Drag and drop a file on a hidden <div>
I would like to implement drag and drop functionality for uploading files same as in google docs. I have been trying to work out this functionality but all my efforts are in vain. Initially the <div> on which a file has to be dropped should be hidden. When a file is dragged over that <div> it should be visible. I am not able to achieve this functionality. I can do rest of functionality i.e., uploading a file after it has been dropped in the div. Any help will be appreciated.
how to redirect the page from login.php to index.php after login ussing the .post ajax function in php
How can i redirect it to index page after the data has php loggedin page has succesfully process the form and this is the form in self
Jquery Mobile 1.4.2 swipe demo in Chrome with mobile device
My question concerns the swipe event on a mobile device (I'm using a Nexus 7) with Chrome. I am working off the Jquery Mobile 1.4.2 demo which can be found here: http://demos.jquerymobile.com/1.4.2/swipe-page/ The sample javascript is copied verbatim from the demo, I would copy it here but its a little long. The code doesn't seem to be the issue, this is a browser question. I can get everything to work, both on my laptop (using Chrome) and on my tablet (using Firefox), but the swipe works maybe
how to dynamically add collapsible set with json return data?
Hi, I'm trying to add collapsible set with json return data, but for whatever reason the result is look like this. Please give me some advise on how to fix it~~ Thanks Kevin Here is my code <div data-role="content" align="center"> <label for="search-basic">Search Input:</label> <input type="search" name="search" placeholder="Book Title, Author, or ISBN#" id="searchkeyword" value="" /> <input type="button" id="search" value="Search" /> <div data-role="collapsible-set" id="result"></div>
JQuery Cycle2 First Slide Flashes Wrong Position
For some reason when I first open the page for my slideshow, the first image momentarily appears on the side of the div before the Cycle2 Centered Slides plugin moves it to the center. To get an idea of what I'm talking about, look at the Cycle2 Center plugin page itself: http://jquery.malsup.com/cycle2/demo/center.php If you put your screen over the slideshow at the bottom, you can actually see the image jump from the top-left (in Chrome..) to the center when refreshing. My images are bigger than
Jquery hide/show divs
Hi there. I'm using the following code and desperately wondering how to get the initial box to display on page load rather than when someone clicks on a menu link. Is there a simpler way to do this? <script type="text/javascript"> $(function() { var $menu = $('.menu'), $menuItems = $menu.children('a'), $mbWrapper = $('#content_wrapper'), $mbClose = $mbWrapper.children('.close'), $mbContentItems = $mbWrapper.children('.content'), $mbContentInnerItems= $mbContentItems.children('.content_inner'); $mbPattern
jEditable: show the old value if the input value doesn't meet the requirements
Hi, Is there a way to show the old value on the field if the user enters a wrong input? I'm thinking of showing a popup when the user enters a wrong value, and show the old value in the field. That way the user can see what was the old value. I'm having trouble in both showing the old value in the case when the user enters a wrong value and showing a popup. Any help would be appreciated. Thanks
Jquery balloons
I would like to replace the #voip in URL parameter of this code with the variable ID. any thoughts? $(function{ $('.DDD').mouseover(function() { var ID = (this.id); alert (ID); }); $('.DDD').balloon({ classname:"DTT", position: 'right', url: '/idirectSlider.html #voip' // replace #voip with ID variable here. }); }); ***HTML***** <span class="DDD" title=" " id="voip"> VoIP</span> I can mot seem to make it work.
using jQuery ajax to populate input field with results of a jQuery
I have and TRANS. CODE in my HTML: [HTML] <tr> <td>TRANS. CODE:</td> <td> <input id="TCODE" type="text" name="TCODE" size="3" maxlength="3" value="$TCODE" onblur="setStyleBlur(this.id);" onfocus="setStyleFocus(this.id);" /> <div style="display: inline;" id="TABCDES"> <span><b><font size="35" color="$color">$TABCDES</b></font></span></div><br> ADJ/CN DESCRIPTION:
Problems using $.ajax when creating a wigdet
Hi I'm trying to create a widget, and at somepoint I need to make an ajax request using $.ajax. The problem is that I can't access the options variables in the ajax .done event. What I'm doing wrong? Here is a simplified version of the code. I'm getting Cannot set property 'data' of undefined in line 25. If I try to work the variables outside the ajax function everything works fine. Thank you $(function(){ $.widget("custom.imagesManager",{ options:{ url:'test.php', post_data:0, data:null; }, _create:
how to refresh one div without affectiong others
hi i would like to ask ?how to refresh or reload one div without affecting other div?
Error: cannot call methods on dialog prior to initialization; attempted to call method 'open'
Hi Friends, I'm using dialog in asp.net mvc4 and jQuery 1.10.2. When I click a button I'm calling this function. But it shows the error. "Error: cannot call methods on dialog prior to initialization; attempted to call method 'open' " Source: ====== 1) This code belongs to client side. callUploadDialog = function () { var url = '@Url.Action("PartialUploadFilePopup", "Case")'; var title = 'MdAgree - Upload patient consent form'; InitializeUploadDialog($("#UploadDialogDiv"),
looked easy enough... selector for .attr("iid) not getting value
//why can't i make this happen I want to capture the numbers 1112,33803,0 <TR class=ms-itmhover id="wtf" iid="1112,33803,0" setEdgeBorder="true">wtw</TR> $(document).ready(function () { var fulu = $("TR").attr("iid"); alert(fulu); }); jsfiddle: http://jsfiddle.net/vhabhsrosed/3c5s3/ thanks for any insights. -Dave
Menu effect when clicked
i have a website like this http://firdaus.jones.dk/webku/personal.html# when i click a menu it will scroll to down, but when it scrolling to down it 's have no a transition duration how to set up a transition duration effect.. thanks :)
Upload file using FormData and jQuery.ajax.post
when I upload a file using FormData() in IE 8/9 it shows the following error. Please need help.... Webpage error details User Agent: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.1; WOW64; Trident/4.0; SLCC2; .NET CLR 2.0.50727; .NET CLR 3.5.30729; .NET CLR 3.0.30729; Media Center PC 6.0; .NET4.0C; .NET4.0E) Timestamp: Wed, 23 Apr 2014 14:06:30 UTC Message: 'FormData' is undefined Line: 6 Char: 13 Code: 0 MyCode: $('#UploadImage').click(function () { var formData = new FormData();
Upgrading Jquery Application
We have a jQuery application written by a developer about 5 years ago. Naturally, since it is old, it no longer works with the latest browsers. Currently it works with Firefox 3.6.28 The application can be found here https://github.com/arnab8/Compile The application is not standalone but works as a plugin to mediawiki software. I spoke to the developer who had made this application and he said that only the jQuery libraries need to be upgraded and the application should work nicely with the latest
Next Page