Interactive Zoom Gallery
Hello, I would like to build an interactive photo gallery with a similar zoom in and zoom out effect as seen on this website. Could this be done using Jquery? If so, could anyone please direct me to a plug-in or linked tutorial of how I could recreate this or something similar? Thank you so much, I really appreciate any help as I am fairly new to using Jquery....
Copying/Cloning CSS Classes and Div's
Is it possible to clone CSS classes and ID's and if so how do I go about doing it? For example I have, #firstClass {font-size:24px;} I want that copied into #secondClass; and then something similar duplicating an ID. Thanks in advance.
Flip switch not swiping in Android default browser
Hi The flip switch doesn't appear to swipe at all when viewed in the Android default browser. It works fine when tapping on it. I am using the latest version of JQuery Mobile, running Android 4.4.2 on a Samsung Galaxy S4. This happens on the actual JQuery Mobile Demos (http://demos.jquerymobile.com/1.4.4/) Any help would be appreciated. Thanks
jQuery serialize() handles multiple select options incorrectly
Using $(this).serialize() with jQuery causes multiple selections to be lost. In the example below, the results for "product" should be returned as an array. <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>Test</title> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script> <script type="text/javascript"> $(document).ready(function() { $('#order').submit(function() { alert( $(this).serialize() ); return false; }); }); </script>
jQuery Mobile reading checkbox or radio
What is the official method to read the value of a checked radio/checkbox? Is there something I am not reading, because I can find out how to create but not read (or set) these input tags? For example: http://demos.jquerymobile.com/1.4.4/checkboxradio-checkbox/ It has proven frustrating bug tracing my code only to find why I was not saving my 'ticked' box values. In the end, I discovered a class " ui-btn-active" is set when the operator 'ticks' a box and I must use this to get the corresponding
Matching on list elements
I am currently using the following line of jQuery to filter a table. $("td.tag").not(":contains('" + $("#filter_grade").val().toLowerCase() + "')").parent().hide(); Where #filter_grade is a text input box. <input type="text" name="filter_grade" id="filter_grade" class="filter"> The .tag class is on a hidden column like the following. <td class="tag" style="display:none;">272,13-292,</td> Is there an easy way to modify the jQuery so it only matches complete strings in the list and not partials, so
Drag and Drop features TO_DO App
Please use the following credentials and log into Asana.com (don't worry this is a demo Account created for testing ), username : gautamx07@yahoo.com password : gautam basically its task management online cloud application . it has a few really cool animations and effects , that i would love to incorporate in my application . I am not sure this is possible , and i might be going over the top here , but if theres no harm in trying , i'd like to try . So here are the features that i liked and would
Padding Around the Photo with the Magnific Popup Plugin?
The HTML: <!DOCTYPE html> <html> <head> <title></title> <script src="jquery-2.1.1.min.js"></script> <!-- Magnific Popup core CSS file --> <link rel="stylesheet" href="magnific-popup/dist/magnific-popup.css"> <!-- Magnific Popup core JS file --> <script src="magnific-popup/dist/jquery.magnific-popup.js"></script> <script src="script.js"></script> </head> <body> <h1>The Headline Tags Here</h1> <div class="parent-container">
Problem with Table filter
With the examples of this URL -> http://demos.jquerymobile.com/1.4.4/filterable/ I created an example of filtering table (Table filter). Made only with HTML. My example works. But when trying to do the same by creating all objects dynamically with jquery. Does not Work. That if the end running these commands ($ ("# table") table ().; $ ('# inputSearch') textinput ().) to have the appearance of Jquery mobile. Any idea why does not work? Thank you
filter and remove
I want to filter data by company, by amount and show only the last row in column dollar and peso. please see screenshot, the data will be based in database. here's my html tag echo "<tr> <td>".$r['Name']."</td> <td align='center'>".$r['date']."</td> <td align='right'>".number_format($r['NetDollarPayOutReplenishment'], 2)."</td> <td align='center'>".number_format($r['NetShare'], 2)."</td> <td align='right'>".number_format($r['NetPesoReplenishmentLOC'], 2)."</td> <td align='right'>".number_format($r['NetPesoReplenishmentUSD'],
jQuery and Adobe Muse
Hi Everyone, Forgive my ignorance but I've been struggling with this little issue all day and I'm not sure whether this a jQuery issue, my issue (very likely) or an Adobe Muse issue (equally could be the cause). I'm trying to make a smooth transition between separate pages when any link on the pages are used. This is the code I'm using (below) but as you can see from the demo (also below) I seem to get a "flash" of the page its about to load before the fadeIn. Any ideas? code with in Muse: <script
before create page
hi, in a jqm 1.3.2 multipage-webapp I parse my HTML on pagebeforecreate. $(document).on("pagebeforecreate", '[data-role="page"]', function( event ) { //do some stuff }); That works so far. Doing stuff is done before page is created. But now I need to load an external script … $(document).on("pagebeforecreate", '[data-role="page"]', function( event ) { $.getScript("script.js", function(){ //do some stuff }); }); … but that doesn't work because the creation of the page goes on while script.js
How to get the 2nd column value of dropdown list.
Hi, I need your help because I want to get the value of the second column of dropdown list. I populate it when I click on the checkbox in this way: var chk = $("#chk"+arg2).is(':checked'); if(chk == true) { $("#codiciGiusti").append('<option value="' + arg1 + '">' + arg1 +' '+ dataAssenza +'</option>'); }else{ $("#codiciGiusti option[value='" + arg1 + "']").remove(); } and it works fine. My problem is how to get the second column value (dataAssenza) from it. Thanks
Internationalization
Hello Forum, I'me developing a multipage web app with jam 1.3.2 and I use dom-cache. Now I need an internationalization-plugin and read about and found i18n. But I found also: jquery-i18n-properties jquery-i18n What is the best choice for my jqm1.3.2 web app? best, heinetz
jQuery checkbox takes time to get checked/unchecked on iPhone
I am facing an issue with jQuery Mobile on iPhone. I have a list of checboxes and a checkbox to select "All". After an initial few taps on the checkbox, the check box takes few seconds to get marked as checked/unchecked. The checkbox doesnt get marked unless the user waits for a few seconds or scroll the screen. This seems to be an issue only with this particular phone as it works fine on desktop browsers and Android devices. Here is the script: /* Check-Uncheck */ self.elements.listview.on('change',
Unique slider
Checkout the unique slider on this page : Slider , what pluggin could i use for that , how would i go about creating something like that ?? :)
Building a responsive , double navbar .
I'd really like to build a navbar like this , i have just a day to do this , so i hope its not that tuff . its gotta be responsive on desktops and mobiles . of course i'll be using bootstrap , not building from scratch . would it be possible to build this kind of a navbar ?? basically i just want a resposive double navbar , preferably with the logo in between. Navber - this what i want to build . Thanks.
Safari form.submit() does not post input type="submit" name and value
Hello, trying this code in Safari the form.submit() function does not post the name and value of the input type submit named "send". Changing "submit" with "button" seems to work. <form id="test-form" name="test-form" action="test.php" method="post"> <input type="text" name="name" /> <input type="submit" name="send" value="send" onclick="send_form()" /> </form> <script type="text/javascript" > function send_form(){ $('#test-form').submit(); } </script> In Chrome and Firefox
First App attempt, advice needed please
Hello all I am attempting to build my first app. I have never used Jquery Mobile up to this point, but I am a little familiar with basic jquery etc. I bought a book and I am learning about the framework, quite straight forward for building basic mobile pages, which I am excited about. My first app idea (mainly for personal experimenting purposes), is based around a sports team. I plan to do some basic player info. Is there any way I can get dynamic content from the likes of wikipedia that automatically
Nested Popups Chained
Hi I have 2 nested popups chained and using the workaround to get chained popups working with a timeout Both popups consists of an unordered list. And the problem I'm encountering is the 2nd popup shows the first choice #popup2_1 only no matter which one of the others I select. Any help on this one please. <script> $(document).on("pagecreate", function () { $("#popup1").on("popupafterclose", function () { setTimeout(function () { $("#popup2_1").eq(0).popup("open") }, 100), setTimeout(function
scrollbars and overflow: auto and boxmodel
I was hoping setting this CSS stuff thru JQuery would make stuff "just work" but I haven't found the incantation and my searches here don't land on what I need. What I want to do I think would be pretty common. I want to assign a rectangular area for some content and then have it pop a vertical scrollbar if the content exceeds the height of the box. I would like the have the scrollbar appear inside the content rectangle. But I see different behavior in the big three browsers, with the scrollbar
jvectormap uncaught referenceerror
hey guys, I have been trying to get this plugin working for hours and can't seem to do so. I am fairly new to jquery so i do apologize if i say something stupid :) I tried following the tutorial provided on the site but have had no luck. Anyways my code so far is: <!doctype html> <html> <head> <meta charset="utf-8"> <title> vectormap </title> <!--<link rel="stylesheet" media="all" href="css/jquery-jvectormap.css" /> --> <link rel="stylesheet" media="all" href="css/jquery-jvectormap-1.2.2.css" />
jQuery Cycle Reverse Transition Wipe
I'm using the "next" and "prev" buttons and the "wipe" transition. Currently the transition goes from left to right ("l2r") when "next" or "prev" are clicked. I would like it so that when you click "prev" it goes in reverse, right to letf ("r2l"). I'm aware you can edit the javascript source file to accomplish this, but I am not skilled enough to pull this off. Any help would be appreciated. Thanks!
Sending $_FILES through JQuery
Hello I'm doing a form which contains a gallery with PHP+MySQL. I'd like to add the possibility to upload images using jQuery in case of the image I'd like to use is not in the gallery. The problem is, $_FILES doesn't send through $.post.... I was reading and, as I understood, this is not possible. Another option would be open a pop-up window to upload the file. But in this case, when I go back to the form, the pictures must be updated with no reload it (because if I reload I miss all the information
Problem with ResposiveSlides.js [Resolved]
Hello, I'm using ResponsiveSlides.js in my homepage, but it stopped working out of nowhere... I try everything, put right on the page, in my script.js page, try to chance the options and nothing... Here's responsiveslides website >> Here << My page is >> Here² << Help me please ><
Jquery with Dynatree default selected tree child.
Hi, I have created one tree structure using dynatree(jquery.dynatree.js),on left side of my screen. Now my requirement is to display one particular child from the tree as selected. And at the same time once use clicks other tree nodes/ child that selection should change. Can anyone suggest as how to make that particular child selected on page load. I tried below logic: $(document).ready( function() { $('#tabs-1_li').addClass('selected'); } The aboce code makes the element (<li
unable to drag
I am trying to drag an object on a drawn rectangle. I do not know what is wrong I am new to jquery ty very much <html> <head> <link type="text/css" rel="stylesheet" href="drag.css"> <script type='text/javascript' src='drag.js'></script> <script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.9.1/jquery-ui.min.js"></script> </head> <body> <div style= "width:500px; height:500px; border:1px solid #000;"> <img src="images.jpeg" id="car"> </div> </body> </html> my js function $(document).ready(function(){
Looking for a good multi effect jquery slider
Does anyone know of a good jquery slider plugin that allows for various custom animations of multiple elements in each slide? Or does anyone know of a good tutorial that covers how to build one?
Tab id setting with 'ajax' tabs
When loading a tab using ajax by setting the URL in the configuration, the tab content gets loaded allright. However, I'ld like to fix the tab-id to the same value as the one I set when ajax loading is disabled for the tab(s). Using the same tab id is usefull for 'CSS' configuration. Unfortunately, it seems impossible to set the tab id when using ajax loading - it is set from the tab title or content. I have tried to append '#myid' to the ajax url, but that does not impact the name. Is there a
Get size of my JSON File
Hi people, how i can get the Size from my JSON File with jquery? here is the code and i need to save the size in a variable, i need it for a for-loop. <script type="text/javascript"> var myArr = [] $.getJSON('daten.json', function(data) { $.each(data,function(key,value) { myArr.push("<li>" + value.Teilnehmer.Name ," ", value.Teilnehmer.Nachname + "</li>") }) $('.content').html(myArr.join('')) }) </script>
Method to retrieve the request headers about to be sent
The native XMLHttpRequest API doesn't have methods to get request headers. It would be useful to add one to the jqXHR object, to facilitate debugging and test automation. User requests dating back from 2011: http://stackoverflow.com/questions/7564007/get-sent-headers-in-an-xmlhttprequest http://stackoverflow.com/questions/9102279/is-there-a-way-to-get-all-the-request-headers-in-a-jquery-ajax-call ... and "request headers" showing up in Google's autocomplete when searching for "jqXHR get".
How do i repopulate custom html control dynamically
I am not sure if this is the correct place to post this so I will. I using MVC 2.5 . I need to repopulate a custom html help control in a view on an ajax call back, The custom control is an item in unordered list. I am trying to recreate the view for the list item in the ajax call back but am happing trouble with how to code this. Below is the c# code for the custom control, the view code that contains the custom html control ,and the method the ajax call back would call to recreate the list item
Error in W3C validation with lighrbox
Hi, I'm using a lightbox functioning with jQuery. But I'm getting many errors in the W3C Validation: Line 78, Column 93: Bad value diaporama_group for attribute rel on element a: The string diaporama_group is not a registered keyword. … Bollet" rel="diaporama_group" href="images/portfolio/arbres_foret/Bollet.jpg"> Syntax of list of link-type keywords: A whitespace-separated list of link types, with no duplicate keywords in the list. Each link type must be listed as allowed on <a> and <area> in the
how do i retrieve dom array in .on() event?
for example <script type="text/javascript"> $().ready(function(){ $('input').on('change',{name:'Lcb'} , ShowMessage); function ShowMessage(MyEvent) { alert(MyEvent.data.name); } }); </script> </head> <body> <input type="text" value="1" id="test[]"/> <input type="text" value="2" id="test[]"/> <input type="text" value="3" id="test[]"/> <input type="text" value="4" id="test[]"/> <input type="text" value="5" id="test[]"/> </body> </html> how do i get array index of trigger object?
Jquery Output and Play Audio Elements from Json Array in Correct Order
I am having trouble with outputting audio elements from a Json array with Jquery. Here is my Json array which contains images, text and audio: "questions": [ { // Question 1 "q": "<img height=100 width=100 src=\"js/Question1Option4.png\" />", "correct": "<p>Bag</p>", "audio": "<audio src=\" js/Question1.mp3\" ></audio>" }, { // Question 2 "q": "<img height=100 width=100 src=\"js/Question2Option2.png\" />", "correct": "<p>Eraser</p>", // no comma here "audio": "<audio src=\" js/Question2.mp3\" ></audio>"
I can't select the .current section
Hello I'm stuck. I've the following structure: <section class="gallery" id="media-home"> <ul class="list"> <li class="selected">Photos</li> <li>Videos</li> <li>Attachments</li> <li>New</li> </ul> <section class="gallery-item current"> ……… </section> <section class="gallery-item"> ……… </section> <section class="gallery-item"> ……… </section> <section class="gallery-item">
how to change size of datepicker calender
how to change size of datepicker calender
.trigger() vs .triggerHandler() vs .simulate()
Reading the jQuery tutotial on triggering events there seems to be some misunderstanding, and I quote: ".trigger() function cannot be used to mimic native browser events, such as clicking on a file input box or an anchor tag." "There are four differences between .trigger() and .triggerHandler() ....... .triggerHandler() will not cause the default behavior of the event (such as a form submission)." Aren't these 2 quotes in contradiction? Isn't form submission an example of "following a native
Parse JSON object and reveal with a "show" function
Hi, I am attempting to use Jquery plugin script to parse/output elements from a JSON file. The script that I have so far can parse one set of elements, but not a corresponding set. The JSON file structure is as follows: "questions": [ { // Question 1 "q": "<img height=100 width=100 src=\"js/Question1.png\" />", "correct": "<p>Answer1</p>" }, { // Question 2 "q": "<img height=100 width=100 src=\"js/Question2.png\" />", "correct":
jQuery Query Help
With the following code I need to locate all elements with a cell_name that starts with the word Driver. Once I identify these rows I need to select the data_table element within the same row and change the css class. Any help with a fast and efficient query. <table> <tbody> <tr class="row_folder"> <td class="matrix_cell"> <div> <div class="cell_name">Driver #1</div> </div> </td> <td class="matrix_line"> <div> <table class="data_table folder"> ... </table>
Next Page