Hi Is there a jquery library which supports animation for browserts like this library does for iOS? I mean the smoothness and the different transitions?
I am looking for animation like given on 2nd number from bottom row. Can anyone point me in right direction?
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....
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">
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!
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
Problem json returns null
Hello I am trying to use JPList with MySQL. I think there is nothing wrong with JPList but.... In server-json.php $statuses = json_decode(urldecode($statuses)); This returns NULL I splitted it up to: $statuses = urldecode($statuses); Returns: $statuses : string = "[{\"action\":\"paging\",\"name\":\"paging\",\"type\":\"pagination\",\"data\":{\"number\":\"10\",\"currentPage\":0,\"paging\":null},\"inStorage\":true,\"inAnimation\":true,\"isAnimateToTop\":true,\"inDeepLinking\":true},{\"action\":\"sort\",\"name\":\"sort\",\"type\":\"drop-down\",\"data\":{\"path\":\"default\",\"dateTimeFormat\":\"\",\"ignore\":\"\"},\"inStorage\":true,\"inAnimation\":true,\"isAnimateToTop\":false,\"inDeepLinking\":true},{\"action\":\"filter\",\"name\":\"title-filter\",\"type\":\"textbox\",\"data\":{\"path\":\".title\",\"ignore\":\"[~!@#\$%^&*()+=`'\\\"/\\\\_]+\",\"value\":\"\",\"filterType\":\"TextFilter\"},\"inStorage\":true,\"inAnimation\":true,\"isAnimateToTop\":false,\"inDeepLinking\":true},{\"action\":\"filter\",\"name\":\"desc-filter\",\"type\":\"textbox\",\"data\":{\"path\":\".desc\",\"ignore\":\"[~!@#\$%^&*()+=`'\\\"/\\\\_]+\",\"value\":\"\",\"filterType\":\"TextFilter\"},\"inStorage\":true,\"inAnimation\":true,\"isAnimateToTop\":false,\"inDeepLinking\":true},{\"action\":\"views\",\"name\":\"views\",\"type\":\"views\",\"data\":{\"view\":\"jplist-list-view\"},\"inStorage\":true,\"inAnimation\":true,\"isAnimateToTop\":false,\"inDeepLinking\":true},{\"action\":\"filter\",\"name\":\"themes\",\"type\":\"checkbox-group-filter\",\"data\":{\"pathGroup\":[],\"filterType\":\"pathGroup\"},\"inStorage\":true,\"inAnimation\":true,\"isAnimateToTop\":false,\"inDeepLinking\":true},{\"action\":\"filter\",\"name\":\"colors\",\"type\":\"checkbox-group-filter\",\"data\":{\"pathGroup\":[],\"filterType\":\"pathGroup\"},\"inStorage\":true,\"inAnimation\":true,\"isAnimateToTop\":false,\"inDeepLinking\":true}]"
Superfish functionality
It seems to me that in a Superfish dropdown menu on touch screen it is not possible to dismiss a submenu with a second tap on its parent item - it is only possible by tapping anywhere off the menu or by tapping a different item to open another submenu. I am good with css but am not a jQuery coder. Would it be relatively easy to adjust the plugin so that a 2nd tap on the parent will close a submenu?
jVectorMap changing colors with my code
Hello All, here below there's the code I've used to link the countries in my jVectormap. Now I would like change the colors of the selected countries , in this case are 'it', 'fr', 'de', I'm a newbie and not too much expert, can you help me? Thanks a lot ! <script> var countries = ['it', 'fr', 'de'] $(function(){ $('#world-map').vectorMap({ onRegionOver: function(event, code){ code = code.toLowerCase(); if(countries.indexOf(code) == -1)
Refresh parent page after closing a pop-up
Hello Everyone, I have used fancy box jquery plugin for my popup. From the index page I am calling another page in a pop-up using Iframe. After button submit in the opened pop-up, pop-up get closed but the parent page values not get refreshed, I have tried all sort of options available against it, but not able to solve this. Kindly do help me to make this done. onClose: function () { alert("you have closed fancybox"); // project.empty(); }
How to Query Json data in Jquery
Hi, I have Json file in below format. I want to query this file based on datetime field and pick that particular event.can some help me. Thanks in Advance { "events": [ { "title": "Hi", "description": "Event1", "datetime": "new Date(2014,10,29)" }, { "title": "Hi", "description": "Event2", "datetime": "new Date(2014,10,1)" }, { "title": "Hi", "description": "Event3",
Using button to change value
Hi folks, i'm currently working on a 360° view using the reel.js plugin (reel360.org) - i'm trying to use a simple button to change the image folder or range.. the button does not do anything, what am i doing wrong? Code: <html> <head> <script src='http://code.jquery.com/jquery-1.9.1.min.js' type='text/javascript'></script> <script src='images/jquery.reel.js' type='text/javascript'></script> <script> $(function () { $(document).ready("#change").click(function () { $("#image").attr("data-images",
Jquery BlockUI plugin adding Detach DOM elements in Document Fragmentation
While investigating a memory leak in IE11, using the developer tools I found some DOM Detach elements. After doing further investigation, inside I found Document fragment sections where some HTML nodes were still retaining memory and not being garbage collected. Here's code from the BlockUI plugin var s = "Some Div tags" var lyr2 = $(s); $() is adding in document fragment I am using jquery 1.7.2 version, assistance appreciated Please find line numbers . https://github.com/malsup/blockui/blob/master/jquery.blockUI.js#L293-L326
Datepicker and Radio Buttons
Hello, i use for my website the datepicker plugin, works good. <form action="<?=$_SERVER [ 'SCRIPT_NAME' ] ?>" method="post"> Datum: <input id="datepicker" name="datepicker" type="text" readonly="readonly"/> <input type="submit" value="press button" /> But now i need also 3 Radio Buttons between date field and submit-button. but i dont know how, perhaps anyone can help. <?php if( $_POST [ 'radiobutton' ] == "1" ) { echo '...' ; } ?> <?php if( $_POST [ 'radiobutton' ] == "2" ) { echo '...' ; } ?>
scrollTop not working on chrome
Hello, im using what supossly is the solution for this issue, but still only works on IE and Firefox and fails in Chrome. I'm using $('#imgArribaCarrito').on("click", function () { $('html, body').animate({ scrollTop: 810 }, 2000); }); But nothing happens in Chrome....I guess there must be a conflict...but not sure what. Any ideas of possible causes? Site is (already live) at http://pranavyana.com.ar/ Thanks!
Jquery Full Calendar width problem shows scroll bar
any way to solve the problem? I want it to be responsive but when i minimize the calendar shows scroll bar
blockUI prevents TinyMCE 4 plugins from working
Please see fiddle at http://fiddle.tinymce.com/bzeaab/16 . When TinyMCE 4 (v 4.1.5) is hosted in (malsup's) blockUI display, plugins won't allow text editing. Other, non-text fields in the plugin still work. Is there a way to allow tinymce 4 plugin fields to get focus while under blockUI?
Insert Delete Icon Inside "jqxGrid"
Is that anyone knw how to insert Delete Icon in end of the table which the table created using jqxGrid!? What is the method to get such design? The delete icon should clickable and able to delete entry row data. Any Ideas?
Popup pluggin
i want to create an effect similar to this website . if you visit This website you will see that , IN the services section , if you click on any of the icons , a popup appears , is there any pluggin the Jquery that can acheive that for me ? Thanks .
The most popular jQuery plugin which creates the animation of swiping?
Recently I'm about to create a mobile website, in which swiping left and right allows users to navigate between pages (just different <div data-role="page">s, not actually independent html pages). Although jQuery Mobile and its Pagecontainer widget can achieve the change of pages, it doesn't seem to also create the drag-like animation of swiping. I did some search on Google and found a few plugins which create the animation. But I'm new to mobile website development and know nothing about the popularity
Translation + CreatedRow does not work
Hello I am a newbie and I do not understand why only one function or parameter is working but not together. Working: $(document).ready(function() { $('#patients').dataTable( { "createdRow": function ( row, data, index ) { if ( data[2] == "Désactivé(e)" ) { $(row).addClass('highlight'); } } } ); } ); Working: $(document).ready(function() { $('#patients').dataTable( { language: { processing: "Traitement
Noconflict problem with fullpage.js
Hi, I'm working on a wordpress based website and I've just integrate a javascript that canceled all my jQuery scripts effects. So I used the jquery no conflict mode as you can see below. Most of my jquery effects are working again except the two that are linked with an external sheet (tablesorter & fullpage). Do you guys have any idea of what should I do? Thank you in advance! David PS: console retuns: HEADED.PHP <script src="http://code.jquery.com/jquery-1.10.1.min.js"></script> <script src="http://code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
table sorter pager with widget group
hi, I have table with row collapse and expand using widget-grouping and table sorter but I am not able to put paging , I tried to use table sorter pager but this work for whole rows not grouping rows. please help me Rahul
can't give <br> in title using tooltipster plugin
Hi , I am using tooltipster as jquery plugin . I am not able to insert <br> in title . Is there any method so that i can use <br> in title . Demo of this plugin http://jsfiddle.net/varun30/yt0huov2/
put auotcompete in function as to reuse it
Hi I have Autocomplete as below. I need to wrap them into a function and pass two parameters for "#txtValue" and "#lblName" so that I can reuse it as many as I can as I have one page which need to call ten times the differences are only the imput ("#txtValue") and the label ("#lblName") thanks you very much in advance $( "#txtValue" ).autocomplete({ minLength: 4, autoFocus: true , source: function (request,response) { $.ajax({ url: ' @Url.Action( "Autocomplete" , "File" ) ' , dataType:
Please help! Validation plugin: addMethod with error message from server doesn't work well
Hi, I want to create a custom validation method which will call server and server will return an error message. I use WCF web service but I guess the issue will happen with any kind of web service. Here is the code: <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <script src="https://code.jquery.com/jquery-2.1.1.js"></script> <script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.0/jquery.validate.js"></script> </head> <body>
jtable export to Excel
Hi all, I'm quite new to jQuery and jTable, but I have programmed a jTable page for my intranet and it works really great. Now it comes, that the request for an Excel-export arises and I searched the web how do manage it. I've found this little code fragment: $("#btnExport").click(function(e) { window.open('data:application/vnd.ms-excel,' + encodeURIComponent($('#dvData').html())); e.preventDefault(); }); I understand, that "#dvData" should be the Table, but it didn't work for me. I've tried "#jtable"..."undefined"
Jquery tabs loading content via ajax,content already has ajax call inside
I have some issue with the using of jquery tabs. I can use the tabs with dynamic php pages normally but the problem is my page is already contain ajax call inside. I have two selectlists,the second is chained to the first one. Because of this when i integrate the page to the tab,click on it and its navigate to a "ghost" page which shows the second select list only and nothing else.I am sure the conflict is becuse it has already ajax call and the jquery tabs plugin also using ajax calling Update1:
Help with FlipClock jquery plugin/app
I am using the FlipClock, and the example one works fine on my browsers... I put it on my website and it looks like this: (I took a screen shot) http://s22.postimg.org/9v19oa0oh/flip_Counter_Not_Working.jpg see how it is not lined up right? I tested it in every popular browser, same thing. Not lined up right. I even renamed the div, incase there was something else messing with it, so I made it a off the wall name, so that no way was something else using it. Same thing. I don't know what else to try
Scrollable Instagram feed using two plugins together
I am using plugins from http://instafeedjs.com/ to source and from http://manos.malihu.gr/jquery-thumbnail-scroller/ to display pictures from Instagram in a Magento based website. I have got to the point of displaying the pictures but only 4 pictures display at a time and so the scroll functionality is gone. Please see my code view-source:http://casehive.in/ Any suggestions on using an alternative welcome! Many thanks for reading.
How to add javascript for plugin on the page
Hi, I am using a plugin called slidedeck on my wordpress page. The slidedeck is just a slider which moves slides horizontally as well as vertically on click event. I am using the same slider on multiple pages and want the slider to navigate to different slides on different pages. I have got the code that works to go to any slide using a button. However, I want it to be on page load instead of button. Working code: <a onclick="jQuery('.slidedeck').slidedeck().prev(); return false;" href="#">Click
jQuery Multi Select not load option values with ajax
Hi, Values sent by php are not loaded properly in the plugin. Can anyone help me? HTML <div id="controlSoft" class="controls"> <select multiple="multiple" id="my_multi_select1" name="my_multi_select1[]"> <option value="dads"> </option> <option id="softHint"/> </select> </div> PHP <?php $q = intval($_GET['q']); $con = mysqli_connect("127.0.0.1", "root", ""); if (!$con) { die('Could not connect: ' . mysqli_error($con)); } mysqli_select_db($con,"pcd"); $querySoftware="SELECT * FROM software WHERE
Is there a similar plugin but free for interactive maps?
Here is the link, http://codecanyon.net/item/mapplic-custom-interactive-map-jquery-plugin/full_screen_preview/6275001?ref=jqueryrain It is a premium plugin. Any one know of something similar but free? I need the same features - SVG generated map of a country + states(separately clickable) Click state to zoom in... Please let me know.
Validate required dropdown/select inconsistent behavior with input via keyboard vs. mouse
Trying to unobtrusively validate a required dropdown/select. Everything works fine when form is submitted. While user is editing, however, input is validated inconsistently depending on how they do it. Can demo this using the standard jquery demo page (search for "Please select a fruit"): 1) Use your mouse to select a fruit from the list. 2) Tab out of field. Valid value reported. 3) Use your mouse to select the first, default, "Select..." item. Valid value still reported. This is incorrect--the
AjaxForm beforeSubmit with ajax calls and Alertify plugin
I'm developing a quite complex validation system, where there have to be two ajax calls to validate uniqness and repeatness of some data. To be clear I require presence book, owner and number fileds but except of presence the combination of these files should be unique (this is when a function should return false) and if the cmbination of book and owner is present in db a confirm dialog should be show to make that this combinations can be doubled. Now when the $.get call are complete the functions
Uncaught Error : Function not defined
I am trying to embed scrollbox in my webpage http://svanubhuti.in/core/itad/corbod1.php with include method. . When i load that webpage, each jquery library gets loaded but scrolling effect is not working. When i check it in console, it shows Uncaught error : function not defined Please help. I'm really confused. Source code of embedded file is as follows.. <link href="http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/2.3.2/css/bootstrap.min.css" rel="stylesheet"> <link href="demo.css"
cycle plugin slideshow serving responsive iamges
I have installed a cycle plugin responsive slideshow with pagers on a web page. Everything works fine as intended on a desktop. However, the images which are optimized for a desktop device take a while to download on a mobile phone. Can the cycle plugin 2 deliver specific images according to the device that is serving. For instance: img-01-small.jpg for mobile img-01-medium.jpg for tablets img-01-large.jpg for desktops
Customizing the new and prev button and also
hey guys i came across this light weight plugging online and it seems to be good . heres what i created .. Js Fiddle. , going through the documentation it said that you cannot use ur own pagination . but on the examples page here , the slides do have custome a pagination , (i suspect the icons used on the home page is from , font awesome icons Font Awesome) . i would really like to create my own pagination icons and previous , next buttons. Thanks and regards . Gautam .
Overlapping posts using infinite scroll + masonry
I have installed the theme "Issue" on my tumblr blog, but infinite scroll + masonry is overlapping all the posts. I've read some threads about it, but nothing seems to work. This is the code: $(function() { $( '#posts' ).masonry({ itemSelector: '.post', columnWidth: 1 }).imagesLoaded(function() { $( this ).masonry( 'reloadItems' ); }); if( Issue.index_page ) { if( Issue.infinite_scroll ) $( '#posts' ).infinitescroll({ navSelector: '#pagination', nextSelector: '#pagination #next', itemSelector: '.post',
Jquery BlockUI Button Click
Notice that starting blockui to unblockui there are lots of codes and it takes 1-5 seconds to finish it works. But Jquery Block UI never shows up. Any Ideas? I add my button like this. $button = $('<input type="button" />').appendTo($divmenu1); $button.attr("id", "searchbutton"); //here is the click event $("#searchbutton").on('click', function () { $.blockUI({ message: '<h4> Please Wait...</h4>', css: { border: '3px solid #a00',
Next Page