Getting data
Am trying to improve my jQuery skills , am novice . Here I have simple drag and drop , i can drag from one box and drop in any of two boxes . And all works fine but now when i click save i would like to know what are the items in each of two drop boxes. http://jsbin.com/ocadic/1/edit thx
add class on animate
Is there any way to add class in jquery on animate function?
What am I doing wrong with my $.get() that keeps giving me failed request??
I have no idea what I'm doing wrong, obviously haha. Here's the example function doAjax(){ return $.get('foo.htm'); } function doMoreAjax(){ return $.get('bar.htm'); } $.when( doAjax(), doMoreAjax() ) .then(function() { console.log( 'I fire once BOTH ajax requests have completed!' ); }) .fail(function(){ console.log( 'I fire if one or more requests failed.' ); }); and here's what I've done. I keep getting the alert 'I fire if one or more requests failed'. What should my requests look like? It
Working on dropdown list using jquery
Hi All, I have implemented asp.net dropdownlist and upon its selected index change event i am filling other drop down lists. below is my code in which when i am passing value to this.val = '71' or any other integer value data is getting changed however if i retrieve same value from database and passing to it to this.val = '71' data doesn't get changed in other drop down list... Means selection index changed event does not occurr. Why this is so ???? $("#TEMPLATENAME1_dropdownlist_TEMPLATENAME1").combobox({selected:
generate XML document
Hi , I want to know how i can generate , Edit any XML document using Jquery without any aspnet , php server side code. Thank You
Autocomplete UI
I am using JQuery UI 1.8.2. I want to create an auto-complete functionality like the Single City textbox. Once the drop down menu comes, the first list item should be selected. On pressing the enter key, the textfield should be populated. And at the same time, autocomplete feature should be called if the user presses the delete key or the backspace buttons.I tried to use selectFirst: true by including a plugin available on github, developed by Scott González. Code: (function( $ ) { $( ".ui-autocomplete-input"
Ode to Jquery
For all nerds who program since before 2006... here it is: Ode do Jquery Before jquery Life was perilous Yea, even less cheery And even now, some may consider you confusing, and others manipulative Yet, despite of how you perform or find anything in my form I will still oath to you my DOM for I am sure it will my web bloom Carlos Casalicchio
How would i go about creating a header animation like this?
I just saw this sweet Header Animation and was wondering how to implement an effect like this on a site. I am quite fluent in html and css and have dabbled with javascript, but never really got in at the deep end. Maybe this is the place to start. But how would i go about this header?
different categories for s3slider-pictures
hi, my name is maria and i am realy sorry for my bad english. i hope i am at the right place for my problem and anybody knows an answer for the following question: i use s3slider for a joomla-based website. my problem is, that i like to have different pictures for every submenu. does anybody know if this is possible? unfortunately i am only a beginner in this whole jquery-stuff. i would be very thanksful if anybody could help me! best regards, maria
Click handler calling other click handlers?
Can someone point out where I'm going wrong with this? I have a set of divs all with headers of class "shrink-on-start shrinkable", and an Expand All link with class "expand-all" I've set up two click events - when a "shrinkable" is clicked, it should next().slideToggle() - which works fine on its own. When "expand-all" is clicked, it should next().slideToggle() on all "shrink-on-start" objects (not all "shrinkable" objects, as elements on the page sidebar also use this class), which also works
Fancybox comunicate with a Gallery
Hello, I've inserted a jquery code in my asp.net application that make a gallery. I wanted to add a fancybox, so I've wrote that piece of code: $(".ad-gallery").on("click", ".ad-image", function () { $.fancybox({ href: $(this).find("img").attr("src"), }) }); I want to add 2 things on the opened fancybox: 1- add a button. 2- add the image description. here's a piece of the aspx for the gallery: <div id="gallery" class="ad-gallery"style="background-color: #D8B66D; width:
push notification
how to implement push notification in my program , i get help of this link http://pusher.com/tutorials/html5_realtime_push_notifications , but some problem occurs ,in index.html button have no action perform when we run on local machine (wamp server),please responce why it occers. i have download zip folder for push notification from https://github.com/pusher/html5-realtime-push-notifications and i have to implement in my program
help me
hi guys I'm new to Jquery and I want your help.. I need to create a table and perform CRUD operations using Jquery and AJAX in ASP.NET MVC 3 I'm not using a Database I'm just using a Hard Coded List for the Table help me to complete this task.. this is the html code i used <div id="demo"> <table id="movie_info" class="display"> <thead> <tr> <th> Title </th> <th> Genre
can't get started - FIX
I couldn't get a basic example to work for a while, searched all over for answers, never found one that worked for me. Then I figured it out. Maybe this will save someone time. My error? I used the non-minified code which I had been instructed to use by various sources that said it would work the same as the compressed (minified) code. It didn't for me. I couldn't call it. When I switched to the compressed version it worked. Below is the simple code I used just to get started which drove me nuts
UI autocomplete UI
I am using JQuery auto-complete function on an input textbox. The feature displays a drop down menu using AJAX/JSON on input textbox. On some other webpage I am using the same function but wants to customise the the position of the drop down menu. I am using top and left parameters in a JS file. But, the changes are getting reflected in the other page as well. What should I do?
How to create a table using Jquery
Hi I'm trying to study jQuery Myself I need to create a table when a button is clicked using jQuery Please guide me to do the task Thanks in advance and the html code I used is given below @model IEnumerable<movie_index.Models.Movie> @{ ViewBag.Title = "Index"; } <h2>Index</h2> <p> @Html.ActionLink("Create New", "Create") </p> <table class="ui-widget ui-widget-content" id="movies"> <tr class="ui-widget-header "> <th> Movie </th> <th> Genre
affect only on nested div when there are multiple divs with same class
Im trying to expand and collaps divs, which works. But when using the code below all divs with the class 'entry-content' are affected. Id like only the 'entry-content' div ,which is nested in the same div as the expand text, to be affected. There are 20 setups like this in the same page. <div class="threecol project-container-color project-container"> <p class="insp_title openIt"> EXPAND</p> <div class="project_thumb"> <?php the_post_thumbnail('large');
String Reverse
script type="text/javascript"> $(document).ready( function () { var elements = ["zBca", "zNca", "k", "j", "i", "h", "g", "f", "e", "d", "c", "b", "a"]; ele = elements.sort(); document.writeln(ele + "<br/>"); for (var i = 69; i >= 65; i--) { var n1 = String.fromCharCode(i); document.writeln(n1 + "<br/>"); var n2 = n1.split(" "); document.write("Calling Funcitons:" + n2 + "<br/>"); } alert(n2); }); </script> I Want OUTPUT A B C D E F array Sort method is not working here Please help....
[jQuery] How to make a POST call ?
Hello, I am just playing around a bit with jQuery and so I soon entered a question: There is following code-snippet trying to call the php-script ShowIt.php: call.php: $.ajax({ type: 'POST', timeout: 5000, url: 'ShowIt.php', data: { uids: "1" },function(data){ alert("Hello"); }}); ShowIt.php: <?php echo '<div style = "position:absolute;top:300px;left:300px;>'.$_POST['uid'].'</div>'; ?> What shall I say ? It does not work. The script 'ShowIt.php' is called with POST, but no data is transferred.
Problem publishing website
Hi, I'm using jquery mobile. I've built my UI and save the html page to my project. I noticed that in the html page I have this references: <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"> </script> <script type="text/javascript" src="https://ajax.aspnetcdn.com/ajax/jquery.mobile/1.1.1/jquery.mobile-1.1.1.min.js"> </script> I tried to download these files from these links and I saved them into a new folder in my project. Then
Trouble making multiple ajax requests
Still a javascript and Jquery noob. I'm trying to make multiple ajax requests and I'm going off an example I found that creates two functions returning the ajax requests and then uses .when() method to do some stuff. Here's my code so far, which does nothing as of now. <!DOCTYPE html> <html> <head> <script src="http://code.jquery.com/jquery-1.6.4.min.js"></script> <script > $(document).ready(function($) { // - 1st link in chain - var url = 'https://www.sciencebase.gov/catalog/items?parentId=504108e5e4b07a90c5ec62d4&max=60&offset=0&format=jsonp';
Looking for search function
Hello everyone, I am looking for a jquery search function, updating a result list every time the user sets or changes a filter (checkbox, radio, text). A good example of the complete search function is: http://www.carwale.com/new/search.aspx#fuel=2&bs=3&fuel=1 As I am quite new to jquery use (however, I got some general programming experience) I would be greatful for any hints, clues or even a walkthrough / tutorial / guide, to build such a search function. One hint I yet found is "auto postback",
Simple Javascript problem
I am new to javascript and have a problem. I am trying to get a hash and pass the tag to a url but I am getting undefined as a result. I am sure it is a simple markup issue but can't for the life of me figure it out. Thanks in advance $("#nest-tabs li a").click(function() { //alert("On the top nav:..."+(this).hash+" was clicked!"); var hashStr = location.hash.replace("#",""); $.post('form.php?toptab='+(this).hashStr+'', function(html) { $('#result').html(html); }); });
jquery cookbook example.
Hi, I study jquery using jquery cookbook by o'reilly. I tried to use this example in book: alert('Page contains ' + jQuery(document.getElementsByTagName('a')).length + ' <a> Elements, And has a ' + jQuery(document.body).attr('bgcolor') + ' background'); but jQuery(document.body).attr('bgcolor') returns allways undefined. Can somebody explain to me why? thanks.
converting windows .exe to app. run program.
hi all im new here and dont want to wast everybodys time. i have a program that i use to tune my bike . the program is a windows run program , i cannot find it in app. form anyplace is this the place to do it?????? thanks harle.
Help - Creating a image configuration plugin?
Hi There, I'm wanting to create a fairly simple Configurator script that will make use of a static image, with lots of PNG's that overlap the image. When certain options are checked, the image needs to update with the relevant image. For example, there will be a base image, lets call that base-image.jpg. On base-image.jpg, I will overlay a couple of different options. As an example: Circles: - Red Circle - Blue Circle - Green Circle Squares: - Black Square - Blue Square
append method only inserted the element once
Hello everyone: I am doing an exercise to insert an html element after the selected elements. 1. I noticed that using append() method will let me insert the html element right after the matching elements 2. using insertAfter method will insert the html element directly below the mathching elements However when I used the id element in the append method, it only insert the html element once, instead of inserting it for all the matching elements. Please review my code and advise me why it happened
jquery autocomplete-next and previous page record
hello guys, I already success in using jquery autocomplete and its search based from what I entered, but the search only work in one page only For example I search only PASS but I have 12345 record, when I click next or previous to see another PASS record only, the data changed / listed all data include FAIL and NA.....
toolbar with share buttons: facebook, twitter and others
Hello - I seem to remember seeing a toolbar on some websites with "share" buttons for Facebook, Twitter and a couple of other sites. I think there may be other similar ones but this one is the most common and professional looking. Does anyone know what this toolbar is called so I can find it on the web and implement it in my websites?
wrong object at event
In my script jQuery creates 15 fields in a loop resulting in: ... <div id="field_3" ...></div> <div id="field_4" ...></div> ... This all works fine. Then I try to bind events to them. When done manualy like this: var index = 3 $(document).on("click", "#veld_" + index, function(){ alert( index ) }); index = 4 $(document).on("click", "#veld_" + index, function(){ alert( index ) }); the Click alerts the right value (3 or 4). All is fine. But as soon as I put this inside a For-loop: for( var index
Default State for Slider Button
I have created a simple slider that will toggle the state of my home heating system. The page uses ajax to call a php script that in turn writes a iether '1' or '0' to an html file. An arduino development board then reads this html file periodically to check the state and, if it differs from its localy stored state, toggles the home heating system using a relay. What i need to do now is to get the state of the slider in a newly loaded page to match the boolean in the html file. In a regular HMTL
Padding style of UI theme on my page seems different to theme example
Hi, I have downloaded a UI Theme, when using this on a web page the whole thing 'calendar, button, menus' all seem to have larger text and quite a bit of padding than on the jQuery UI Theme page. I found a post where there someone seemed to have a similar problem so I tried using their fix: $("#menu").css("padding","0"); This didn't work and only seemed to add to the problem in other ways so my issue was obviously not the issue the other user had. I have attached a couple of images of how a menu
jQuery prependTo function not working as expected
Hello Everyone: I am doing an exercise using prependTo function. instead of appending before the paragraph in the HTML body. The text appeared on a separate line. Could you explain to me how appendTo and prependTo works, so I understood its behavior. Thanks! <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <title>hello world</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
I have a problem and I am not sure if I can do it with jquery
Ok, I have a project where I have to load 2 different pages with JavaScript within each other whilst still being able to control all 3 pages from any given page. So I have index that has a child page loaded into it then into that another page, I need to post a form that is in the 2nd child page from the first child via a link and I need to be able to control the url of the first child page with both the index and the 2nd child page. I am new to Jquery and I am not only confusing myself but probably
NOT A JQ question but I hope some one can help!
I am able to see all gif - swf's jpeg and flv videos which I place on my web page providing I look at the actual html page where the info has been paced. When I try to view it in my home page on the DW program I get the following message: Flash player GET THE LATEST VERSION! I did that loded the latest version but still no picture or video visible in the DW program. By itself one by one page viewing in the browser no problem but not in the home page. Any Ides why??? Hope some one has a similar
issues with viewing jquery.com HELP please
Hello to everybody! to start with a jquery.com does not load for me, actually it does not load any visuals(css). Then I have encountered an issue with viewing a jquery of a website from my laptop that I have build the website with, but I know that it works, cause a person in the office next to me can view it without any probs. Well now I am using the jquery libraries locally and I can view whatever I develop, but not the mentioned above website or jquery.com. And even that website http://gvweb.es/add-ons/varios/zoomer/zoomer.html
adding a new image after a click
i am trying to add a new image when i click the z pass button my this part of the code is not working http://jsfiddle.net/UjJEJ/24/
jQuery opacity not working
I am trying to change the opacity of the image after I click the red button instead of adding the different image, and I should not see the red button on the new image My JS code is below. http://jsfiddle.net/mwPeb/7/
Load external image into dynamic list
How would I load an external image into a dynamic list within a post function? I see that it is not possible to just call <img src="foo"> as this will time out, but using a load and an append is the correct course of action. Can't wrap my head around how I could inject this into the list element with an append after a load function. I am trying to get an image to show within this one list element (eventually to the left of all the text). Looking for any help or suggestions on the best way to accomplish
Spinner shows through calendar; Harmonize styles
Hello I only have shallow knowledge of JavaScript and am just getting started with jQuery. I have a couple of issues with a form for the web site for a hotel I'm working on (picture attached): 1. I need to use the spinner to let the customer type the number of people for a reservation, and the calendar to choose the check-in/check-out dates. However, when I use the calendar, the spinner underneath it shows through. 2. The spinner uses round corners instead of the rectangular corners used in the standard
Next Page