div... scroll out of view, up or down, trigger event...
So, i have been at this for a few hours, searching for jsfiddle examples i can modify to fit my needs... if a div scrolls out of view or into view, i want to trigger a example event like ( hide,fade, alert or anything) if the div is above the screen? if the div is below the screen? if the div is center of the screen? the example bellow is missing the "if the div is above the screen?" this was my attempt, but i fail... its as close i could get... else if (objectBottom < windowBottom-500) {//the
DataPicker CSS color issue... where to change?
I'm using an earlier version of the Date Picker on my site and like the format of Orange.. as opposed dingy grey. (see attached) Where can I make the changes so that my Calendars are synched p from a CSS perspective? Thanks,
how to dynamically assign rowspan to td based on number of rows in the table by creating Handlerbar template
Lets say in a div i want to dynamically create table based on the collection which i assign the handlerbar... Lets see the below code.. <div> <table style="width:100%; table-layout: fixed;"> <tr> <td style="background-color:green">Old Value</td> <td> </td> <td> </td> </tr> <tr> <td style="background-color:Gray" rowspan="4">New Value</td> <td>Team A </td> <td>Player1,Player2,Player3</td> </tr> <tr> <td>Team B</td> <td>Player4,Player 5,Player6</td> </tr> <tr> <td>Team C</td> <td>Player7,Player8,Player9</td>
Updating jQuery Plugin (Camera Slider) to work with current jQuery
Hi, After scouring the internet for longer then it probably should've taken me, I finally found the perfect jQuery Slider that fits my needs. It has a responsive design, and it has awesome transitions. The problem is it uses an outdated jQuery (1.4 I believe). It also uses a customized version of an outdated jQuery Mobile, but I don't plan on using jQuery Mobile for anything else on the site, so I don't foresee that being a problem. Does anyone know how I might go about updating this plugin to work
Assign json respone to variable & access out side ajax function
$.ajax({ type: "POST", async: false, dataType: "json", url: "get_data.php", success: function(data){ charts = data; } }); //ajax fucntion end; in above code i assign json response to variable i am getting {"two":[[20,22,30,40],[2,20,24,34]]} as json response. but i assigned this response to charts variable. but how to access that variable in out side ajax fucntion alert(charts.two[0]); it is giving error
using backstretch for a background....but wanting it to fade out.
Hi people, This is my code : <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <meta http-equiv="refresh" content="4; URL=home.html"> <title>Untitled</title> <!--[if gte IE 6]> <script type="text/javascript"> $.backstretch("rotate/intro_with_logo01.jpg", {speed: 550}); </script> <![endif]-->
blockUI - changing message for specific ajax when set for all?
I am using the jquery blockUI plugin and have set it to block/unblock on all ajax starts and stops : $(document).ajaxStart($.blockUI).ajaxStop($.unblockUI); What I have found is there are certain parts of my site where while I still want to use the blockui functionality I do not want to display the message. For instance, in a form I am doing ajax call on a username input field to check if the username is available or not... well, as of now my message shows on every keystroke input in the field.
Wordpress theme and Superfish
I am building a site using the Revoke theme from Tesla. In that theme I have 2 different header.php files and have enabled in the functions to have 3 menus.. The primary one calls 2 instances of Superfish menus (WP menus 1 & 2) on one page and both of them work. The secondary header calls for a different (and only) menu (WP menu 3) using the same settings as the primary header. However, and this is the tricky part, the "sf-js-enabled" class (which works in the primary header) is interpreted as "sf-arrows"
Sync audio with text
Has anyone used the popcorn.js plugin for syncing audio with text, does it working on older IE browser. Thanks Mathie
How to get Visible column data from Datatable
Hi, I want the datatable data with with visible column only. Can any one help for the same. I m binding data like: ('#myTable').DataTable({ .......
Opening custom jquery tab with anchor link
I really need some help for jquery tabs. I would like to get to a specific tab via external anchor link (http://www.url.com#content2), the navigation link becomes activated and the correct tab is shown. Other HTML Page <a href = "#b" > B Title </a> | <a href = "#bb" > B Title </a> HTML Page <div class = "tabs-container" > <ul class = "tabs" > <li class = "current" ><h4><a href = "javascript:void();" data-tab = "tab1" title = "Title 1" > Title 1 </a></h4></li> <li><h4><a href = "javascript:void();"
Is blockUI.js will work synchronous Ajax calls ? (i.e async : false)
Is blockui will work if I call an ajax call with async:false property? Example: $.blockUI({ message: '<h1><img src="busy.gif" /> Just a moment...</h1>' }); $.ajax({ type: "POST", cache: false, async: false, url: Util.func.GetHostName("Public/GetStatesById"), contentType: "application/json; charset=utf-8", data: JSON.stringify({ CountryId: id }), dataType: "json",
Are "Nested Accordian" & "Expand" by Adi Palaz now obsolete plugins?
Hello... A large professional website I inherited relies on two plugins by Adi Palaz ('Nested Accordian' and 'Expand') which I'm searching for detailed API documentation on beyond the abbreviated comments in the code itself. Adi's Nested Accordian is ranked #2 out of 20 on this recently-updated survey. (Unforunately, the link provided for Adi's website appears to be obsolete -- with no alternative website I can find. The two questions I have at this time are: Does anyone happen to know if/where detailed
Would like to place draggable div inside the droppable in Jquery UI Drag N Drop with revert with close button
I am developing a questionnaire, where I need to drag the answers in droppable div with close button & after closing this will goes to it's parent position. I don't want to do duplication. but when I place inside the droppable div its just change its position not showing inside that div. please help me for this. here is similar code : http://jsfiddle.net/d9BVF/2/
How to use this switcheroo plugin but not for displaying product?
I want to use https://github.com/OriginalEXE/Switcheroo demo of said plugin: http://switcheroo.getkodo.com/ but not for the functionality shown on the demo page. Only for a part like here http://www.wpthemegenerator.com/ (see the mobile ready bar) It took me some hours to find it but it may have been for nothing. Here is the example html source that makes it work, taken from a phpbb theme that uses the switcheroo plugin: <div class="responsive"> <!-- Mobile Button --> <div class="mobile-btn
jQuery Form Plugin
Hi, I've been trying to use this plugin http://malsup.com/jquery/form/#download and I am not able to get the cookie from the response. When I try xhr.getAllResponseHeaders() there is no Set-Cookie parameter despite the fact that in Chrome it is shown (development console). I used the example on the plugin website and in the method they present I am trying to use the xhr parameter: function showResponse(responseText, statusText, xhr, $form) { alert('status: ' + statusText + '\n\nresponseText:
load element when it is visible
Hello, I'm a newby to Jquery. I like it ;) Now I want to load an element when it is visible, how can I do it? I use the plugin from github to check if it is visible: Link to github plugin I want my canvas been drawn when it is visible: The canvas is a chart that is made with this plugin: Link to second github plugin I have tried to use a while statement on rule number 48 but than the page won't load. Now I use a if - statement. The first time you visit the page, you won't see the chart
Regaring Remove the JQuery Effect on HTML table in JavaScript
Hello, I have use the below code in Ajax for first 3 column is constant whenever we scroll horizontal. While adding new row in HTML table , i am able to add but first three columns of new row are not visible.Remaining columns are visible.So i need to remove the JQuery effect which i have given in previous function.. Jquery Effect var table = $('#tbl_Material').DataTable({ scrollY: "300px", scrollX: true, scrollCollapse: true, paging: false
Date and time picker on product page Woocommerce
hi there, I'm banging my head for the last 3 days to fix something that looked very simple... I just need a date and time picker at a product in Woocommerce. The best way (i thought...) was to add a attribute to the article and use a time and calander from pickadate.js. Only,... it doesn't show! We have installed 4 different bookings and calender plug ins but they are to complicated or don't work. On the example page beneath you can see what i need. We installed Easy bookings BUT this plugin needs
Form input stop working after using jquery.stickytableheaders
Hi there, I do have a table where I needed to fix the header so I used this plugin jquery.stickytableheaders which is perfect except for one thing. Inside the table there is a filter that should reload the table with the record containing the value in the filter but it does not work anymore, here is the input code: <input type="text" name="fabrik___filter[list_1_com_fabrik_1][value][0]" class="inputbox fabrik_filter input-medium" size="20" value="" id="master_oda___ordine_dialogvalue"> The jquery
ajaxForm repeat attached file
hi everybody i have a problem with the plugin ajaxForm i try to upload many times but when the first file is uploading i upload other file parallely but the first upload has file and the second file does not file when the uploads have finished the file attached at the first uploading is repeated at the second uploading but at the second i dont attache any file what is the problem? this is my code $(document).on('submit', '.newpost', function(e) { e.preventDefault(); // prevent native submit var
JQuery Validation Plugin
I really like this script. The password validation checks for password length. However, I'd like to know how to expand it to require one capital letter, one number, and one special character. Can anyone help?
File input url prob.!
Im using the plugin, but it is not taking #img 's src becoz the src is created using readUrl, is there anyway to solve? <img id="img" /> <input type="file" name="image_file" id="add_img"/> function readURL(input) { // Reading Url if (input.files && input.files[0]) { var reader = new FileReader(); reader.onload = function (e) { $('#img').attr('src', e.target.result); } reader.readAsDataURL(input.files[0]); } } $("#add_img").change(function(){
What backend service should answer in http://jqueryvalidation.org/ remote-method validate?
I am trying to perform a remote-method validate using jQuery validation plugin. Backend service is properly invoked, but I do not know what should it answer. I have tried: $("#myUserForm").validate({ .... rules: { user: { required: true, remote: "api/checkUser" } }, ... }); And at the backend return the following JSON object: { "user": "true" } or { "user": "false" } depending on if it should be validated or not. I have checked with FireBug that both answers
CSS
Is there a more recent version of the CSS file used in the Treeview Json example? It's not working with my browser. Thank You !!!!
Adding content to jQuery mmenu - but how?
Hey Guys, and first off all - i'm sorry for this (maybe) dumb question but i can't figure out how to add a second page to jQuery mmenu . I want to use that plugin for a mobile application but i'm not able to change the content when i click on one of those links. The Plugin works fine but my content is not changing. I already found an answer from 2012: http://jsfiddle.net/hQ7y5/ So that looks but but i'm not able to implement this so, that it is working together with the plugin. The Plugin-Code looks
HTML5,Colorbox 1.6 and iframe.
Hello, I'm struggling again with something that seems to be simple,but I can't get it to work one or the other way. I have an iframe with thumbnails and when I click on the thumbnail,I wish to open the colorbox on the parent page - not in the iframe...So far,I'm only able to open it inside the iframe. The googled solutions do not seem to work (onclick event,custom script etc.)...There was one demo available and I was able to get it more or less working,but the colorbox version was 1.3.7...and it
Rename the function of a jquery plugin to avoid duplicate function?
I want to use: https://github.com/danielstocks/jQuery-Collapse/ But I'm already using a older version of it modifed by someone else for a certain purpose. So what do I have to edit in https://github.com/danielstocks/jQuery-Collapse/blob/master/src/jquery.collapse.js to rename the function from being .collapse() to say .collapse_vanilla() or .collapse.vanilla() And will renaming said function hinder the workings of https://github.com/danielstocks/jQuery-Collapse/blob/master/src/jquery.collapse_storage.js
Planner
Hi Do you know some library like: http://www.easyplanner3d.com/interior_design_software/webcad.php?u=&c=8 https://www.gliffy.com/go/html5/launch?app=1b5094b0-6042-11e2-bcfd-0800200c9a66
How to show power point presentations in browser
Hi, I am using ASP.NET which supports HTML5, CSS3, JQuery. I tried to display a power point presentation in a browser with users options to play/pause, view next slide options and failed miserably. Thought to know if there is a way in jQuery to do this. Even aplugin suggestion would do.
jQuery Cycle Plugin and Bootstrap
When I include bootstrap.css to a page that also uses the jQuery Cycle plugin, the cycling does not work. What happens instead is the area where the slides should be are just blank. I'm using the latest version of both Bootstrap and jQueryUI. (Removing jQueryUI does not fix the issue). Is there a workaround for this issue?
Multiple scroll to points
Hi, Here is a page in question http://www.theremotedoctor.co.uk/accaudi.html Under the Item Selection you will see, Flip remote key pad Return to menu. Both use the smooth scroll & work fine. This question is related to the iphone viewing status. Currently what happens is you select Accessories followed by Audi. The item selection is off the screen and you manually need to bring it into view. This is the same for all the other options/car manufacturers on the site. What i would like is after Audi
Any jQuery slider around similar to Amazon's?
Hello everyone, I know there are several different jQuery slider solutions out there, but I haven't found yet something similar to the flexibility and usability of the ones used by Amazon on their home page: http://www.amazon.com/ Do you have any jQuery plug-in or framework to suggest that could give me a similar user experience? Any thoughts are very welcome. Thank you in advance! All the best, Fab.
Superfish v1.7.5 submenu open on left if no room on the right?
Is there an option or a way to do this? Looking at the examples: http://users.tpg.com.au/j_birch/plugins/superfish/examples/ I would like the third menu item to open the third level menu on the left instead of on the right, so that it does not get cut off by the screen (on my page, the menu reaches all the way to the right edge of the site). Can anyone help?
jQuery Cycle Plugin and HTML5 Boilerplate
I'm reworking a current website that uses the Cycle Plugin . I'm using the HTML5 Boilerplate and Cycle is not working. Doing a bit of troubleshooting, there is a line in the Boilerplate index.html file that appears to be rendering it useless. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script> Removing this line from the index.html (near the bottom) file allows Cycle to work properly. I am not a Java programmer, so I'm not sure where to go with this error. Is it
Need a jquery plugin to display div tags as a slideshow
Hi, Please help me as I am new in jQuery I am looking for a plugin or code which can enable me to show my div(text and image) tags as a slide in the slideshow. Please check the div tags which I want to publish. I also need to show the prev and next buttons with balloons to navigate to the slide. All this should be in a 500px height. What I want is in http://www.brets.in/brets/site/ page. <div class="slideshow">
<div class="slide">
<h2>Vision : To be a credible recruitment and training platform for banks and financial institutions</h2>
<img src="../Images/logo_site_with_tag1.png" alt="logo site with tag1" />
</div>
<div class="slide">
<h2>Mission : To prepare the candidates to be employable in banks through online training and coaching</h2>
<img src="../Images/logo_site_with_tag1.png" alt="logo site with tag1" />
</div>
<div class="slide">
<h2>Exhaustive Study Material & Question by Question Coaching</h2>
<img src="../Images/logo_site_with_tag1.png" alt="ecofriendly 4861e" />
</div>
<div class="slide">
<h2>Lecture, Training, Mentoring & Coaching Combinations to build Skills</h2>
<img src="../Images/logo_site_with_tag1.png" alt="graph 519ca" />
</div>
</div>
Infinite scroll plugin keeps appending the same content.
So the jquery plugin I'm using keeps on contentiously appending the same content. I want it to append content from a list of images in my html, but when infinite scroll appends the content when I reach the bottom of the page, it keeps getting appended continuously as I continue scrolling again. I only want it appended once, not multiple times. Here's the endless scroll plugin: $(window).scroll(function () { if ($(window).scrollTop() >= $(document).height() - $(window).height() - 10) {
Not sure why upload plugin isnt working
I'm building a small database application with CodeIgniter and some bootstrap and jquery plugins. I'm working on an uploader tool by implementing a jquery upload plugin so that users can upload attachments to a folder on the server. Right now uploads are supposed to just be going to a folder named "upload" in the public root folder of the wamp server. Once I get these errors worked out I will make it so that they go into folders named after the partID - so the upload app doesnt need to interact with
JCrop : Microsoft JScript runtime error: Object doesn't support this property or method
Below is working. $("#imgCrop").Jcrop({ onSelect: storeCoords }); Below is not working. The idea is if user touch the screen for 1sec the crop method should call. $("#imgCrop").on("taphold", function () { alert("I m here"); $("#imgCrop").Jcrop({ onSelect: storeCoords }); }); The alert message is being displayed if touch 1 sec on mobile screen. The imgcrop is Asp.net Image ID. Jcrop is Jquery. When I am debugging, it give as "Microsoft JScript runtime error: Object doesn't support this property or
How to use the JS cookie plugin to remember user preference on hide or show div block
So what I got now: http://codepen.io/anon/pen/RPPwgq Don't mind the content inside the div, its properly displayed on the phpbb forum its used on. What tackles me at this moment is figuring out how to use https://github.com/js-cookie/js-cookie with my Js code? So that when the user hits Hide, and reloads its still hidden and you see the Show word. All I need is a working example. Can you help me? My understanding of js is somewhat limited this is why a working example goes a great way of making me
Next Page