A question about ajaxSubmit
Hello; I use AjaxSubmit to upload photos before the user submits the form. So when a user selects a photo, the script submits the form in a div. The form id is #template_form. The issue is I "also" have a submit button in the form that I want it to submit the form normally without anything to do with Ajax. So when users click on submit, it takes them to the next page. My problem now is the form gets submitted in the div no matter what (even when submit button is pressed).This is the script below.
Jquery mobile, load morris.js chart with onpage Html table data...
Hello, I am working on a MVC4 Jquery Mobile app and i am adding a bootstrap admin dashboard. I am trying to add a morris area-chart using data from a html table on the same page. I eventually want the table to display that data when the page loads. I have a javascript function that gets the data and converts it into a json object (JSON.stringify) in the correct format but the chart is not showing the data... I have the function hooked-up to a button_click event for testing. The sample code is
Deferred: stop the next "done"
It would be possible to "stop" the next "done" in the following code using only the deferred object? Thanks. var defer = new $.Deferred(); var prom = defer.promise(); defer.resolve(); prom.done(function () { // I want to stop the second done defer.reject(); }); prom.done(function () { console.log('I do not wont this to be executed'); });
jquery - auto show form values
Hi all, When I have a form, which consist of more select-options ... how can I auto show their values ... so when I choose for example one option .. it immediately appear thanks
Reportable bug or not? IE9 error on interacting with hidden elements if document.domain is set
Hello. I have a case where an element is hidden on page load by CSS using 'display: none'. I want to make it visible some time later in response to an event, but in IE9 the jQuery methods show() and toggleSlide() trigger an error when they are called: 'SCRIPT5: Access is denied.' This error only occurs when the document.domain value has been set in the page, even if it it simply being set to the value it should have by default. It looks like 'css_defaultDisplay' is involved: in trying to calculate
Jquery datepicker as calender in div tag
I m using Jquery Calender as an inline Calender in a div tag. So please me know to how to get value of selected date
problem with using slider with jquery
when i'm using: $('#slides').slidesjs({ width: 1000, height: 480, start: 1, play: { active: true, // [boolean] Generate the play and stop buttons. // You cannot use your own buttons. Sorry. effect: "fade", // [string] Can be either "slide" or "fade". interval: 4000, // [number] Time spent on each slide in milliseconds.
Responsive carousel
Hi, i need for a responsive carousel slider which will start from the middle not from the first item and it must scroll on hover and it must show example on desktop three full elements and two half width element like in img https://f.cloud.github.com/assets/1840313/1896067/00cf2b4c-7b7b-11e3-8634-388ef836e1dc.jpg Thnx :)
Need to post some additional fields to my php file
I'm using the code below to send the selected option to a php file, and let the php file return something, that will be displayed in the div: details. So far no problem, but I wan't to post some additional information to my php file, namely two hidden input fields. I haven't got a clue how I can add these two input fields to the data being sended, so I appreciate any help. My coding: <select style="margin-top:5px;" id="report"> <option value="">Select Category:</option> <option value="spam">Spam</option>
How to get a static json file across a domain
Hi, I am trying to get a static .json file using jsonp across domains. The sample I found, substituting my own url, follows. This does not seem to work as no alert with the data is shown even though a alert stating the function has been hit displays just previous to this code. I would appreciate any help.: $.getJSON("http://acaddb.hvcc.edu/~a-name/data/json/markers.json?callback=?", function (result) { //response data are now in the result variable
Parsing through an XML doucment
Hey Guys I have been reading online on ways to parse through an XML document with jQuery, and came up with examples to parse through it using ajax. If that is the case, then when would I be needing to use $.parseXML?? As an example lets say i want to get the text of the element <name> and display it as an alert.. Do I use the regular selector $(name) and then use the $.parseXML or do I put the XML as a separate file and parse it with ajax? Just a little bit confused over there. Thanks! <BusinessCard>
Draggable element in carousel which change background
Good day, Does anybody help me with my issue: how to do this this effect with menu on this site http://qazxsw-ru.1gb.ru/ All what I have at this moment is http://jsfiddle.net/BrZaa/2/ My goal is: 1. My draggable element mustn't left area of container 2. And when it's start dragging from green to blue area then border of my dragging element must be concur with borders of blue element P.S.: I'm new in JQuery, maybe I'm using wrong technique?
Use dynamic width of one div as the height of another div.
I'm currently trying to use var divAWidth = $('#divA').css('width'); $('#divB').css('height', divAWidth); If you have a look at http://wrestlingvoiceradio.com/2014 - I'm using Wordpress, but I want the height of #divB to be determined by the width of #divA, the CSS width value is 100% so it changes obviously, but I want to determine the current width and make that the height of #divB Cheers
moving jquery
i am new to html and wondering why i cant move jquery to a sub folder? i have the following... root index.html -lib jquery.js -img however when i use <script type="text/javascript" src="lib/jquery.js"></script>it wont work :( i have tried without type="text/javascript" aswell hope someone can shed some light :)
How can i change the object value???
html <div class="playlist"> <ul> <li class="playing">Sample 1</li> <li class="">Sample 2</li> </ul> </div> Jquery audiO($playlist.find('li:first-child')); function audiO(datas){ $classStatus = datas.attr('class'), } The result that i want is every time the user click i want the $classStatus to be change i try to use $classStatus.val('1'); but the result is the object dont have method of val... help me thanks...
Checkboxes to open divs while excluding others
Later edit: The main problem was solved by changing the .attr ("checked", "") to .sttr ("checked", false). Actually, as the script evolved, those lines were unnecessary altogether, so I removed them. I also cleaned up the js below which was overcomplicated as a result of trying different approaches. However, if anyone has any suggestions on doing the below code more intelligently, please express them. Solving this brought another problem to light, which I have moved to another question, titled "Double
How would I add overlay to the background behind my dialog box?
This is my first time coding anything. I am trying to add a 75% opacity to the background behind a dialog box. I have no idea where to add code, let alone what code to add. I'm adding it to a magento website (if that matters) and my code works fine the way it is, just no overlay. I am very new here so please be gentle. Thanks This is the code I'm using. <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>jQuery UI Dialog - Modal confirmation</title> <link rel="stylesheet"
same $.ajax call is ASYNC in Chrome but SYNC in IE
Hi All, I have a dumb simple ajax call to a nonexistent url with an error callback: $.ajax("non-nonexistent-url", { error: function () { alert("FOO"); } }); alert("BAR"); When I run it in Chrome, I get "BAR" then "FOO" alerts, which is the behavior I expect - ajax call is asynchronous. In IE, however, I get "FOO" then "BAR", which looks like synchronous call, but why? It should be async by default, right? I hoped it's guaranteed that $.ajax returns before any callbacks are executed... Thanks!
What are the underlying reasons to have provide jQuery with Node.js?
There is a node module jquery that can be run using npm install jquery that can work in node.js environment. JQUERY is a javascript libraries and it makes writing JavaScript easy and works well. node.js is a platform for developing server side JavaScript. What are the main usage scenario for jQuery with node.js? What are the underlying reasons to provide such support? I just want to understand the typical usages for this Thank you in advance for any insights.
release or close xml file after reading contents
It seems that when I read an xml file with a function in ajax() that the xml file is not released after the read. I need to be able to let a server-side script delete the xml file when my read script is executed so a new xml file can be generated. How do I make this happen? Thanks
jquery mobile demo page causes BlackBerry 7.1 simulator browser to crash
I try to view http://jquerymobile.com/demos/1.2.0/ page from BlackBerry 7.1 simulator browser; the page makes BlackBerry simulator browser crash. By the way, I can open Google web page and http://jquerymobile.com/ web page from same 7.1 BlackBerry simulator. I tried the same page on both 7.1 JDE 9900 simulator (version 7.1.0.137) and simulator 7.1.0.437 browser, both browsers will crash while opening http://jquerymobile.com/demos/1.2.0/, or refresh the page. There must be some problems within the
Editing this parallax scrolling template -> removing some part of the index page -> ?
I'm going to use the below parallax scrolling template as a static page on my website. It's a page (=index.html) divided to some section (by js). The title and menu are shown over all sections. Now, I want to make hide the title and menu on the last section, it's because of a forum is embedded in the last section. how to edit the template for it? Demo: http://www.onextrapixel.com/examples/apple-iphone5s-website-one-page-scroll/ => How to remove those `three buttons (Demo1, Demo2, Demo3)` and `Title`
definitive answer on file deletion using jquery
There is a lot of conflicting information about whether or not you can delete a file from a server directory using javascript/jquery. It makes sense to me that there would be some security issues with this if it were accross domains, but other wise I am no sure. I looked through the API and I don't see anything in .ajax that would lead me to believe you can delete a file, but can you give me a definitive answer on this?
working with json data
I am using youtube url to get json and data and save it ina varaible to use it later . here is my code var myObject; $.getJSON("https://gdata.youtube.com/feeds/api/videos/SPtEUAFm6Yk?v=2&alt=json", function( data ) { myObject=data; console.log(myObject.entry.content.src); }); console.log(myObject.entry.content.src);inside the callback function I can iterate the myObject and get all the properties but outside the function it sayas undefined. Please advice once we
Switch between tabs in tabs widget
I setup a page with the tabs widget.I update a tab via ajax call.How can I switch to that tab after that?
Using jQuery with XML
Hey Guys. I am really new to jQuery. I am trying to use XML with jQuery and need help understanding couple of things . In the code example below I have the following questions Why is there a var before XML but not on added on the second line before XML doc Why is there a "$" next to XML and title is the XML being passed to an jQuery obect on this line... $xml = $( xmlDoc ) If so what is the purpose of this ? Any help would be really appreciated <!doctype html> <html lang="en"> <head> <meta charset="utf-8">
Jquery autocomplete from remote database
Hello, I want to implement a simple jquery autocomplete into openemr.I have a textbox and I want to display all the diagnoses code while the user is typing the first letters of an illness.My code so far is: main.php <input id='searching' type='text' name='search_term' size='12' value='<?php echo attr($_REQUEST['search_term']); ?>' title='<?php echo xla('Any part of the desired code or its description'); ?>' /> <meta charset="utf-8"> <title>jQuery UI Autocomplete - Remote datasource</title>
get a value from autocomplete
Hi, I am using the following jquery and PHP to populate an autocomplete. I will add a btnShowDetails and I woudl like to let the btnShowDetails read the value of the autocomplete (which is the company_guid? How can I do this please. jquey for autocomplete: $("input#txtCompanyName").autocomplete ( { source : function (request, callback) { var data = { term : request.term }; $.ajax ( {
Upgrading Jquery breaks everything
So I created a mobile app with dreamweaver CS5.5, which used the jquerymobile 1.0a3rc and jquery 1.5. The app has a lot of javascript functions, buttons, etc, and works fine. Any attempt to update it (jquerymobile 1.0/jquery 1.64 or any newer version) results in none of the functions/buttons working, but also NO LINKS work period (even the list item <ahref="#">. Any idea what could be causing this? I've tried a variety of things, like removing the javascript buttons from the page, and then the regular
joining selectors
How would I join these two selectors?: a[rel="modal-profile"] and [id^=modal-profile]
Page transitions poor in Chrome
I have just started work on a new site using JQuery Mobile (latest version, downloaded a few days ago) . I have set the default page transition to "pop". The transitions always work fine in Firefox 26.0 and IE 10, but in Chrome 32.0.1700.72 m they are poor around 50% of the time. I have tried adding .ui-page { -webkit-backface-visibility: hidden; } as suggested at http://demos.jquerymobile.com/1.3.0-beta.1/docs/pages/page-transitions.html. It seems to improve things slightly (difficult to be sure
Uncaught ReferenceError: $ is not defined
I want to use 2 Jquery for my website but i have got this error so can you suggest me what i will do. My code is : <!doctype html> <html lang="en"> <head> <title>Dynamic Shadow</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <link type="text/css" rel="stylesheet" href="css/style.css" media="all" /> <link type="text/css" rel="stylesheet" href="css/style1.css" media="all" /> <script type="text/javascript" src="js/script.js"></script>
Draggable elements - Avoid drag over other element
Hello!, I'm using the dragabble option to allow elements (divs) to move into a layout. My question is, ¿is there any way to avoid that different dragabble boxes can be placed above each other?. I don't want that they can be stacked together. Thanks!
Ion.ImageSlider.js query twice in 2 page slider
Hello all i am new to this Jquery, i downloaded the Image slider (lightbox) "ion.imageSlider.js" having hard time running thsis query in my 5 page content slider. here is the Code. please help. thanks <li id="slide1"> <div id="address"> <img src="images/address.png" width="300" height="119" alt="address"> </div>
How to save and restore all page events using jQuery?
Hello. I'm manipulating page html: $('body').html(changed_html); And I need save and restore all page events. I can save them something like var selector = '*'; var s = []; var e; $(selector).addBack().each(function() { e = $._data(this, 'events'); if (!e) return; // console.log(e); console.log(this.tagName); // console.log(this.id); $.each(e, function (i, ev) { console.log(i); $.each(ev, function (j, h) { console.log(h.handler); }); }); }); But what is the best way to restore them? Thanks in advance.
Trying to use a callback with .ajax call to assign value to a variable
I'm trying to use a .ajax call, to assign the value from an xml document, to a variable in javascript. I can't quite figure out how to use a callback, I know this topic is well discussed on forums, but I haven't been able to find an example out there that does what I am trying to do. The example below makes a call to Google Maps, and gets a string "Central Standard Time" back. I can use .ajax calls to move the text to a div. But I can't figure out how to assign this to a variable, my_zone, and
Store arbitrary with data()
Can somebody help me understand data() and give a easy to understand example?
Trouble with .on()
Hello All, I am relatively new to jQuery and I'm having some difficulty using .on(). Right now, I am just trying to get a feel for how this method works by creating a demo that shows and hides a div when an anchor is clicked. I know that .toggle() can be used to show/hide elements but I want to learn .on() so that I can use it for more advanced things later on. From what I understand, it will be used in place of .live() from now on. The first time a#hide is clicked, it should hide div#hideMe, change
Do I need to download jQuery?
I know HTML, CSS, and JavaScript, but I want to learn jQuery. It says it is compatible with all browsers, so without downloading jQuery, can I write jQuery code in my text editor, then run the code properly in my browser. If I have to download jQuery to create jQuery code, then do other people have to download jQuery for the code to run properly on their computer?
Stuck trying to show/hide items using multiple jQuery UI Sliders
I'm trying to develop a set of show/hide filters using multiple jQuery UI sliders. I have a set of blocks - each has several data-attributes (time) assigned to them. <div id="block1" data-departuretime0="480" data-arrivaltime0="1200"> I'm trying to setup several sliders so a user can select multiple time ranges with the sliders and have the appropriate boxes within those times displayed. I can make one slider work but I'm stuck when I add the second slider. I need to show/hide it's results without
Next Page