Cycle Single Image Alt Caption
I have a page where the user can pick from several albums. I display a slideshow and additional information by using the image.alt attribute. My code follows the cycle / caption demo as follows: $(function() { $('#slideshow').cycle({ fx: 'fadeZoom', timeout: 2000, after: function() { $('#caption').html(this.alt); } }); }); </script> Everything works fine, unless the album has only one single image - then the "after" function doesn't fire. How can I force the "after" function to fire regardless
which control should i use to bind the datalist on pagescroll form client-side...
i need a control that get's binded to datalist on page scroll from client-side,and displays Text = "Add To Cart",attribute and has got onClick event,which passes the attribute as parameter to a method....... right now i m using linkbutton,but it not working on page scroll..... $(".lbtnaddtocart", row).eq(j).attr("CommandArgument", customer.find("ProductId").text()); <asp:LinkButton ID="lbtnAddtocart" runat="server" CommandArgument='<%#Eval("ProductId")%>'
BackColor="Green" Font-Bold="true" Text="Add
Very simple code does not work
Hi All... I'm sure this is a stupid question but I have killed the morning trying to do what should be very simple. I feel foolish having to ask... I just bought jQuery UI In Action and typed in the example on page 14 as an HTML file. I added a little HTML at the top of the BODY. I opened it in Firefox (and IE and Chrome) directly off my hard drive, and although it rendered the text I added in the header tags, it does not seem to recognize the js. The data picker does not appear, just an empty form
Trying to save 2 images
I'm trying to save 2 images the first image saves but the 2nd image doesn't and I can't seem to see why. I'm using laravel 4 my admin.js $(document).ready(function(){
$(".add-form").submit(function(event){
$(this).find(".testing").each(function(){
var image = [];
$(this).parent().find(".ajax-file-upload-statusbar").each(function() {
image.push($.trim($(this).find(".ajax-file-upload-filename").html()));
});
$(this).parent().find(".img-hidden").val(JSON.stringify(image));
Any jQuery Vertical Slider with multiple items display per slide?
Can any one tell me of any free jQuery Vertical Slider which has the option to display multiple items per slide? Thanks.
Using media queries to change icon path at start of the mobile app
Hi , I'm a newbie in hybrid mobile / html development , i'm developing an mobile app using JQuery Mobile, where i have lots of images on the screen. i have different buckets of images for different resolutions like mdpi, xhdpi, xxhdpi etc.,. In android based on the screen resolution the bucket is choose and the corresponding images is taken from it. I wanted to have a similar feature for hybrid mobile app also, when i did my research all led me to 'css media queries' but none of them address the
Pixabay tag-editor with spaces
I use the pixabay tag-editor but I need to be able to use spaces in the tags. Now the space is used as a trigger to start a new tag. I already looked at the code to change it but it is too complex for me. Does anyone know how to fix it or an other tag-editor that supports spaces in the tags?
Sum of 3 input fields equal to 4th input field
Hi I am using jquery.validate.js. I am having 4 input fields. Sum of 3 input fields must be equal to 4th input field. I tried with different options but it didnt work. Is there any jquery function for this validation? Or pl. help to figure it out.Tnx.
Link to previous page and add jump to top
I'm trying figure out how to do two things to help with navigation on a webpage and I was thinking I could do it with a jquery 1) the webpage is pretty log as people add content to it as we go. I want to have the jquery add a link back to a div at the top of the page called #wikititle but I want it to search the page and add this floating right div with the link to the top at each H1 class text that is inserted. 2) I would like have a link at the top of the page that links the user back to the page
Some Jqeury doesn;t work after reloaidn the div using .load
hello; I use this function to reload a div and the google charts on it. The div reloads and loads all the data (without an Jquery) as well. But it doesn't load google charts and also the date picker doesn't work either. I have tested and the jquery is accessible. What could be the reason? Thanks function load_group_stat(item, group_id, start_date, end_date) { $('#interactions_head').load("my_page.php" + "/" + item + "/" + group_id + "/" + start_date + "/" + end_date); return false; }
How to parse in jQuery the ajax success from PHP json_encode?
What is the shortest solution for the following two files? I want to parse all of them into ('#parsehere").html( ???? ); [json.php] <?php $arr = array("Apple", "Banana", "Lemon"); echo json_encode ($arr); ?> [parse.php] <?php ............. success(data){fucntion() ('#parsehere").html( ???? ); } ?>
Datepicker caching the first value always
Hi, I have a field package type: which can have either weekend or fullday. Based on the selection of this field value, I would like to make a specific date enable, and rest all I want to set as disable. And I wrote the below function inside one of my Rails app as initial script to test if I can access the value of the package_type field inside the date picker function. But I found that datepicker always caching the first value.. $(function() { $(document).on('change', '#booking_package_type', function()
tablesorter 2.0.5 columns with alphanumeric values and leading digits
Do not sort properly. Example: data is a measurement of days since <event> data: 152d 12h 39m 149d 13h 33m 17d 17h 17m 358d 2h 56m sort as 149d 13h 33m 152d 12h 39m 17d 17h 17m 358d 2h 56m is there a way to make it sort based on the numeric values alone ?
When using a dialog box, how do I target it for content swaping?
I'm starting with: function run_modal(catagory, item) { // alert(catagory +'*'+ item); //modal code for output $( "#modal" ).dialog({ //modal content in here title:"this is only a test",//title of modal box width: 300, height: 300, modal: false, ui-dialog-content:"text", }); } I intend to be able to use the ajax (think success innerhtml) feature to do a page request on the back end to hot-swap the forms, as it could take forever to load
Tabs with Static Header Pane?
I want to create a tabset with a static header pane that remains visible regardless of which tab is selected. Whenever I search on jQuery, Tabs and Headers I get flooded with stuff about the header area that contains the tabs... Something like this (sorry for the ascii art...) [tab a] [tab b] ================== | Always Shown ================== | Alternates depending | on whether A or B | has been clicked | (normal tab behavior) ==================
Matching first or all occurencies with filter?
Assume I have the following jQuery statement: $("p").filter( function(){ return $(this).text().match(/^\s*$/) }).remove(); Is this remove() executed for ALL occurencies which are matched or only for the first found? if latter: How can I appliy the removal to ALL occurencies? Peter
unable to load local json file data on page load of html
$(document).ready(function(){ alert('Level1'); //this is getting fired $.getJSON( "/data/widget.json", function(data) { alert('level2'); //not getting fired alert(data.widgetData.title); }); }); i want to get the JSON data and form html dynamically for the widget....But i'm unable to get the JSON data $.getJSON not working project structure ----------------------- WidgetProject |-------------> data | |---------->widget.json
Jquery Mobile Popup Vertical Scroll Problem
I have to create a popup div with some contents from database using ajax post.my popup is working properly,but when i am scrolling my popup div from bottom to top then the contents of the div goes outside on the top section.I have to test my application on geny motion emulator(Android version Jelly Bean).It works latest versions.But not working on lowest versions like jelly bean.i am attaching my popup image here. see the red mark above.And Also css property of top,left,right,bottom not working,when
Need some help understanding
Hi everyone, I'm quite fresh when it jQuerry, but from what I gather so far, it seems not that difficult. But, I'm still just starting out, and don't want to miss anything important, so I'm here with my first ever important question on jQuerry :) Now, I am going through a course from Lynda.com (jQuery Essential Training), and everything so far has been clear. But this last example has me boggled, so please help out. The code is next: $("document").ready(function() { var leftmargin = 0;
Autocomplete not working when the data is dynamically created using on click of the textbox
Hi All, I Have a Strange problem going on for weeks and I don't know how to fix it. I have two text boxes City and Area which needs to show autocomplete. While the page loads, Im taking all the city which I need from database and saving it in an arraylist. So when the user types a City, the autocomplete works perfectly. Problem comes after this, based on the City the user has choosen, when he clicks the Area textbox, Im making an ajax call and getting the areas for the city in from the
Jumping to a Marker Inside a Very Big Section in an Accordion Div
People, I have been using the JQuery Accordion structure quite happily for a while but soon one of the divs inside the accordion is going to grow quite big so I either need "sub-accordions" - which seems overkill - or something else. The real need for this direct jump is only going to come from URLs on other web sites and only for this specific subdiv - I tried using: <A HREF="#codeword">... and <A NAME="codeword"> but they don't seem to work inside the accordion div - is there some other mechanism
To repeat setInterval function with prameters
I want to repeat the function to increase the number in Alert. Please visit http://jsfiddle.net/jsfiddle135/3eewhcv0/ If you press the Start, the timer should have been activated with the alert increasing the number.
Converter jQuery--->JavaScript statements?
As far as I know jQuery is completely based upon JavaScript. So assume I am not allowed (or because of other reasons) to use jQuery on a particular web page and have to code something in pure JavaScript. Currently I have the jQuery statement(s) and need the corresponding JavaScript statements. Ok, one jQuery statement could result in 30 to 40 JavaScript statements but this shouldn't count as long as the pure Javascript show the same result. Is there a converter jQuery statement---->JavaScript statements?
Jquery range slider - change value while loading
Hi , How can i change the value while range slider loading ? Here is my jsfiddle Thank you !
Jquery Ui Date Picker
Hi, I need a small help i have two date pickers start date and end date by this i calculate week and show in a textbox. The problem is if i change week for e,g 5 to 4 the end date should also change similarly if i add i make it 5 to 6 it should increase. A Fiddle to go with it: http://fiddle.jshell.net/WU9P6/24/
Compatible for jQuery UI v. 1.10.2?
Hello, How compatible is jquery-ui.min.js v. 1.10.2? I have end users that use old web browsers. thanks!
Available Datepicker for jQuery v 1.10.2.
Goal: I'm looking for a datepicker for a website. Question: I cannot select any datepicker because I'm using jquery-1.10.2. Do you know any datepicker that use jquery-1.10.2.? It is only enough to retrieve the dates only. Information: *Unfortunatley, I cannot upgrade the jquery because the end users are using old web browser. *I'm using ASP.net MVC and Bootstrap v1.6.3
need manually refresh jquery mobile linked page
0 down vote favorite I follow the tutorial and example of JQuery mobile to implement a menu. For the page itself, it works. But when I click a link, the new page (different html page) shows without the menu. I have to manually click "refresh" button of the browser to make the menu visible. What is wrong? Any information would be appreciated. Thanks in advance. My two pages have the same css, js.. as follow. The differences between these two pages are the word"test1" and "test2" <!DOCTYPE html> <html>
best way to change the elemnt on which the event handler is applied .
hey guys check out the below code :: var i = 1; var funk = function() { return i < 5 ? ++i : i = 1 ; } changeHanderler = function(){ str = funk(); console.log(str); var elem = $('ul li:nth-child('+ i +')'); } $('document').ready(function(){ elem = $('ul li:nth-child('+ i +')'); elem.on('click.ga' , function(){ // even after elem increaments
Change BG image
Hi everyone! I hope someone can help me! I want change html background img on click So, i create an array with images and a for to iterate in array. But, on click, don´t change imgs bg as i want. Follow the code below $('html').on('click', function (e) { var bgs = ['2.jpg','3.jpg','4.jpg']; for(var x in bgs) { console.log(bgs[x]); $(this).css({ background : 'url(http://localhost/w-factory/img/'+bgs[x]+')' }) } });
where do i put the code
I’m trying to make my already existing website, mobile friendly. Where do I put the code to make this happen?
javascript variable hoisting .
hey guys have a look at the below code :: var i = 1; $('document').ready(function(){ str = funk(); console.log(str); var elem = $('ul li:nth-child('+ i +')'); elem.on('click' , function(){ console.log('logged'); funk(); }); }); var funk = function() { return i < 5 ? i++ : i = 0 ; } see how the
Help with a navigation bar.
Hi. This might of been asked but I couldn't find it. I'm new to web design. I have a navigation bar that's horizontal on large screens and when the screen size gets smaller, it changes to just say Menu and it adds a button with three horizontal bars that the user can click. When they click, the menu links are supposed to come out from the side. I'm having trouble with that part though. I'm using jQuery and don't know what's wrong here. The menu comes out when the user clicks or hovers, like
New to jQuery: How to set cookies for stylesheetswitcher?
Hello, I'm new here and I'm learning jQuery :) Code of the switcher: google.load("jquery", "1.3.1"); google.setOnLoadCallback(function() { // Color changer $(".colorblack").click(function(){ $("link").attr("href", "app/tpl/skins/DarkFlat/style/black.css"); return false; }); $(".colorblue").click(function(){ $("link").attr("href", "app/tpl/skins/DarkFlat/style/blue.css"); return false; }); $(".colorgreen").click(function(){
Transitions between views in one page backbone app - jQuery Css3
I want to use some jQuery Css3 transitions like this http://designdrizzle.com/15-amazing-page-transitions-effects-tutorials-in-jquery-and-css3/ in a one page backbone application but I don’t know from where I have to start. Do I need to alter the way I represent all of my views (at present a typical swap view) to get effects? Also, I want to learn 3D thumbnail hover effects with CSS3 and jQuery 3D variations I am a newbie into front end development, so want some help.
Jquery on change and click event problem
Hi jQuery Community, i have a little problem with jQuery. I have a form . In a select choice many checkboxes are grouped reloaded with ajax. This works great so far. Now i have to count the checkboxes if they are checked. And there is a problem. The counter value is to be output once total for all selected checkboxes and even once within the groups . Within the checkbox groups there are also a checkAll and uncheckAll button. These should checkboxes completely checked or not within there groups. As
juqery autocomplete
Hi , I am implementing a jquery autocomplete functionality where I need to do an AJAX call to get the required data . There is a sample code in the jsfiddle below: http://jsfiddle.net/m3MGH/31/ Autocomplete does not work in this ,... can any suggest what is wrong ? Your help is highly appreciated !! Thanks in Advance
jQuery 2.1.4 bug
I have noticed that their is a bug in jQuery 2.1.4. I have made a code through which checking a main checkbox checks all the checkbox in the table. The code works for the first 2 click but does not work from 3 rd click . The code works correctly when i use jquery 1.4.3. You can see the page online at - http://www.yogihosting.com/check-uncheck-all-checkbox-using-jquery/ the jquery code is - <script type="text/javascript"> $(document).ready(function () { $("#mainCheckBox").click(function
How to call Javascript in Jquery Mobile Multipage Template?
Hi, I have a jquery mobile app (which is multipage tempalte) and external javascript needs to be called inside the index.html page. Its working for normal html page and not working multpage template. Please guide me.
Loading script through .load
I have a foreach loop that echoes all the comments, I also added a trash icon so the user can delete them, the problem is that I want the icon to be shown only if the user that wrote the comment hovers on it. Of course when the page is refreshed it works well, but since I'm using Ajax to update the comments on live I'm using this code to update again the loop -- " $( ".test" ).load('../home/{{$image->id}} .test'); ". I'm well aware that in this way scripts won't load, I would like to see if there
Next Page