jQuery/AJAX - Can't get the correct selector
I'm looking for a little assistance, but mostly an explanation so I can avoid this issue in the future. I have a PHP script that is called using AJAX. The output of that script fills a div with an ID of 'schedule_wrapper_all' and is as follows: <div id="schedule_wrapper_all"> =====================GENERATED CODE====================== <div class="appointments"> <div class="appt" value="2"> <p class="c_name">William Davis</p> <div class="c_info" style="display: block;"> <p
Messi plugin doesn't work on IE 8
I am using this plugin called Messi (http://marcosesperon.es/apps/messi) that uses jquery, anyway, the problem is that it is not working on IE 8 or earlier versions. Can anyone know why? Thanks
How to keep one button always active?
I have a jsfiddle @ http://jsfiddle.net/89N9s/1/ When you hover over a button, it slides and the width increases and an arrow becomes visible. How can i keep a button always active? So that the last hovered item always remains active. Please help.
datepicker edit does not make button show
I have a form with a textfield and a datepicker. If a textfield is editted then a "save" button appears: I make the button appear like this: $('.rowsaver').on('keyup',function() { $('.btnvanish').show(); }); $('.rowsaver').on('keypess',function() { $('.btnvanish').hide(); }); I also use a datepicker i have a field with class 'rowsaver' and 'datepicker': And this is the datepicker code: $(function() { $( ".datepicker" ).datepicker({ dateFormat: "yy-mm-dd" }); $( ".selector" ).datepicker({
Using maxSize not working in Jcrop
Hi guys, I hope you can help me out with a problem with JCrop. In my scenario, images are loading dynamically and each have different dimensional size. One thing common in each image is that the width of the image will not less 1440px and height is not less than 400px. I want to give user an option to crop the images but the i want that the crop selection box size must be same and it will be => height:400px & width:1440px.. I have used the following code, but the maxSize is not working. $(function(){
jquery validation dom elements properties
Hi! I have some span elements with diferent error messages. They are with display:none style, and I would like to change this property to "inline" instead of showing an error message. this are my rules $().ready(function() { // validate signup form on keyup and submit $("#form").validate({ rules: { telephone: { required: true, minlength: 9, maxlength: 9, number: true }, email: { required: true, email: true } }, messages: { telephone: { required:
troubles selecting options in dropdown to hide using :not selector
I am trying to use the "not" selector to hide certain options in a dropdown box. Evidently I'm not getting it. Can someone please tell me what my misunderstanding is here. I would very much appreciate the help as I'm kind of stuck. I'm trying not to have to use the .each with arrays here because that gets complicated for me. thanks -dave jsfiddle: http://jsfiddle.net/vhabhsrosed/fGj3J/ <script> $(document).ready(function(){ //$("option:contains('CommitteeAction')").not().hide(); //$("option:not(option:not('CommitteeAction')").hide()
Double Selection when Hiding/Showing Textboxes
I have three textboxes, each with content underneath them, in a structure like so: <div>checkbox 1, id="Text"<label>label text</label</div> <div>Text related content</div> <div>checkbox 2, id="Phone"<label>label text</label</div> <div>Phone related content</div> <div>checkbox 3, id="Email"<label>label text</label</div> <div>Email related content</div> On page initialization, the content divs are hidden, using css display:none. When any checkbox is checked, the other two checkboxes disappear,
Jquery mobile 1.4 navigate to dynamically created page
Hi guys does anyone has idea how to navigate to dynamically created page in jquery mobile 1.4? e.g. in 1.3.0 version I did it like this ajaxCall(param1).always(function (data) { //$.mobile.hidePageLoadingMsg(); if (data.d != null) { var newPage = $(data.d); //append it to the page container newPage.appendTo($.mobile.pageContainer); //go to it $.mobile.changePage(newPage );
Help, Slider Loads too Many Images
Example of a page with issue: www.goldara.com/product-category/jewelry/ The above page is extremely slow because the size of the page is too big. Mostly becuase of the number of elements that the page is loading. It's making 365 requests which is very excessive. The vast majority of these requests are images. It looks like it's loading the images from all 18 pages at once, which is why this takes so long to load. I was told by a developer who couldn't fix the issue, that redesigning the loops that
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
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]
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>
Next Page