How to get the value of checkbox?
How to get the checkbox is checked or unchecked in alert? I selecting checkbox alert shows ::::selected::::::+Checked In above output line Checked is the value of checkbox is checked or unchecked My code: <span>Show checkbox <input type="checkbox" name = "actChk" class = "actChk" style="margin-left: 10px;"></span> <input type = "button" id = "submits">submit</button> $('#submits').click(function(){ alert($('input:checkbox[name=activitiesChkbox]').val()) });
Text truncation (trunk8) using on() instead of live()
Hi, At my text truncator at http://jsbin.com/okahum/13/edit how do I replace live() with on() for "read more" and "read less"? Here's live() working on an old version of jQuery: http://jsbin.com/okahum/6/edit Thanks.
Slide div from right to left
Here's what I've got so far: http://jsfiddle.net/phantasmix/nAaMV/ 1) The top button works on click just fine. How can I make the bottom button work the same way? Both will be shown on the same page. 2) Another issue is that the blue background is visible on the right. Is there any way to hide the blue background until it shows up to the left of the button? CSS: #button-top { width: 100px; position: absolute; left: 75%; top: 40px; padding-left: 100px; overflow: hidden;} #button-top:hover, #button-bottom:hover
Onclick open page and dynamically select filter option
Hi, I'm a novice. i would like to know how to put a jquery on my site so that when you click on a link it opens another page and selects an item from the unselected links of a ul filter list. Hope that's not too much to ask? Thanks I have this so far but does not seem to work: var s = $("#idF1SelName").val("France"); $("a.track[rel='s']").trigger("click");
recognize change of input elements from outside of the ajax call
Hi Guys, i am relatively new in coding with jquery, but little more than beginner skills in php ;) In short .. user upload file (spreadsheet) all worksheets are extracted and turned back as input:radio if user selects a worksheet all avaiable columns are turned back as input:checkbox if user selects a specific count of columns he will be asked if the first row contains the table headers if not, the user is promtpted to specify the headers in input:text for each chosen column if its all fine, the
Dynamically updating tablesorter? Two problems
I have an empty table and I use tablesorter: $("#hourly-table").tablesorter(); Works beautifully. Every 30s I delete the contents of the table and add new rows. I then do: $("#hourly-table").trigger("update"); it *seems* to work except for two problems: 1) Clicking a sort title correctly sorts the rows, but the odd/even zebra striping is wrong and is only fixed when the update is triggered 2) Tablesorter seems to be caching the rows I delete. They don't re-appear but after a short period of time
How to implement a sidebar panel llke to swype slow like a facebook app.
Hello everybody, i wanted to know if someone already used the widget "Panel" from jQuery Mobile to swype slow like it works in the facebook app. I seen the api for this widget and try to use the events to build sometinhg to do it works, but yet not to do this. My idea is to do the main content sliding for the side when user push with the finger, minimizing the panel and maximizing the main content, exactly like facebook app does. Thanks!
Crazy scroll in big form with android 2.x
I'm using JQM 1.3.2. And in a big form with a lot of input text when I write in a input the scroll send to the bottom of the form. with android 4.x no problem happens...
Call jAlerts from Google
I will change all the alerts in a Website with jalert of jQuery. I have been programming that. In this Website I called jQuery.min from Google and "migrate" from jquery.com, but I couldn't call jquery.alerts.js from Google, so I have to call it only from one of my servers but I don't want to do it. Knows somebody knows the correct link?? What do you think is wrong in my code?? bellow you can find the call's code: <head> <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
Why does the button still display after having been hidden?
jsfiddle here: http://jsfiddle.net/clayshannon/GRVWj/ HTML <label>Howdy, pard!</label> <label id="lblLoading">loading...</label> <br/> <button id="btnHideLoading">Hide loading</button> <button id="btnShowLoading">Show loading</button> CSS .hide { visibility: hidden; } .show { visibility: visible; } jQuery $('#btnShowLoading').addClass('hide'); $('#btnHideLoading').click(function () { $('#lblLoading').addClass('hide');
SimpleSliders.Net - jQuery Sliders in Asp.Net
Dear All A nice .NET library which contains four jQuery Sliders. It can be easily integrated in asp.net projects. http://codecanyon.net/item/simpleslidersnet-jquery-sliders-in-aspnet/5222359 Thanks
GetElementById
I am working on adding banners in a CMS that I do not have access to edit the HTML or Template. However, I have the ability to add code in to a module but the banner will appear in that module. I have been using the script below (that was written by someone else in my company that is no longer here). The website I am placing this on does not have Id's rather it utilizes class. So I am giving the banner code an id of "Banner" and I need the code below to place it before a class name. Class <div
Can't figure out this problem
Hi there, I'm not that great with jQuery, but i've made a script and the goal of the script is to reset certain form elements to their intial state, which is triggerd by a radiogroup or checkboxgroup within the same form. The script i have so far is: http://jsfiddle.net/hv6zP/ The script works and resets the form elements, within the array, to their initial state, but when you click on the second "test" button for a second or third time, all of the form elements get hidden. I don't want that to
Shuffling Testimonial from 2 sites
Hi, I have a home page (synergy) which has 2 separate links to different sites (synergy/london and synergy/india). There are testimonials on both the sites. I want a randomly rotating testimonial on both the sites which takes testimonials from both sites and shuffles them. Can someone please help me as to how to go about it... Thank you
$.ajax post not working on IE returning error status 0, but working on FF and Chrome
$.ajax({ type: "POST", asynch: true, cache: false, url: postURL, data: formData, success: (SaveClickedSuccess), error: (function (xhr, status, errorThrown) { alert("Error '" + xhr.status + "' (textStatus: '" + status + "', errorThrown: '" + errorThrown + "')"); }), done: (function (result) { $("#saveCmd").removeAttr('disabled'); }) })
A potential disadvantage on using JSON for transfering large data from server to client
Consider the following set of data in JSON format that is going to be transmitted from the server to the clients browser. records: [ { studid: 0, fname: 'christian', lname: 'bosch', num: '12345678' }, { studid: 1, fname: 'christian1', lname: 'bosch1', num: '123456781' }, { studid: 2, fname: 'christian2', lname: 'bosch2', num: '123456782' } ] the example above is simple and structured in JSON format..very readable and maintainable. However, when the record count reaches 1000, imagine
How can I determine which dynamically-created checkboxes were checked by the user?
I'm using the "appendCheckboxes" plugin that Brad Christie wrote: http://stackoverflow.com/questions/17754047/is-there-a-jquery-plugin-that-will-populate-an-element-with-an-array-of-checkbox So I'm able to create whatever group of checkboxes I want by using code such as: HTML <div id="container1" class="checkboxGroups2Col"></div> <div id="container2" class="checkboxGroups3Col"></div> <div id="container3" class="checkboxGroups4Col"></div> CSS .checkboxGroups2Col { width: 400px; margin-bottom: 10px;
can not calling popup when listview content show with ajax
night all... I have a problem when loading content using ajax to the "home". in the "home" I call listview content with ajax from "show.php" listview appears content ... but link to call popup when clicked on the "home", popup does not appear ... how to fix it. This script home <!DOCTYPE html> <html> <head> <link rel="stylesheet" href="jquery.mobile-1.3.0.min.css" /> <script src="js-script/jquery-1.9.1.min.js"></script> <script src="js-script/jquery.mobile-1.3.0.min.js"></script> </head> <body>
accordion - close menu item before open
Hello, I would like to make what seems to be a minor change or update the accordion plugin. When opening a menu item I would like the already opened item to close first, and then open the newly selected menu item. Is it possible to do this?
matching images
hi, i am trying to match images. this one works fine only with same images but i want to match unidentical images based on their id or src below is the working code for similar images jsfiddle.net/GquLr/ now when u click two images which are similar it wil hide or vanish. now i need to design for non identical images.lets say for example Match 1 : UK,London Match 2: USA,Washington now for match 1, 2 both are different images and i want it to happen the same as before with different images as well.
Looking for a facebook like menu.
I don't know whether it is mostly css or that it can be achieved with jquery or a combination of both. I am looking for a menu like this facebook menu -> http://0.tqn.com/d/personalweb/1/5/p/P/PrivacyMenuAccess.jpg I have a linkbutton on my topbar as well and I would like it to open a menu like the image I have linked in. I can cut through FB and figure out the technique, but that would take up too long. I was wondering if anyone has an idea of how to achieve that functionality or can link me to
Help with .next() method
Hi fellas!!!! I'd like to ask you a question. I'm needing to input dynamically some information inside of one specific div that have a class called: vagasAtividade. if I make something like this, $(this).parent().next().next().next().load("inc/calculaVagasRestantes.php", {atv: $(this).val()}); it works perfectly but I think it's wrong do something like that. I thought if I made like this: $(this).parent().next(".vagasAtividade").load("inc/calculaVagasRestantes.php", {atv: $(this).val()}); it will
Back button and $.mobile.changePage result in blank screen. Im using jquery.mobile-1.3.1
Back button and $.mobile.changePage result in blank screen. Im using jquery.mobile-1.3.1
Is there a performance difference between inline html and dynamically-built html using getJSON()?
I am dynamically changing the contents of divs based on user selections. To start with, though, I have default content for each of my three tabs. When the user makes a new selection, I build the HTML content dynamically, calling $.getJSON(), loading the appropriate json file. As of right now, I have (very large) chunks of html right in my page at design-time for the default views: <div id="BooksContent"> <section> . . . there are hundreds of sections inside here . . . </section> </div> <div
Improvising using the jQuery demos...
I have a competition coming up in about a month and during the competition, we have a chance to use jQuery and they provide the documentation (which what comes with the jQuery Stable 1.10.3 version) which includes the demos, themes, tests etc. I am having a problem with my buttons going to another page. I am honestly not good with using jQuery so please don't throw any foreign thing at me. From the demos, this is how the buttons are suppose to be displayed Head Tag <link rel="stylesheet" type="text/css"
Return value from a function-autocomplete
Hi guys ... I've a question for you ... I'm building an application and I would like to create a common occurrence Autocomplete ... in most places I have an autocomplete the same word, but depending on where the selection has to do different things ... I am forced to create multiple events like this: $(document).on('focus', '.element1', function(){ var rif= $(this).attr('rif'); var url = 'menu/switch.php'; var act = 'farmCompl'; $( this ).autocomplete({ minLength:
Reverse animation
how to make reverse animation e.g $(function() { $("#me").mousehover( function(){ $("#me").animate({ path : new $.path.arc({ center : [300,300], radius : 100, start :10, end : -200 * 1,
Use of attrFn in JQuery Mobile
The latest stable version of JQueryMobile (1.3.2) still uses "attrFn" // jQuery < 1.8 if ( $.attrFn ) { $.attrFn[ event_name ] = true; } Also, document with warning messages from jquery-migrate ( https://github.com/jquery/jquery-migrate/blob/master/warnings.md ) needs to be edited: Solution: Ensure that you are using the latest version of jQuery UI (1.8.21 or later) and jQuery Mobile (1.2.1 or later); they no longer use jQuery.attrFn. This simply isn't true :) P.S. I'm sorry if this is not the
how to show a loading image while using jquery autocomplete?
Hi, I wanted to show a loading image while using jquery autocomplete. I am using the default jquery autocomplete and the link to this is http://jsfiddle.net/YPBts/2/ and i wanted to show a loading image like this test Can any body tell me where to make changes. I have a image loading.gif in the same folder with this file
effect does not work after clone
i have a div that have some effect inside and the animation work perfectly but when i clone it the effect not work any more? here is the code: $(document).ready(function () { $('button').bind('click', function () { var parents = $(this).parents('.display'); parents.clone(true).appendTo('body'); }); $('image')..fadeIn("slow"); }); <html> <div style="display:block; position:relative;" class="display"> <div>
how to make jquery autocomplete in drop down
Hi, I have a form having one html drop down (firstname,lastname and full name). I am trying for jquery autocomplete. demo is here So when i select the firstname then the autocomplete will only work for firstname. Suppose full name is "john kerry" and if from the drop down firstname is selected then when you type jo in the search field then it should show john and similarly if lastname is selected and if ke is typed then it should show kerry. Please tell me how to do ? if there are any alternate way
using jquery file tree to access the mounted share
I am trying to access files in the mounted folder using jquery file tree. I was wondering if this is possible. I am using PHP script to pull the data. I am able to browse the folders on my local machine using jquery file tree, but I can't seem to access the files in mounted folder. I can see that the folder and the files are mounted. I am mounting windows share on linux server. Any help will be appreciated.
.get function skips callback even before receiving the reply from server side function
Hi, I debug my .get function in firebug. .get function simply skips callback function to the end of the .get function. Even it doesn't wait the response of server side (I used a breakpoint on the server side function). Could you answer what can be the reason of it? Thanks. p.s. Once it worked greatly, but then this problem occured. So, there are two different behaviour.
jQuery - Animate to Anchor (most of the code is already in place)
I'm relatively new to jQuery and am hoping to get some help with a minor modification... On http://bluescape.com/new2/ I have a neat effect where if you click one of the submenu names ("connect", "create" "execute" or "accelerate") the page slides down to that anchor point. This effect seems to be working perfectly. The issue is that I want to add the same effect to the "Start the Tour" button right below the navigation (i.e., I want the page to slide down to the "connect" section when someone clicks
How to add images for arrows in jscrollpane
Is it possible to add arrow images in jscrollpane using css i want to add arrows shown in below link: http://jscrollpane.kelvinluck.com/themes/lozenge/ But i made changes in CSS still image is not coming .jspArrow { /*background: #787878 ; */ background-color: Lime; text-indent: -20000px; display: block; cursor: pointer; background-image: url('../Images/arrow-up.png'); background-repeat: no-repeat; } .jspArrow.jspDisabled { cursor: default; background: #787878; background-image:url('../Images/arrow-up.png')
Add class, speed setup
Hi, if i use addClass from jquery, can i setup speed for this effects, i have on any pages seen, if i do a hover, then the color will be slow changed, how can i do this with jquery?
how to align the colorbox iframe in the center of the page
As the window size change colorbox is not in the center. Is it possible to make it alwz show in the center of the page. http://bestpest.agora-me.com/Services1.aspx
Responsive text truncation (trunk8) without jQuery UI Resizable
Hi, Is there a way of doing responsive text truncation (trunk8) without using jQuery UI Resizable? http://jsbin.com/okahum/13/edit Thanks.
Want to emulate bootstrap <a href='#someid'>
Hey gusy i want to manipulate bootsrap work which look like this <a href='#divcontent' data-block="yes">Show div1</a> <div id='#divcontent' style="display:none">This is a content</div> when if we click on Show div i divcontent will show below my jquery code $('a[data-block=yes]').each( function(){ var x= " $( '" + $(this).attr('id')+" ') " x.show } ) when i try error is found . Object $('#divcontent') has no method show . why this happen . i have joined #id with $ Any replay is very appreciated
submit the list data
i included list view in my application using jquery mobile but i want to use the list as select box how can i use it as select box and select the item from it and submit it
Next Page