Jquery/Ajax question Ajax getting skipped.
I am teaching myself the basics of ajax. I have a good basic knowledge of JavaScript. I have a site that I use JavaScript like it was going out of style but would benefit greatly with the use of ajax. So I am playing around with ajax. In my exploration of ajax, I am building a very simple page which calls the body of a very simple aspx page. It works great, until I want to fire the ajax with a button click. the button will fire the event, but after it runs the jquery library - //ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js
plugin.min.js
Hello: I am writing because I inherited an application which utilizes plugin.min.js and the interface is using the plugin.min.js to enable the user to attach a url. I now need to attach not just the url but also a .pdf file I think I need to use the Apache Commons FileUpload 1.4-SNAPSHOT API in addition to the plugin.min.js to accomplish this, but wanted to run this by the forum to see if anyone has any experience configuring plugin.min.js to do file upload, or if they have experience combining file
Setting overlay text on Image
Hi, I have a image library which has the following metadata. Header1,Header2,SubCaption, Url, Url text I want to show the metadata information on top of the image. Example Image below: I have used a third party plugin(basic slider - http://basicslider.com/), My current UI is as below: <script type="text/javascript" src="/Scripts/bjqs-1.3.js"></script> div id="banner-fade"> <ul class="bjqs"> <li><!-- Images --></li> </ul> </div> jQuery(document).ready(function($) {
Click to trigger complex animation
Hi I'm absolute new to JQuery and this forum. Also spare me at my bad English. What I'm trying to do is to get this skeleton character to walk when I click on the screen (or tap on IPAD). I could just finish a simple animation as a x-axis movement. Here's my code: $(document).ready(function() { $('#btn_right').click(function(){ $('#death').animate({ left:'500px' },'slow'); $('#shadow').animate({ left:'450px' },'slow'); }); }); I would appreciate much for your help
tracking
Hi I was able to create a site where I was able to count how many people scrolled to a section of the page. I've been looking but I don't seem to be able to figure out how to track how many people has left the site. Can someone help me with this? Here is the code that I have var hasScrolled = "blank"; $(window).scroll(function() { var y_scroll_pos = window.pageYOffset; if(isIE()<9 && isIE() != false){ var y_scroll_pos = document.body.scrollTop || document.documentElement.scrollTop;
Jvectormap Color issue
I am trying to achieve this behaviour: ->Color depend on one array value and Size of the circle on another array value. I referred this site which suits my requirement a half- http://jvectormap.com/examples/usa-unemployment/ I wanted to assign colors for each circle not the ranges of colors. Meaning on runtime the colors of each circle needs to decided. I am trying the following code but i get only the ranges of colors not the individual colors. Please help me resolve the issue! $.each(result,
Struggling to understand .each() looping
//CAPTURE THE 'MIDDLE' NUMBER FROM .attr("iid") INTO AN ARRAY. So get "33803' from the .attr("iid) into an array using .each and the object $(this). I guess i'm still missing something regarding this jquery 'looping' business. if someone could please get me past this hump I'd appreciate it. thanks -dave <table> <TR class=ms-itmhover id="wtf" iid="1112,33803,0" setEdgeBorder="true">wtw</TR> <TR class=ms-itmhover id="wtf" iid="1112,34443,0" setEdgeBorder="true">xxx</TR> <TR class=ms-itmhover
jQueryMobile-Phonegap : Footer alignment issue in Windows8 Landscape mode
I have been working on a jQueryMobile App wrapped in phonegap with fixed footer. In windows8 phones, while changing the orientation to landscape mode, the fixed footer is not aligned correctly in landscape mode only. The footer seems to have a bottom padding like behavior in landscape mode. In Portrait mode, it is aligned perfectly. I am using jquery.mobile-1.3.2, and Phonegap 2.7.0. I have been trying the fixes mentioned in the below URL's, but did not help: https://forum.jquery.com/topic/jquery-mobile-fixed-footer-not-at-the-bottom-on-windows-phone-7-and-8
Add Images to LI tag dynamically
I have a div which contains a "li" tag. I have few images which I want to add the "li" tag programmatically. Below is the code I have used so far, but not sure how to add the image to li tags dynamically. <div id="div1"> <div id="div2"> <ul class="clsUL"> <li></li> </ul> </div> </div> pictureArray = new Array(); var pictureCount = 0; var enumerator = this.pictures.getEnumerator(); while(enumerator.moveNext()) { var currentItem
Over ride ui-content css
Hi there, I am having some real trouble with overriding the style for ui-content class. I have checked out other posts on the forums and i can't figure out what I am doing wrong. I have tried: 1) Overriding the styles with my own custom stylehseet (even using !important) 2) styles inside the head tags of the page 3) inline styles within the element itself 4) Editing the Jquery mobile framework css files And still nothing can get rid of the padding that I am experiencing on my page. This is doing
Need help show/hide input field using $.post
Hey guys. I have been racking my brains out to get this small function to work for the past 2 days. I tried every single thing I can possible think of and it still isn't working!! :( What I'm trying to do, is show an input field if a php property($is_delivery) is set to true. Initially it is set to false. When the drop down option is set to "Delivery" an ajax post needs to set it to true and display the text field. Also FYI. If you guys are wondering why can't I just use show/hide... It because
Show Tooltip after page load
Hello Team, I would like to have your help. I am trying to show the tooltip after page load but I cant. I use $( "#absenden" ).tooltip("open"); but nothing happens. Could you please help me ? Thanks in advance
Reverse transitions scroll position.
Hi, is it possible with JQM that when using the back button or transitioning to the previous page it doesn't remember where you have scrolled from on the previous page but instead displays from the top of that page as if it was originally transitioned to. Thanks in advance. *Pages are internal.
jquery not recognising new svg instance (loaded from ajax)
My project revolves around an interactive svg map. When i click a region.. ajax updates the container div with a new svg map. All looks good. My current task is to update a secondary div with the name of the current hovered svg path (region) of the current map. This works completely fine until i click a region and ajax updates the map to a new map. The secondary div stops updating and stays frozen on the last piece of hovered data. E.g. the jqery code that handles this task stops working, but the
Chrome App doesn't execute jQuery
I've encountered a strange problem with my chrome app i'm developing at the moment. I want to use the "knob" extension to use it for a alarm-clock slider (to set the time) This wouldn't be a really difficult matter, wouldn't it be for the restrictions and strange issues found while programming a chrome app. In my index.html file I included the jquery library and the knob extension. And that is where the problems started. Somehow, my scripts only can use the Id's of elements that are above them. So
jQuery keyboard navigation : dysfunction with mouse
Hi I have a script for a keyboard navigation that partially works. When I'm on the home page (top of page) and I press the "down" key on my keyboard the page scroll fine to the next section. The problem is that if I scroll with my mouse in the middle of the page, or at the bottom of the page and I want to use the keyboard to get to the next section (on top or bottom) it doesn't work. In fact I have a counter system that lets you navigate between sections $ ('.layout') but this system shows its limits.
RadioButtonList enable disable TextBox
Hi all I want disable enable textbox with selected value of radiobuttonlist Markup <table> <tr> <td style="width: 15%;">Property Rights Appraised</td> <td style="width: 22%;"> <ww:wwWebRadioButtonList ID="rbtnPropertyRightsAppraised" AutoPostBack="true" runat="server" RepeatDirection="Horizontal" Width="100%"> <asp:ListItem Text="Fee Simple" Value="FeeSimple"></asp:ListItem>
Text out of sync with fadeslideshow
My question is twofold. I have a jQuery fadeslideshow which displays a caption along with the image. P1. I cannot seem to get the text to display below the image. Anytime I attempt to do so, it is clipped. I know it is getting clipped because I have padded it down to the bottom of the image to where it actually clipped. It seems anything I move outside of the height/width of the slideshow is clipped, except the control buttons which are absolute positioned. Q1: How d I display text outside of
animate the element's left property
Hi, I try to run this simple example, but I want div.silder to be hidden (it's left:-200px) then div.silder and div.content will slide right after click on .menu ul li a . why div.silder is above div.menu ? can you help me please Thanks
Problem with jquery and internet explorer
Hello, I'm developing a web application and I'm having some problems with internet explorer. I'm using the jquery dialog and in my localhost the application is working perfectly, but when I run it in IIS works fine in all browsers except internet explorer. I have internet explorer 11 version. I'm using asp.net. The script section is: <link href="~/Estilos/jquery-ui-1.10.4.custom.css" rel="stylesheet" type="text/css" /> <link href="~/Estilos/estilos.css" rel="stylesheet" type="text/css"
Add Cookie to jQuery Sidr
am trying to add a cookie to my jQuery call for the plugin called Sidr I want the slide to stay open when toggled and add a cookie to remember the state. e.g. $('#simple-menu').sidr({ side: 'left' // By default }); Any ideas on how to do this please? the following are the open and close calls. //close $.sidr('close', 'sidr-main'); // Open $.sidr('open', 'sidr-main'); I have found an example online and tried to modify this http://jsfiddle.net/7m7uK/ but failing. Ive taken the cookie code from JSFiddle
jquery tabs and html applications (.hta)
Hi All, I'm new to jquery and jquery ui. I've been trying the tabs example (http://jqueryui.com/tabs/). This works fine in IE but if I try to put the same code in an html application (.hta file), the tabs layout and styles are all wrong ... any suggestions on whether jquery UI works in html application files ?
nyroModal popup - disable scrolling outside of modal popup
I don't know if I'm phrasing my question correctly. I'm using nyroModal modal popup. It works great except for the fact when I open content in modal box, and try to scroll outside the modal box, the web page behind it scrolls. I don't want the webpage to scroll when the modal is popped up. It is a default nyroModal behavior right now. Is there an easy way to modify this behavior? As I inspected one other popup plugin out there, I found that I need to set overflow:hidden on html element, like so: <html
Jquery sortable + clone
Hi All, There are two ul list (list A & list B). I would like to develop and drag function so that users can drag the items in list A to list B and vice versa. However, after the items is dragged, it will be disappear in the original list. How can I keep the original item in the original list? Below are my codes <ul id="sortable4" class="connected sortable list1"> <li>Item 1 <li>Item 2 <li>Item 3 <li>Item 4 <li>Item 5 <li>Item 6 </ul> <ul id="sortable5" class="connected sortable
scrollto and mousewheel Plugin
Hello, I just got into the subject jquery und already have a problem: I built two scripts into my new project: „scroll to“ and „mousewheel“. The mousewheel effect works very well and I can slide from site to site. But when I use scroll to in the navigation and jump to an stay/ anchor (slide) I can not use the mousewheel effect to scroll upwords. Everything switches downside, I can scroll down but then I end up in empty space. I guess its because the scrollarbor changes position when using the „scroll-to“
ajax.googleapis - missing ajax-loader.gif ?
Was just wondering is it me or the ajax-loader.gif is missing from ajax.googleapis libs ? Works fine - http://code.jquery.com/mobile/1.4.2/images/ajax-loader.gif Missing ?: http://ajax.googleapis.com/ajax/libs/jquerymobile/1.4.2/images/ajax-loader.gif
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;
Next Page