JQuery Stickybar
hello i am trying to use this plugin http://plugins.jquery.com/project/stickyBar can some one guide me about it how to use it ? Basically what i want is that there is a div that is about 100px from the top , now what i want is as the user scroll down the div remains at top i know by using css position:fixed; i can achieve that but the problem is it fixes the div t its position like if the div is 100px down it will fix the div there even if we scroll down the div remaisn 100 px from the top, what
Can't load Fancybox from inside a jQuery script...
So I have a script that retrieves images from Flickr and displays them on my site. I have Fancybox so that when a user clicks on the image, the picture will come up in a... "fancy box"... everything seems correct, but when I click on the image, it sends the user to the location of the picture on Flickr servers instead of opening it using Fancybox. I'm pretty new to web design, so I'm very stumped. Here is the code for the Flickr retrieving... <script type="text/javascript"> var FLICKR_ID = '41313008@N08';
Problem with draggable and resizable
Hi! I won't to use the draggable and resizable function on a <div>. But both don't work right. What can I do to use both function together?
Jquery Postback loading with asp.net updatepanel
Hi, I am facing an issue while implementing jquery loading progress bar. It is working perfectly fine without update panel. As soon i use updatepanel, it also works fine but page cusror show in wait state until user does not move his/her mouse. As soon user move mouse cursor came in normal style. Plz help me to sort out the issue. Regards Kazim
Autocomplete plugn with from ajax request
Hi, I am building a world city autocomplete using the googlemap api. The issue is that the aucomplete is acting weirdly and I had to do weird trick to make to work (badly)... Here is the source code: http://jsfiddle.net/4T8f9/1/ My problem is that I am not getting the data from a remote request and nor from a local variable. I dynamicly push data in my local variable. To make it almost work I had to call a new autocomplete instance on each keypress... Take a look at the code to understant what I
jQuery UI Music Player - Hit a Wall!
Hey there, Has anyone else experienced any difficulties employing the jQuery Toolbar (media player buttons)? I recently baught the jQuery Cookbook and hit a wall with 'Creating a jQuery UI Music Player'. I have the play/pause buttons working fine, and the audio plays as it should, but the 'current time' and 'duration' displays aren't executing, as well as the song position slider. I've checked, re-checked and double checked all my code, it's written as in the book. The 'duration' display and
new jQuery Tmpl plugin doesn't seem to like namespaced functions
I was all excited to get up and running with the new official plugin jQuery Template (http://api.jquery.com/category/plugins/templates/) but I am hitting a brick wall on something: I always group my JS stuff into objects to avoid any chance of name collision, as an example I would do something like : var NS = {}; NS.Display = function($data, key) { return $data[key]; }; // I normally WOULD NOT do this function GlobalDisplayFunction($data, key) { return $data[key]; }; etc etc.... the Template
datepicker and Position-Absolute validation plugin
I am trying to use a jQuery datepicker and a validation plugin from Postion-Absolute. I can get the datepicker working fine and the validation working except when I combine them both. It seems like the validator is firing before the datepicker populates the input. Here is an example page. <html> <head> <link rel="stylesheet" href="ait.css" type="text/css" /> <link rel="stylesheet" href="js/jQuery-Validation-Engine/css/validationEngine.jquery.css" type="text/css" media="screen" charset="utf-8" />
maxImage + Opera
Hi all I seem to be having problem with Opera again and Jquery. I have a simple scalable BG image using the maxImage jquery and for some reason my "Nav a" links have stopped working. Does anyone here have any suggestion please. Website Link http://www.aaronvanderzwan.com/maximage/installation.php
why can't I get lightbox to work with a fadeIn?!
I've read a few forums about people who had trouble but none of them helped... the head looks like this: <script src="js/cufon-yui.js" type="text/javascript"></script> <script src="js/Nudista_light.js" type="text/javascript"></script> <script type="text/javascript" src="js/prototype.js"></script> <script type="text/javascript" src="js/scriptaculous.js"></script> <script type="text/javascript" src="js/lightbox.js"></script> <script src="js/jquery.js" type="text/javascript"></script> <script type="text/javascript">
jquery dequee
hi need some help, i came across a need of code and never worked with jquery :( my problem is i have some images in a queue in a table 4 rows and 5 columns it mean i have these 20 images my problem is if i click on 1st image then 1st image should disappear and next image 2nd one should come on its place and 3rd image should come in 2nd's place and so on. i have no idea of it. please give me working example of it. :( i have been searching for ages for this and finally reached here. :( please i badly
BetterTooltip plugin - CSS problem?
Hi, I use the BetterTooltip - plugin to display some title-text when hovering an image. Internet Explorer (7) is showing it just fine, but Firefox aligns the tooltip at the top of my page, while the image is somewhere 600-700px deep on the page. The image is aligned in a table, behind some text and looks something like this: <img src="images/info.png" title="This is some text" class="abo-info" /> So when I hover it, a tooltip has to pop up saying "This is some text". My script: $(document).ready(function(){
Removing added 'tr' from a template returns '0.nodeType' is null or not an object
Hi, I am using the templates below to add a row into a table using the 'ADD' button. <script id="queryGeneratorRowTemplate" type="text/x-jquery-tmpl"> <tr> <td> <select> <%--name="ddContentSource" id="ddContentSource">--%> {{tmpl(contentSources.contentSourceNames) "#optionsTemplate"}} </select> </td> <td> <select> <%--name="ddManagedProperty" id="ddManagedProperty">--%>
Problems with $.blockUI() in Internet Explorer 7
When I'm using blockUI() for show modal form I've got error in jquery.js: Invalid argument (line 1061) (jquery.js) At sting "elem[ name ] = value" in .attr() method. JavaScript code: $('#deviceAddFormButton').click(function() { $.blockUI({ message: $('#deviceAdd') }) }) HTML is <div id="deviceAdd"><form>...</form></div>, nothing extraordinary
Jcarousel IE - Stop running this script?
Jcarousel causes the following problem on the website www.radiomagnifique.com. Stop running this script? A script on this page is causing Internet Explorer to run slowly. If it continues to run, your computer might become unresponsive. As you can see on the screenshot.
[validate] errorPlacement called only one time
Hi all, Im trying to create one tupla, above the input where the error coming from. At the first time (for ex. "This field is required"), this works fine, but when runs another rules (like "This field must be at last 8 characters"), apparently the span tag is not created, or another thing like that.. errorPlacement: function(error, element) { $(error).html("<span style=\'display:block;text-align:left\'>"+$(error).html()+"</span>"); $(element).before(error); } Really thx for the help!
Problem with microsoft templating plugin
< body> <script type="text/javascript"> var dataObject = { firstName: "<b>John</b>" }; jQuery(function () { // A template string var tmpl = '<li><a href="${url}">${this.data.firstName}</a></li>'; // Renders one LI, filled with data, then appends it into the UL $.tmpl(tmpl, dataObject) .appendTo( "ul"); }); </ script> <ul> </ul> </body> The output is <u><b>John</b></u> I would like to convert it to John how would i do this?
TreeView plugin - cookie-based persistance
Hi, I'm a real novice, but I have started to use the JQuery plugin and I think they are fantastic, particularly the TreeView menu. My question is how do I place this Menu on a number of pages, so that the persistence works? It is perhaps a little understatement to say that I do not understand how the menu can persist over page changes! I've tried the parameters $(document).ready(function(){ $("#browser").treeview({ animated:"fast", collapsed: true, persist: "cookie" }); }); But that doesn't
Growfield events
Trying to get the growfield plugin onHeightChange event to trigger with the following script but it wont work $(document).ready(function(){ $("#chat_message_post").growfield({ restore:true, events:{onHeightChange: function(){ alert('hi'); } } }); }); I dont get any errors, but it doesnt alert the message like I expect Taken from the growfield API (http://kuindji.com/jquery/growfield/growfield.xml) events The following events can be bound to by specifying them as options or just binding to a jquery
I don't want movie to open in new page
Hi I'm new to jQuery, and have never used a plugin before. I am trying to use embedquicktime to put a QT movie into a web page. As a trial, I have set up a very simple page with eqt, and used the code generator at http://www.solitude.dk/archives/embedquicktime/#codegenerator to do the donkey work. I get a jpg thumbnail as expected, and when I click on it, the .mov starts to play. The only trouble is that this happens on a new blank page, rather than on the original page, which was my intention.
Datalinking against properties in two ViewModels?
I can not seem to get it right with datalinking and create a different type of datalinking. Any idea to get it to work? # Csharp [Serializable] public class BokingViewModel { public AccountViewModel AccountViewModel { get; set; } public TravelViewModel TravelViewModel { get; set; } public int Ordernr{ get; set; } } # Javascript var customer = { // Kunduppgifter $("#form1").each(function (i) { $("fieldset.contact input", this)
Portlets draggability: Titlebar only
Is it possible to make portlets only draggable when clicking the title bar, and not when clicking the content. At the moment it's not possible to select the text of the portlet, I'm still searching for a solution, but maybe someone over here knows a good solution for me.
Google Images style Image Zoom
Hi guys, I'm just wondering if there is a Google Images style image zoom?? So when you roll over it, the image zooms to about twice the size for an easier preview. (http://goo.gl/CUWGb) I don't need all the extra information and captions - just a larger image zoom. It's quite similar to this plug in here: http://www.sohtanaka.com/web-design/examples/image-zoom/ Except, I want to do it for single images, rather than a list of images. Does anyone have an adaption that I could use? Cheers in advance,
How to upload source code for a new jquery plugin
Adding a new plugin page only has Project resources section which only has links to refer. Is there any way by which I can just attach/upload my plugin source code instead of linking to some website?
Need help with a number of effects
the demo page = www.play.pylon.ca you can see the css there too in the source. What I'm trying to accomplish is when "Snap Shots" is clicked then the wrapper fades away and the footer slides down. Also, when all of this is happening the "snap shots" rectangle along with the empty rectangle to the right of it has to stay. I tried looking into hiding and showing divs via some javascript and I just can't seem to figure it out. For example: <script> $("#nav .nav_block h3 a").click(function () {
Trouble with jquery validator and AJAX form submission
I'm creating an AJAX form and wanting to run some client-side validation using jquery.validator (http://bassistance.de/jquery-plugins/jquery-plugin-validation/). It works as I move through the form but when I hit the submit button, the AJAX portion will submit the form regardless of the results of the validation. Is there a way to prevent the AJAX handler from submitting if validation fails? Here's my form code: <form id="form1" action="" method="post"> <label for="TxtName">Name</label>
More than 1 easyslide
Hi, I'm a Belgian student in computer graphics design and I'm creating a website, using EasySlider 1.7 (among other things). I have no problem adapting my code and EasySlider except for one thing : I have difficulties with putting more than one slider on the same page. I don't see which variable I should change... Here are the important parts of my code : jQuery $(document).ready(function(){ var currentPosition = 0; var slideWidth = 300; var slides
Superfish opacity problem
I'm having a superfish/ie/opacity problem as described below .... hoping someone can help me out: I have a page with an image used for the background. On that page there is a div with it's opacity set so the background image shows through. In that div I am using a superfish menu ... it has several submenus. When the submenus expand past the boundaries of the containing div they will not show in IE (FF is fine.) Layout something like this: <div id="container"> <a id="menuHeader"
[validate] how to use remote method on submit
hi i have a form in which i have to remotely control an email field but only if another given field is filled. For what i've seen the remote method works only on blur/keyup once i filled it, but i need to check it on form submit? How can i do this? Thanks Vitto
McDropDown - disappearing menu items when using hover over delay
Hi, I have set the hoverOverDelay option to 700 for my drop down. When I select a menu item, more often than not, that item then disappears from the menu if I click on the drop down again. If I then remove the hoverOverDelay option from my jquery, the problem goes away and the menu works fine. Steps to reproduce: Click on the drop down, select the last item Click on the drop down again, notice that the item you selected in step 1 is now missing. I have provided some test code below. Can anyone help
European number format in jQuery Calculation Plug-in (v0.4.08)
I have used the jQuery Calculation Plug-in (v0.4.08) in a pricecalculator. I all works very fine except for returning numbers with a "." - thousand operator. In order make the plugin compatible with danish the price format: fx. 1.212,95 kr. I have set the calculation defaults as following. $.Calculation.setDefaults({ // a regular expression for detecting European-style formatted numbers reNumbers: /(-|-\$)?(\d+(\.\d{3})*(,\d{1,})?|,\d{1,})?/g // define a procedure to convert the string
Conflict between jQuery JavaScript Library versions v1.3.2 and v1.4.2
Hi, I am using jQuery JavaScript Library v1.3.2 for jquery calendar . After that i added v1.4.2 for lightbox,Then calendar part is not working at all. If i remove v1.4.2 the lightbox thing is not working.In that case calendar is working fine.Please help me to sort it out. Regards, Muktha
[validation] How to get a php variable after an AJAX request
Hello, I use JQuery validation plugin to handle my forms, and I'm using the remote option for some inputs, aside from the usual 'true/false' to detect if the field is valide or not, I need to get a php variable generated on the server, but I don't know how to do it, any ideas ? Best regards,
Need to have autocomplete on radio button
Hi Guys, I have a text box(say txt) and radio buttons. user types in something in that text box (say 3 letters). Then he selects one of the radio button.After user selects the radio button values should be fetched from database and should be shown below that text box as auto complete. Any idea as how that can be done using jquery auto complete feature. If it cannot be done using jquery auto complete any idea how can that be done ? Its my urgent requirement
Problems with Cycle Slideshow in IE7 (and IE6)
I'm using a simple fade slideshow of 5 images on my site's home page. This works fine in everything except IE6 and IE7. In these browsers, all of the images are displayed at the same time one right after another. The slideshow does not cycle...it is static images. Here's my site: http://nwdogshots.com Please Help! Thanks, Bruce
No.Conflict
I have the following plugin that I downloaded from here: http://www.dreamcss.com/2009/04/create-beautiful-jquery-sliders.html window.onerror=function(desc,page,line,chr){ /* alert('JavaScript error occurred! ' +' Error description: '+desc +' Page address: '+page +' Line number: '+line );*/ } $(function(){ $('a').focus(function(){this.blur();}); SI.Files.stylizeAll(); slider.init(); $('input.text-default').each(function(){ $(this).attr('default',$(this).val()); }).focus(function(){
Beauty Tips Position
Hi, Is there a way of setting the position attribute to bottom and left, not just bottom. All the examples show the bubble centred. I know it's possible to change the 'centerPointX' of the arrow but how do I change the anchorPoint of the bubble itself. As below,
validation not bound to a specific form field
I'm using Validation plugin from http://bassistance.de/jquery-plugins/jquery-plugin-validation/ it is a very good plugin, but with not so good documentation. I'm trying to implement a validation in my form, but that should not be bound to an specific field. in fact, I have three input type=text, and I need at least one of them to be filled (like a conditional 'required'). I could create a new validation method, like: $.validator.addMethod("foo", function(value) { // short version: return
stopping a click event with another click event
I would like to create a plugin that I can put before a click event on a button. The click event should occur if the user's time on the page hasn't expired. The plugin should check the user's time, and then stop the click event if the time has expired. With the plugin, I'm essentially putting two click events on the same button, as I need to check the expiration when the button is clicked. The plugin is working on my test page, but I'm afraid that this is contingent on an arbitrary ordering of
Sliding through a table
I'm designing a an app that will be viewed on a small embedded pc which only has a touchscreen interface (a Chumby actually). One of the things I want to do is to allow the user to scroll through the current audio playlist by tapping on the screen and sliding the list up or down. I successfully used SimpleGestures on other parts of the website but the action only happens at the end of the gesture. In this case I want the user to be able to select an item and drag the whole list up and down interactively.
Next Page