Image gallery not working... help!
/* I want to create a photo gallery to display my project images. The scenario is like this... Thumbnails, each represnting a project, are displayed vertically one below the other on the left of the page. Each project can have multiple images. All images are stored in folders/directories on the web server. When you click on a thumbnail on the left, the first image of that project, by default, should be displayed enlarged on the right, with thumbnails of all the respective project images being displayed
Jquery Slideshow working in FIREFOX, SAFARI... not GOOGLE CHROME!?
Can anyone please help me? I have a gallery on my website that plays fine in firefox and safari, but for some reason it won't load in Google Chrome... any ideas? https://vibefree.com/gallery.html ty
get the width not max width
hi , i have written a plugin that create a black box when user want to see a notification or warning or sth like this , what ever , im creating some elements in this plugin . like the container and the close_btn and the content insed of it . i didnt put any width for the content element i just set min-width and max-width . when i want to centerlize the content div element i use this block of code var bodywidth = $('body').width(); bodywidth = bodywidth/2; var elementwidth = $('#'+elementwidth).width();
unable to show in browser using ajax
hi i am new to jQuery mobile my code is working in iphone/ipad simulator but not working in any browser my code is <!DOCTYPE HTML> <head> <meta charset="utf-8" /> <title>My first jQuery Mobile code</title> <meta name="viewport" content="width=device-width, initial- scale=1"> <link rel="stylesheet" href="JQM/jquery.mobile-1.3.1.css" /> <script type="text/javascript" src="JQUERY/jquery-1.9.1.js"></script> <script type="text/javascript" src="JQM/jquery.mobile-1.3.1.js"></script>
Jquery is not getting triggered after Ajax call....
Hi All, I have a following scenario : 1) I have a div container with some elements and an anchor tag is in it For Eg: <div class="mainContainer"> <!--Content-1 --> <ul> <li><a href="#">Link-1</a></li> <li><a href="#">Link-2</a></li> <li><a href="#">Link-3</a></li> </ul> </div> Now i have a click function associated with the anchor tag (And i kept the function in a seperate Javascript file $(document).ready(function(){ $('.mainContainer
List view from JSON open in InApp Browser
Hey all, I use JSON to list the latest posts from my website in listview for jquery mobile in a iPhone app that uses phonegap. When the user clicks the link I want it to open in the InApp browser of phonegap but cannot get it to work!! The .ajax call is working and a list is being created with the <a> links. Below is the bit that isn't working even though it's similar to a button example that does work on my app elsewhere This does NOT work: $('#datasales').append("<li><a href='#' data-role='button'
Delegation Troubles
jQuery 1.7.2 -- trying to convert bound events to delegation, but having trouble. This code is working: $(document).ready(function() { $(".itemLabel").change(function() { var theLabel = this.value; var railsRoute = $(this).data('route'); $.post(railsRoute, {_method: "put", label: theLabel} ); }); }); However, this does not. Actually, it works identical to the code above in that it works for all existing .itemLabel elements, but not for any new ones added the page is originally rendered.
datepicker (jQuery UI) serverside processing (asp.net)
How can i proces the selected date without a submit button? I am using the inline presentation with "populate alternate field". Because i want to keep the calender visible I have used the Alternate field in my hope to use the textbox events but to no avail. (textchange is handled "in between posts", so i need a postback ). the Alternate field is not necessary for the solution. Other question for same problem: what events are at my disposal when using a <DIV>. l <div> Date: <div
Event when an object is added to a sortable?
I have a sortable that sometimes has elements added to it dynamically. The new elements are sortable out of the box. The trouble I am having is that I do some work when the order of the sortable has changed (using the stop event). I would like to also run this code when a new element is added to the sortable, but I can't seem to figure out how to determine when that happens. I would add the code into the new element code instead, but I am using a plugin to handle that and I don't really want to muck
A simple example of how to use Jquery deferred progress callback with a Jquery UI progress bar for real-time updates
Javascript ----------------- <script type="text/javascript"> var countUpTimer; var countUp_number = -10; var deferred = $.Deferred(); var promise = deferred.promise(); $(document).ready(function () { $("#progressbar").progressbar(); $("#fail").click(function () { deferred.reject(); }); function result() { alert("Done!"); } function failed() { $("#progressbar").css({
Show all jquery results
I slowly and shakily created code that loops and displays a list of several results. I know it works because if I use document.write in the script, it shows all the results. However, when I try to get it to display in a html textarea, only the last result is display. How can I get them all to display in the html? ---------------------------- <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script> <!-- changed from 1.4.2 --> <script type="text/javascript">
How i can fore a function after $.mobile.changePage ?
Hi i have a button in my page with class="editing_team" . When i click on this button i change page via script with $.mobile.changePage and fire a function that populate the page. This is the script: $(document).on('click','.editing_team',function(){ var id_team = $(this).attr('data-id'); var nome_team = $(this).attr('data-name'); $(".counter_formazione").html('0'); $.mobile.changePage ($("#editteam")), list_team_edit(id_team,nome_team) }); The script work good except for a issue. Apparently,
How To Access All Anchor Tags In Jquery (or any repeated nested tag)
This really more of an "accessing all of the nested anchor tags" issue. I have a html structure like this: <div id="old-posts"> <div class="toggler" style="margin-top:20px;"> <div id="effect-5498" class="ui-widget-content ui-corner-all effect"> <div class="user-name">ibanks</div> <p>some text..</p> <div class="date-created">May 30, 2013 12:00 pm</div> <div class="like-dislike-area"> <div class="command-area"> <div class="like">
table sort default by desc
Hi, records are displayed within table and currently default by asc. How can i make it default by desc ? Thanks <script type="text/javascript"> $(document).ready(function() { $("#jobtable").tablesorter({ // sort on the first column and third column, order asc sortList: [[0,0]] }); }); </script>
Audio stops playing when iphone goes to sleep
I have a mobile app created with jquery mobile and compiled for ios with phonegap. If an audio file is playing, when the phone goes to sleep, or the top button is pressed, the audio stops playing, but resumes when awakened. Is there a way to force the audio to keep playing when the device goes inactive? Thank you.
Why does wrapping large groups of elements before insertion increase performance?
JSFiddle example What I'm interested in is an explanation of why the Third Method completes in less than half the time as the Second Method, when the only difference between the two is that, in the Third Method, there's a div element wrapped around the string that contains the 1000 divs to insert. I've seen this tip mentioned all over the place, but I have yet to see a reason WHY using a wrapper is faster. var arrLen = 1000; var arr = [arrLen]; for(var i=0; i<arrLen; i++) { arr[i] = i; } Second
Simplemodal is blank!
I have started getting intermittent issues where simplemodal dialog contents are blank this tends an issue only in production. I have proved that the RegisterStartupScript call is passing the parameters correctly when the problem occurs. When the problem occurs the modal spans the entire width of the page and hides the close button - the users are stuck until they move off the page. thinking it might be a timing issue I tried putting in a delay before displaying the modal with window.setTimeout.
Table container navigation bar redirect
Hello. I'm using UI table container for view some data but now i need to redirect user to another page by click in navigation bar. Jquery click event not work and all solution what i googled too . Page still opening in body of container or redirecting by click twice (first click open page in container body and second click on same button redirecting. Its not good ). Please help me to find best solution for my question. Regards.
Font face change
I just download you theme and it has really helped me a lot on the project am caring out. But when i added the accordion and tab widget to my page. It change my entire font size. Please i need help? How can i maintain my original font size. Thanks
Polulate checkbox with hibernate list
Hi All, Please help me in populating the checkbox list using the list I got from hibernate. Thank you. Regards Raj
Autocomplete with jquery json. Why this error heppens????
The program works on local but not works on server.Why?????? [WebMethod] public List<string> GetAutoCompleteData(string prefixText) { ... Server Error in '/' Application. Unknown web method GetAutoCompleteData. Parameter name: methodName Description: An unhandled exception occurred during the execution of the current web request. Please review the stack trace for more information about the error and where it originated in the code. Exception Details: System.ArgumentException: Unknown web method
Panel doesn't work anymore after ajax pageload
I've got a default jQuery-mobile setup with a panel on the right. It works correctly until i navigate to a other page. The panel won't show anymore with: $( "#mypanel" ).panel( "open" ); This although the html of the panel is there. All the pages loaded contain the panel html.
1.3.x no longer passes URL Parameters
I'm not sure what has changed, but in version 1.1.x you could pass a simple link such as #divname?id=foo and retrieve the parameter value of id. In 1.3.x it seems the jQuery is stripping anything other than the page bookmark, so I had to revert back to 1.1.x rather than rewriting a bunch of code. What happened?? Is this going to be fixed? The following function is an example of what's going on. the data-url string no longer contains any parameters. $.extend({getUrlVars:function(){var a=[],b;var
jQuery fortune teller not talking
After taking some jQuery lessons, I have attempted to write my first program - a simple fortune teller program. You ask a question (right now for love, happiness or money) and the program takes the question, splits it into an array and then loops through the words for a keyword. Depending on the keyword, one of ten random answers is returned. The problem I am having is that sometimes it gives the answer but only for a split second and then resets itself, or sometimes the h1 text where the answers
Need help in jQuery Prev & Next nutton
Hi, I am very new in jQuery. My client wants to update the slider he is using in his site http://www.hambastegimeli.com. I've added the Next & Previous buttons. But can't make those workable. Can anyone tell me how can I make it workable? Thanks Prasun
Make circle diagram with jquery
Hi! I want to use this diagram http://www.jqplot.com/tests/pie-donut-charts.php But it doesn't work in my localserver(XAMPP) What is wrong here? NOTE: my jquery and javascript skills are beginner level. Thanks.
jquery form validation
Hi to all In my page i want to do form validation and the following are the part of my code but its not working <html><head> <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script> <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script> <style>#docs { display: block; position:
Adding FadeIn/FadeOut to jQuery UI Tabs
I feel like I've tried everything, but I'm not sure how to make my tab transition fade content in and out... Here is my code.. <script type="text/javascript"> jQuery(document).ready(function ($) { $('.kb-home-sort').tabs(); }); </script> And the HTML <div class="kb-home-sort"> <ul class="kb-home-sort-nav"> <li><a href="#tabCat">SORT BY CATEGORY</a></li> <li> | </li> <li><a href="#tabRecent">SORT BY MOST RECENT</a></li> </ul> <div id="tabCat"> <!-- DISPLAY ALL KNOWLEDGE BASE
onchange load not working!
Hi Is there something wrong with my code? It doesn;t do anything! I put alert there and alert works! I checked the ids and they exist there too! Can't find out why its not working! I appreciate any help. Thanks <script> $(document).ready(function() { $(function() { $("#category").change(function(e) { $("#subcategories_box").load("index.php",
A complete example of autocomplete that does not work in JQuery-UI dialog
Note: I have removed everything except what I want to ask about. Here Is an complete example of code where autocomplete doesn't work when used in JQuery-UI dialog. The code works like this. 1.When you start you can focus in the text field and press for example button a now the autocomple works a list is displayed because you are NOT in a JQuery-UI dialog. 2. Cick the button New Voyage. This will display a JQuery-UI dialog. 3. Focus in the text field VesselID and press a autocomplete doesn't display
Textbox Input Validation
I would like to use jQuery to validate numbers entered into my textboxes on my webpage. I would like to validate it to make sure that it is: A number In the range 0.100 to 10.000 To 3 decimal places I have the following code - but how can I expand it to suit my needs: $('.numbersOnly').keyup(function () { if (this.value != this.value.replace(/[^0-9\.]/g, '')) { this.value = this.value.replace(/[^0-9\.]/g, ''); } }); Any help would be greatly appreciated!
$("*").not() problem?
It seems that the .not() function isn't working if the '*' selector is used: this example code should display the last h4 element in black, but it isn't. I haven't found any documentation yet that describes this behaviour... <!DOCTYPE html> <html> <head> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> <script> $(document).ready(function(){ $("*").not("#mytag").css("color","red"); }); </script> </head> <body> <h2>Lorem in red</h2> <h4>Ipsum
Make diagram with jquery
Hi guys! I want to make diagram with jquery. Using someone about it? Thank you advance!
get value of slider on change of slider
Hi, I searched the internet for about 4 hours now, and tried every solution I found, but I still can not get the value of a jQuerymobile slider without having a button being clicked. Is there any solution to this? This is my slider <input type="range" min="0" max="1500" step="50" data-highlight="true" name="kosten_bis" id= "kosten_bis" value="0"> I have also got radio buttons and drop downs, where I already get the values as I change them, but for any reason this does not work with the slide :-(
How do i track facebook likes and shares on my page from google analytics
Hi all, I am working on some marketing campaign and require help to fix this issue. I would like to track event on google analytics such as facebook likes and share. How can i fix this? Thanks!
how to convert jquery object to string
Hi to all,I am a begginer in jquery and may be this question look silly to you genious guys. Well i have two forms in my jsp page.While submiting the 2nd form ,it takes value of one input fields of 1st form and submits. So for this i did like this <html> <head> <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
keydown and .which on Android
We're using the keydown event on a text field and determining which key was pressed using the 'which' property. This works on all tested browsers (desktop chrome, safari, ff, iOS safari) unless on Android. The .which property is 0. Are there any known issues with keydown and Android? The 'keyCode' and 'charCode' properties are also returning 0 on Android. Thanks!
Problem when i am converting Xml to sting using JQuery
var xml = "<rss version='2.0' xmlns='http://www.w3.org/1999/xhtml'><channel><title>RSS Title</title></channel></rss>", xmlDoc = $.parseXML( xml ), $xml = $( xmlDoc ), $title = $xml.find( "title" ); /* append "RSS Title" to #someElement */ $( "#xyz" ).append( $title.text() ); /* change the title to "XML Title" */ $title.text( "XML Title" ); /* append "XML Title" to #anotherElement */ $( "#xyz" ).append($title.text()); $xml.find("channel").append($('<title>test Title</title>')); alert((new
How do I prevent jQuery from inserting the 'xmlns' attribute in an XML object?
Below one is i tried:- var xml = "<rss version='2.0' ><channel><title>RSS Title</title></channel></rss>", xmlDoc = $.parseXML( xml ), $xml = $( xmlDoc ), $title = $xml.find( "title" ); /* append "RSS Title" to #someElement */ $( "#xyz" ).append( $title.text() ); /* change the title to "XML Title" */ $title.text( "XML Title" ); /* append "XML Title" to #anotherElement */ $( "#xyz" ).append($title.text()); $xml.find("channel").append($('<title>test Title</title>')); alert((new XMLSerializer()).serializeToString(xmlDoc));
Ajax and events
Hello, So I've been looking around in regards to my problem, and though others seem to have the same issue,I am just not finding a solution. So, I am hoping I can get a direct answer to help me out here. End state: after executing Ajax, all jq events cease to function. Below I have a test file (named test.php), to illustrate: <!DOCTYPE html> <html> <head> <title>Page Title</title> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.min.css"/>
Next Page