Fancybox plugging with PDF
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Fancybox</title> <link href="../_css/site.css" rel="stylesheet"> <link href="fancybox/jquery.fancybox-1.3.4.css" rel="stylesheet"> <script src="../_js/jquery-1.7.2.min.js"></script> <script src="../_js/jquery.easing.1.3.js"></script> <script src="fancybox/jquery.fancybox-1.3.4.min.js"></script> <script> $(document).ready(function() { $('#gallery a').fancybox({ overlayColor: '#060', overlayOpacity: .3, transitionIn: 'elastic', transitionOut:
feedek plugin get feeds
Hello all :) I'm using the feedek plugin to get rss feeds. It's very easy to use to get all the feeds available from any rss source. My question is about how to get these feeds individually: <script> $('#my_div').FeedEk({ FeedUrl:'http://www.my_feed_soource.com/news.feed', ShowDesc : true, ShowPubDate:true, DescCharacterLimit:300, TitleLinkTarget:'_blank' }); </script> This is great when i need all rss in a 'sigle div' . I need to get , for example, the first and the
BlockUI - unblock some elements on a page?
Hi, I need to unblock some specific input elements (INPUT, SELECT, BUTTON) on a blocked page. I would assume using ids. It's to be able to open a second dialog (my own) on top of a BlockUI (page) dialog. Now all controls in the second dialog are blocked. I want to selectively unblock them, while all other controls on the page are still blocked. Is that possible? Thx
Facing problem with Jcrop with camera iamge with phonegap and Javascript
Hello, I have developed a small mobile application using Phonegap,angular,Javascript,Jcrop. which takes image from phone camera and start Cropping ( with Jcrop) Once i start applications and go to my employee list to select employee where mobile camera starts. after cropping it saves image to server and redirects to the employee lilst. if i choose again any employee from list, it starts camera capture image but image doesnt appear on canvas. it Jcrop-holder wraps canvas element inside. Please help
TubePlayer loading problem
Hello, I do have an installment of TubePlayer plugin and it loads up a YouTube Player in a container thats hidden. Right after fading in the container I am not able to load up a video, I have to wait a little bit of time and I am to stupid to set up a wait command, so the load function is triggered later --> I tried setTimeout() and the callback of the fadeIn() called "always". None of these work. Greetings, Paul
creating prev and next button for datepicker
Hi, Following is the link of the date picker which I am using http://jsfiddle.net/Banzay/tuG6C/1/ Can you help me by creating prev and next buttons for it , on clicking next the value of eutoday variable should be incremented by one day and accordingly the month (that is ustoday variable in the example) and year, and similarly on clicking prev button the value of eutoday variable should be decremented by one day and accordingly the month (that is ustoday variable in the example) and year, waiting
Issues using Table Sorter with Ruby on Rails
Hello, I have a huge issue with the table sorter plugin currently. For some reason, even though everything shows up fine, when I click on a header nothing is sorting itself out. I have seen other people successfully use table sorter with ruby on rails but I am having a strong issue with it. Here is my index.html.erb <head> <script> $(document).ready(function() { $("#items").tablesorter(); } ); </script> </head> <body> <h1>All Items</h1> <table id="items" class="tablesorter tablesorter-blue"> <thead>
how to enable drawing multiple lines on highstock basic-line graph?
I want to draw multiple line for this type of graph of your library :http://www.highcharts.com/stock/demo/basic-line I found this sample on internet: http://jsfiddle.net/yildirim_timur/Hb3Q7/ Below you can see my html file. I tried to do couple of things but couldn't make it. How can i make my chart to be able to draw multiple lines as well? (it is for an ipad app project) <!DOCTYPE html> <html> <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <title>Senior
How can I make a slider like this?
Hi guys, Please take a look at the TOP slider on this page: http://www.honeycuttmanufacturing.com/ I love the way the images slide in from the right and then the text fades out ready of the next one etc... can anyone recommend a jquery plugin I can use to create such a slider or give me any tips etc?... would be much appreciated... -thanks Antoni.
How to custom validate date for Validation Engine
Hi everyone, Please help me how to custom the validation engine for this rule: - Validate by mm-dd-yyyy I tried change the pattern in jquery.validationEngine-en.js into this, but it still error! Regexp from: http://www.sitepoint.com/jquery-basic-regex-selector-examples/#.T70st0VYvg8 - I want just only 18+ people can join. So where do i need custom? And how? var pattern = new RegExp(/^(0[1-9]|1[012])[- /.](0[1-9]|[12][0-9]|3[01])[- /.](19|20)dd$/);
Bootstrap datepicker doesn't get the value
Hello! I am using bootstrap datepicker , but the problem is that the value is empty. I have this function: public static function date_bootstrap($name, $id, $value = null) { $input = '<div class="col-lg-3">' ; $input .= '<div class="input-group input-append date" name = "'.$name.'" id="' . $id . '" data-date="12/12/2012" data-date-format="dd-mm-yyyy">' ; $input .= '<input class="form-control" type="text" value="' . $value . '" readonly="">'
Hoverfold (links inside) not working properly in Chrome
Hello, Please see berryfarmssubdivision.com/lots.html Under Chrome, the links inside the view window aren't working on the far right side. I styled with an underline to highlight the links. The links work in the other view windows. Under Firefox and IE, the links in the right side view window works. I've duplicated that code on the right side and started another row so that the window is on the left side to confirm that it does work. Thanks
Quick Search (Hide Headers)
I'm a bit lost on how to do this. So basically I have a page with a search bar and some cards with countries and addresses in it. And these cards are grouped according to continents <div class="find-content"> <div class="left"> <h1> Asia </h1> <div class="cards"> <p>Singapore</p> <p>Some Address St. Singapore 12345 </p> </div> <div class="cards"> <p>Malaysia</p> <p>Some Address St. Malaysia 12345 </p> </div>
vendor is undefined
i m using jquery 1.10.2 for datepicker. but it shows error TypeError: vendor is undefined
Custom JQuery Calculation
I use JQuery Plugin from : http://www.pengoworks.com/workshop/jquery/calculation/calculation.plugin.htm to Calculate average of my input. here my code : <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> <title>jQuery Calculation Plug-in</title> <!--// load jQuery Plug-ins //--> <script type="text/javascript" src="jquery.min.js"></script> <script type="text/javascript" src="jquery.calculation.js"></script>
Sorting is not working after pager plugin added into the code.
I am using Jquery tablesorter for sorting and its add on Pager for pagination. But sorting is not working. See my code below. $(document).ready(function() { $("#myTable") .tablesorter({widthFixed: true, widgets: ['zebra']}) .tablesorterPager({container: $(".pager")}); } ); But sorting will work if I removed the part "tablesorterPager({container: $(".pager")})" from the above code. Any one has any idea about this. Your timely help is well appreciated. Thanks in advance.
Stumped on Custom Tweaks to Carousel Image Slider
Hi, I am a designer working on a new responsive portfolio site and venturing forth into the scary world beyond basic HTML/CSS. I am using a JQuery plugin for a responsive image slider called UTIL - I've got it working for the most part but am looking to do a few tweaks: Pagination I want to add forward slashes in between the numbers in the pagination under the slider, i.e. - 01 / 02 /03 / 04 / 05 / 06 etc. This is a js tweak and I have no idea how to do this. Arrow Navigation I've got next/prev
Jquery.ruler problem
hi i trying to bind my jquery.ruler to a div . but when i bind it to the div. the Yaxis of the ruler is correct. but X axis was wrong as it populate to entire page instead of the div i set. and also. can i bind ruler to a panel? when i add to my panel. it shows nothing
jquery 1.10.2 conflict with firefox 29.0.1
we have use jquery 1.10.2 http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js) and firefox version 29.0.1 testing also this jsfiddle var selected = []; $("#button").click(function(){ var grid = $("#myGrid").data("kendoGrid"); grid.tbody.find(".SelectedCB:checked").each(function(){ var row = $(this).closest("tr"); var model = grid.dataItem(row); selected.push(model); }); console.log(selected); }); but i have not get result of selected array in firebug console so how to solve this conflict
How can i build a "bubble map" with jquery?
Hi, i want to display a komplex sitemap like the following. Is this possible with jQuery? regards Yavuz
options not set to selected in multiselect dropdownbox.
Hi, I am using a mvc webapplication for filtering some data. Therefor I have a viewmodel with the filters. I found a nice multiselect dropdownbox from Eric Hynds. Why aren't the options set to selected for the values in the span of the button? this is a part of the rendered html. <select name="multipleSelectDropDown878" class="filterSelectMultiSelect" id="multipleSelectDropDown878" style="display: none;" onchange="javascript: filterChange(false);"><option value="878_"></option> <option value="878_NSENPF5">NSENPF5</option>
Introducing Gridmanager.js - would welcome your thoughts
A way of building rows and grids with built in editable regions; requires jQuery, jQueryUI, Bootstrap 3.x, and optionally TinyMCE or CKEditor. So over the weekend I was becoming annoyed with the lack of layout tools which you could use with a Rich Text Editor. Specifically, users would get bewildered by divs everywhere with Bootstrap. Let’s face it, if you’re not a coder, adding a row or clearfix class, then specifying divs with col-md-6 etc isn’t exactly straight forward. This is designed to work
JQgrid with jq popup
I have implemented jqgrid,and in that i have put button in last column , but i can not open jq popup on that button click, where as on another page i can open jq popup on single button click which is not in jq grid. please help me out. any link or code will help me.
Can't get snappish plugin to work
Frontend newbie here trying to get http://code.pb.io/jquery-snappish/ to work. I followed the instructions but the plugin doesn't seem to be working. When I turn it on it definitely responds because it messes with the layout, but I'm definitely missing something important and probably really stupid. Any help greatly appreciated! Test on basic layout: http://johnnywang.nu/_TEST/snappish1/ I even tried copying the code source from his demo directly and it still doesn't work: http://johnnywang.nu/_TEST/snappish2/
jquery and json
i use Nosql database i had a table call aabc i had a field name rows the values on the field is array but the number on the values 0,1,2,3 .... the database program who is give it not on the same data i want make login code by jquery really need a loop i'll have two textbox one for username like txtuser and other for txtpsw and like the last pic , test1 work with password who it belongs to him user:test1, password:1111 as up if he login the <div> will appear. i want to get the value of rows one by
jCarousel problems
Ok, so I have been using a version of jCarousel that works...eh, ok. It's from 2006, no idea how I found it or its examples, as I know I did so in the last 9 months, but jCarousel's website no longer has versions back that far...or why I'd have gotten a version that old. Anyway. Here's what it looks like: The images were loaded in via javascript (rather than HTML or AJAX), eg. I have this at the top itemList = [ {url:"images/img_caseStudies_td-1.png",title:" "}, {url:"images/img_caseStudies_td-2.png",title:"
using Balloon plugin to show and hide balloon tip
I am using the jquery balloon plugin from here: http://file.urin.take-uma.net/jquery.balloon.js-Demo.html The default method is to show the balloon on hover. Well, I want to show it on page load and the hide it after so many seconds. I can get it to show by calling the "showBalloon" function on my jquery ready function. But I can't figure out how to make it hide after a set number of seconds. Can anyone figure out how I can do this? Thanks Mike
Unifying DatePicker and Globalize
Hi, i've created the ticket a couple of months ago, describing the problems with datepicker localization. In short: number of date formats in DatePicker is very small and specific. Guys replied me there would be merging Globalization plugin and DatePicker, so DatePicker will reuse Globalization plugin settings. I wonder when it happen? So far I can see there are no any movements in this direciton... Thanks.
Any suggestions for a plugin that scales a parent element and it's children, with a max and min size?
Hello! Does anyone have a suggestion for a plugin that will scale an element and its children... with the ability to set the element's parent to a maximum size and a minimum size? I'm looking to create the same effect that Google uses for its application icons page. Here is a link to a screen capture that I made, that demonstrates what I'd like (I colored Google's containers purple). You'll see that there's a limit to how small the parent elements can get and to how big the parent elements can get.
JQuery download plugin, save file without renaming filename
Hi: I have a web page with list of file names. Any file can be saved multiple times by user. Base on the browser, an extension typically gets added to filename, like abc_1.pdf, abc_2.pdf, or abc[1].pdf, abc[2].pdf. Is there any way to automatically overwrite the older file. thanks Shahab
swapping login with logout
this code will display a login popup when you click on sign in menu: <!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" /> <title>Untitled Document</title> </head> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script> <style> #mask { display: none; background:
How to use "swiper" methods and functions outside the "swiper" main initialization function ?
Hey, i just wanted to integrate a simple "stop" button for my slider, on my site. Sadly i don't know how to use the given methods outside of the "swiper" main initialization function. For example: For now i tried to assign the "interactivebutton" to stop the autolooping slider "on.click" So i just added the mySwiper.stopAutoplay() method inside my buttons function brackets. But it doesn't even remotely react. Do i have to somehow transfer the mainfunctions response into the buttons function ? Does
How to assign click event in <img> using JQuery
Hi to All.. I'm new in JQuery.. and I'm having a hard time with this JQuery Slider Plugin BASIC JQUERY SLIDER My question is.. how can I assign those navigation thumbnail numbers in <img> onClick.. (see sample image below) THANK YOU IN ADVANCE!! To be simple is to be Great
my sidr menu is working fine but a little slow, it is possible make it smoother? (browser reflow)
Hi, Im using sidr slider for a slider left menu. I already have the menu working fine, but it is a bit slow on mobile devices, Im searching if it is possible turn this plugin smoother, but I´m not finding that information. I read that using jquery functions for animate menus, causes something called "browser reflow" on mobile devices, and I think that is what is happening with my sidr menu on my mobile. Do you know if it is possible solve this problem using sidr plugin? If it isn´t possible, do
Buttons do not work inside my "swiper" slider. Am i missing something basic ?
Hi I recently tried to use the "swiper" slider by iDangerous. Everything worked fine until i tried to move my interactive button on one of the slides itself. Here is a short version of my first try out of the "swiper". 1. In this version everything worked perfectly fine.(Because the button is placed outside the slides) 2. In this version of the site the interactive button doesn't behave correctly. It jumps to the next slide and displays NO alert.(So basicaly it doesn't do what it's supposed to do)
Light Box for Subscriber Pop-up in Safari
We are using a lightbox that comes up at http://www.mightytravels.com/ . It works just fine in FF/Chrome but in Safari it blacks out the visible screen and users can't see the box to subscribe...
Jquery plugin problem
Hi there, I'm using a jquery plugin, but when I use it twice, it won't work. More than 4 hours between stackoverflow, jquery : how to create your own plugin..., to comprehend the $.fn, but no result this is the plugin source: http://www.inserthtml.com/2013/01/scroll-pagination/ and this is my usage: first call is allright var target='../ajaxScrollFav.php'; $('#favRes').scrollPagination({ nop : 5, offset : 0, error : '<div class="alert alert-info"><center>Il n\'ya pas des données.</center></div>'
Cycle before event
Hi, I am trying to get the currently displayed item id using the Cycle before event, Code follows - $('#slideshow1').cycle( { fx: 'curtainX', easing: 'easeOutBack', delay: -4000, next: '#Button1Next', prev: '#Button1Prev', before: getCurrent }); function getCurrent(currSlideElement, nextSlideElement, options, forwardFlag) {
Selection <tr>
Sorry, I think that this is the right forum. Hi to everybody, I am using jquery datatable for the management of a big table with many columns and rows. When I scroll the table with the mouse, it changes the background color for the entire <tr> and is restored when I move the mouse in the other row of the table. All this thanks to the implementation of a class. The problem is that not the whole row is highlighted, but only a part of it. You can see a demo linking here: http://tegattiweb.altervista.org/registro/provaData.php
Unslider Plugin is switching the images randomly and not sequentially
Im using unslider for a slidershow with many images. I followed the documentation here: unslider This plugin shows the dots with number of images we have, and looking for this dots, I saw the images alternating randonmly, and the speed is also randomly. Somebody there already used this plugin and had the same problem? Below, there is my jQuery to start unslider plugin: $(function() { $('.banner').unslider({ speed: 3000, delay: 5000, fluid: true, dots: true,
Next Page