Two jquery plugins in one page
Hello, has been several days i am trying to solve a problem i have. I am trying to put two jquery plugins in one page and make them working together. I have readed alot of information in internet but nothing helped so far. I am completely newbie and any help would be great. <!doctype html> <html lang="<?=$lng_html_lang?>"> <head> <meta charset="UTF-8"> <title><?=$lng_index_pg_title?></title> <meta name="keywords" content="<?=$lng_meta_keywords?>"> <meta name="robots" content="all"> <!--[if lt IE
datepicker beforeShowDay does not trigger in IE6
beforeShowDay does not trigger in IE6. Is this a defect? any work-around?
Jquery Plugin for table sorting and freezing column headers
HI, I am looking for a single jquery plugin that can sort the table and also freeze the column headers and works in IE, FF and Chrome. I have found tablesorter plug-in that works great for sorting and fxHeader that works great for freezing column headers, but when I use both of them together there are issues. My table structure is something like this. <table> <thead> <tr><td colspan="2">Header 1</td><td colspan="2" Header 2</td></tr> <tr><th>Rank</th><th>Value</th><th>Rank</th><th>Value</th></tr>
listbox control number of rows add validation
Hi I use 2 listboxes to display subjects for students. data is shifted from one list box to another. I need only 5 subjects shifted to second listbox from first listbox. If user select more than 5 subjects and trying to move to second list box, then need to validation fire and show message as please select max 5 rows. I used jquery validation engine. It works well. But there is not any alternation about this validation. Is there any solution by jquery validation engine.
Looking for more scroll event plugin
I need listening more event when window scroll, hope some plugin could do below Basic requirement scrollStart scrollStop Even better scrollUp scrollDown scrollToTop scrollToBottom
replicate a native jQuery function with the callback functions of iCheck
Hi guys, I'm using iCheck to style radio buttons and checkboxes with CSS. An awesome plugin! I have the following which works like a charm without iCheck: $('input[name=radio-group-1]:radio').change(function() { if ($(this).val() == 'no') { $('.btn[href="#page-04"]').attr("href","#page-06"); } else { $('.btn[href="#page-06"]').attr("href","#page-04"); } }); To replicate the above while using iCheck I must use one or more of iCheck's callback functions. I've started with the callback function 'ifChecked'
Formwizard submit_step navigation
Ive got my form to work as I want it to (Next/Previous) But when it reaches the end <div id="confirmation" class="step submit_step"> it still shows the navigation buttons. how do I stop it from doing this? <div id="demoNavigation"> <input class="navigation_button" id="back" value="Reset" type="reset" /> <input class="navigation_button" id="next" value="Submit" type="submit" /> </div> My jquery code is : var remoteAjax = {}; // empty options object $("#demoForm
Form Wizard Progress bar
Ive implemented the Form Wizard using Ajax. In the example it displays the posted data in a div. How can I display a progress bar there instead? If I know how many Steps there and I know the id of the current step, can I call a simple piece of ASP using a table to create a progress bar OR is there one built in to the FormWizard? Thanks Darryl
isotope hashchange back button problem
I'm currently having some problems using a hashchange function, in combination with the isotope plugin (http://isotope.metafizzy.co) and it's filtering capabilities. Combined with a hashchange, I'm filtering divs allowing me to navigate in the browser without having to reload the page. On page load all the divs are filtered out (hidden) except for the actual filter buttons, which when clicked bring in the relevant content. Here's a jsfiddle demo: http://jsfiddle.net/neal_fletcher/vcffM/16/ Full demo
Trying to use two jquery plugins but failing
Hi all, I am trying to use two jquery plugins one for rotation and the other fancybox... they both work seperately but not together! any suggestions would be greatly appreciated! -----------------------------------------------------------here is the code ----------------------------------------------------- <%@ Master Language="C#" AutoEventWireup="true" CodeBehind="Site1.master.cs" Inherits="WebApplication2.Site1" %> <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server">
formwizard ajax posted values
I have the following code, but I can seem to get the values on the page it posts to (store.asp).; simply by doing a request.querystring. What am i doing wrong? $(function(){ $("#demoForm").formwizard({ formPluginEnabled: true, validationEnabled: true, focusFirstInput : true, formOptions :{ success: function(data){$("#status").fadeTo(500,1,function(){ $(this).html("You are now registered!").fadeTo(5000, 0); })}, beforeSubmit: function(data){$("#data").html("data
jquery.cycle.lite.js
When I click on prev button, the current image slides to the left instead of to the right. How do I make it slide to the right? Clicking on next button is ok, with the current image sliding to the left. Thanks, Richard
Validation with JQM and collapsible fields
Can someone give my some ideas the best way to validate jQuery mobile with collapsible field sets. My form works and the validation to the fields even hidden fields. But what I need to do is either open the collapsed area that contains an required field or list how many errors in the header of the collapsible field set so the user knows where to find the errors. thanks, Rob
Using jQuery Cycle Plugin
I am still quite new with jQuery, if someone can please help me. I want to add a jQuery Cycle Slider with sliding images on my website. How would I add the jQuery Cycle Plugin to my ASP.Net website in visual studio? I downloaded the script, where do I add it and where do I reference it? And how do I change the transition type and transition period? And where do I add the images that I want in the Cycle?
date picker dont want to close
I dont want to close datepicker UI after select a date, is there any attribute available. Please let me know. here is my initialization: $('#chooseDate').datepicker({//No I18N showAnim: '', autoSize: true, changeMonth: true, changeYear: true, showOn: 'focus', //NO I18N dateFormat: 'M dd, yy', //NO I18N yearRange: '1900:2100', //NO I18N onSelect: function() { } });
the different between defining variables in object Literal
hi , i have a plugin that (Do sth) . into this plugin i have put a object , this object maintain couple of functions my problem start here when i'm using object letral . something w'll not works pretty fine . take a look at the bottom code. $(document).ready(function(){ (function($){ $.fn.blackbox = function(opt){ settings = $.extend($.fn.blackbox.defaults,opt); var features = { init:function(){ $(window).load(features.create_element()); //features.create_element(); features.$login_panel = $(settings.wrapper)
jQuery Cycle Plugin Display Page
I have a custom theme Wordpress site in which I am using the jQuery Cycle Plugin for a slider at the top of my site. I want to restrict that slider to just the first page of the site. Is there a way to do this within the plugin or is this something I will need to modify in my 'header.php' file?
tablesorter and default sorting
Hello everyone, I use tablesorter provide an interface with sortable tables. I tried to sort DESC (only for the first display) on the second column, this is my code : <script type="text/javascript"> $ (document). ready (function () { $ ("# myTable"). tablesorter ({ sortInitialOrder: 'desc' sortList [[1,1]] / / etc. }); } ); </ script>It works for a static usage. So, when my page is loaded, my second column is sorted DESC. But if I want to sort on another column, my second column concerve the javascript
Fluid Images with Masonry
I'm trying to make a responsive layout with fluid images that work with Masonry and jQuery so when the browser window is resized the images will shrink or expand accordingly. When the images become to small or large, Masonry should then adjust the columns. Here is an example of the effect I'm going for: http://themeforest.net/item/pitch-responsive-creative-showcase/full_screen_preview/4558088 You can actually see this affect done on the Masonry homepage as well: http://masonry.desandro.com/ The problem
TableSorter embedded dropdowlist
HTML Generated: <th> <div class="dropdown"><a class="btn dropdown-toggle" data-toggle="dropdown" href="#">Options <span class="caret"></span></a><ul class="dropdown-menu"><li><a href="/units/Edit" id="186c2de7-9328-4d92-8061-4e0b4cc97b28">Edit</a></li><li><a href="/units/Details" id="186c2de7-9328-4d92-8061-4e0b4cc97b28">Details</a></li><li class="divider"></li><li><a href="/units/Delete" id="186c2de7-9328-4d92-8061-4e0b4cc97b28">Delete</a></li></ul></div> </th> Code: <tbody> @foreach (var
Flash of Un-styled Content using Malsup Cycle?
Hi I'm working on a website and using the cycle plug in to display manufacturers logos. The site also includes a carousel plugin on a different part of the page. My problem is that all the slideshow images appear for a second when the page is opened on an iPhone & iPad (works fine on PC & android). I've tried the suggestions on this website & malsup's faq and it doesn't fix the prooblem, the only way I get it to work correctly is to remove the Carousel script that succeeds it. I'm not sure how to
Jquery and SWF
Hi, I have created a website for my company in which i need to put 2 .swf files. But it is not working in mobile. So, i tried changed it to a movie but of no use. Can anybody please let me know, whether i can embed the swf in jquery using JQuery SWF object plugin, or i can change to whole animation using jquery. Please reply as soon a as possible Thanks in advance Rekha
Tablesorter makes table unresponsive
Hi all. Currently I'm using Tablesorter plugin with Bootstrap. Tablesorter makes it's work perfectly, but I've found some caveat. Using Tablesorter I lost all responsive features on my table, it's size is not changing when I change size using mobile developers tools. Is there any way to fix that problem or Tablesorter only works that way?
DataTables Initialization on dynamically constructed table
I've an html table dynamically constructed in a php file. The table id is logTable When the user page is loaded, I use $.getJSON to grab the table and display it on the user page as follows: $.getJSON("ol_LogTable.php", {filterVal:1}, function(data) { $('#activityLog').html(data); var LogClass = $('#logTable').attr('class'); console.log("log Class: " + LogClass); $('#logTable').dataTable(); });The console.log is reporting the correct class. So I'm able to successfully use $('#activityLog') to grab
Jquery and SWF
Hi all, I have created a website for my company in which 2 flash swf files are there. But flash is not working on mobiles. So i want to make it work. I tried converting it to video but that also not helped me. Can any one please let me know whether i can use the plugin (Jquery SWF Object plugin). Or is there any other way to do the same animation in jquery. Please help me. thanks in advance Rekha
offset is not working in jquery1.10.1 with migrate1.2.1
Hi, I am using position to identify a body in jquery 1.10.1. but it seems to be error like "TypeError: jQuery.offset.bodyOffset is not a function" If any solution for this issue. Is any other way to identify position of offset.Here my code.. <script> function test() { var body = $('body'); var option = { "my": "top left", "at": "top left" } alert(body.position(option));
Change the position of the error message in Jquery validation plugin
My code: <!doctype html> <html> <head> <meta charset="utf-8"> <title>Makes "parent" required only if age is below 13.</title> <link rel="stylesheet" href="http://jquery.bassistance.de/validate/demo/site-demos.css"> </head> <body> <form id="myform"> <label>Age </label> <input id="age" name="age" title="Please enter age!"> <br> <label>Parent </label> <input id="parent" name="parent" title="Please enter parent!"> <br> <div class = "errorDiv"></div> <input type="submit" value="Validate!"> </form> <script
Jquery Validate Plugin
Hi , I am using Jquery-validate plugin for form validation,now i getting error messgae on after the each input field, I wand to show all error message in group format,if any options are there? otherwise any otherway's ? Thanks & Regards Karthikeyan Siva.
Jquery Malsup Cycle, multiple slideshows with next & prev buttons outside off slideshow
Hello folks. I am using multiple cycle slideshows with the aid of the .js below(great start!) but I would like some more control of the next & prev buttons positioning. But as soon as I move next and prev divs outside of the image slide div I lose all communication to the slideshow and get zero control - no fade action. Ok, so here's my my .js which allows me to have multiple slideshows. I imagine lines 7,8 need some changes? Any help appreciated. $(document).ready(function() { $('.items').each(function(){
how to use one plugin for many elements
hi , i have a plugin like below $.fn.tooltipe = function(opt){ settings = $.extend({name:"just name"},opt); $(this).mousemove(function(){ console.log(settings.name); }); } $("btn1").tooltipe({name:"clickme"}); $("btn2").tooltipe({name:"clickme2"}); when i hover over on both those button the name clickme2 w'll appear in console for both of them i mean if i hover on btn1 i see clickme2 and if i hover on btn2 i see clickme2 again , why this is happening and there are sth else when i use $.fn.tooltipe
Superfish broken on narrow browser window
I have a site where the superfish sub navigation refuses to show up if the window is less than about 1100 pixels. This is NOT related to the "sf-smallscreen" or "sf-touchscreen" as I've disabled those and still see the problem. I believe the full drawn out superfish menu is wider than the window and it freaks out and tries to disable itself. Seems silly to me. I've tried many many hacks and css tweaks online to no avail. Anyone have any ideas? http://www.qasstl.org/ Make the window narrow (just
Noty have strange behavior in Internet Explorer
I am using "noty" which is working fine in Firefox - when I have a "noty" it comes down from the top in a separate layer. When I use Internet Explorer 9 it comes down from the top but not in a separate layer which means that it moves content while it is active and when it rolls up again content is coming back up. Is there any newbie mistake I probably may have made since it has this strange behavior in IE9? Looking forward to hear from you all :) Cheers Nikolaj
jQuery Zebra_datepicker problem with focus
Hi to you all! I have a serious problem getting the datepicker work properly. I made an html project and put in a zebra_datepicker jQuery plugin. I've created an index page containing 3 textboxes : 1 textbox as a datepicker-start 1 textobx as a datepicker-end 1 empty textbox I can select the start date and the end date but I cannot move the focus to the empty textbox after selecting the end date. Please somebody help me since I'm relatively new to jQuery
jquery-ui-map
Hi, I am completely new to javascript and jquery, (although I have done a lot of programming !) this I adapted from: http://jquery-ui-map.googlecode.com/svn/trunk/demos/jquery-google-maps-basic-example.html which seems like a pretty nifty plug - in This doesn't seem to work, is there avything inherently wrong with the way its written. Much thanks in advance! <!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">
Jquery Cycle Hash Navigation
Hi to everyone. I'm using Jquery Cycle to show up some pages with "Hash" and its working very fine navigating and loading pages. But my thing now is the back and next browser button that is not working at all. Does anybody have the same issue?. Here's my code for the slideshow: $slideshow = { context: false, tabs: false, timeout: 0, slideSpeed: 1000, tabSpeed: 600, fx: 'blindY', init: function() { this.context = $('#slideshow'); this.tabs =
jquery.hotkeys
Hi , Iam new to jquery. Would like to implement hotkeys for one of my PHP project which is built with zend framework. Could you please guide me if i can use hotkeys implementation with zend. Need your assistance for the same. Any idea on how to proceed would help. Thanks & Regards, Kumar
Jquery UI multidraggable
Hello, I´m German, so sry for english I´m using the native Drag and Drop from HTML 5 for my Website: http://planning.pytalhost.de/ Dropfunction: function drop(ev) { ev.preventDefault(); ziel = ev.target.getElementsByClassName('activity'); if(ev.target.tagName == "TD" && ziel.length == 0) { data=ev.dataTransfer.getData("Text"); quellElement = document.getElementById(data); zieltd = quellElement.parentNode; if(zieltd.classList[0] != "planning") {
Cycle plugin; Issue with order of slides
I'm in the middle of creating an online magazine for which im using the cycle plugin by malsup. Each article within the magazine can contain multiple pages and each page has a backgroundimage defined. Browsing through an article is done by clicking a previous and next button. When a button is clicked, two things happen separately. The actual content (text and images) moves up or down by changing the top position of each 'page'. The backgroundimage, however, is changed by making use of the cycle plugin.
Jquery editor support with equation, tables, and visio office word document
i want to copy and paste office word document like as equation, tables and visio to jquery editor. how can i do it?
Problem with star rating plugin
I have a review page where I have one star rating to rate a product (this works fine) and also many display only ratings from previous reviews, my problem is that only the first display only rating is working, even though each set of radio buttons has a unique name Is it possible to have more than one display only rating on a page? I am using version 3.12 of this plugin, as I've been using it for a long time on a website. Now I am developing a new website which is using jquery version 1.7.1 - I would
Next Page