Superfish menu
Hi, Is it possible to make the Superfish menu expand up instead of down (I would like to use it as a menu on the bottom of the page)? Thanks!
How to have multi keytable on same page
Hi, I am playing with keyTable : http://www.sprymedia.co.uk/article/KeyTable I'd like to have multi KeyTable on the same page. In fact, it works, but there are some dysfunctionnal action, when walking into the cells. I am building a user interface, there are 4 rows, and when I click on a row, it sho a new div with a new table with 4 cols, and I'd like these one to be the only keytable objetc. Thanks for any support, Aurélien.
Fade out effect
Hey Guys , Can anybody help me and tell me which plugin is this and how to use it or a tutorial of it. Thanks in advance. Link : http://www.vonchurch.com/ A image appeared at first and then disappear or fadeout.
fadeIn/fadeOut question
Hiya to All, I'm trying to apply a fadeIn/fadeOut effect on a menu. The fading works nicely; the problem is that I can't click on the submenu elements - as the submenu itself disappears as soon as the cursor is removed from over the parent li element. $("#access ul li.parent ul").hide(); $("#access ul li.parent a").hover(function() { $(this).next("#access ul li.parent ul").fadeIn(600); }, function(){
LightBox: Possible to edit HTML source to add 'rel' tags dynamically?
Hello, I've just spent the last two hours pulling my hair out, finally digging around somewhere that the HTML source cannot be altered via javascript. It can be modified in memory, but the actual source cannot be, which sucks cause LightBox (for jquery) reads the 'rel' tags from the source, and not from memory. Is it possible to alter this behavior? I can change the 'rel' tags via jQuery, and confirm their changed with alerts, but the LIghtBox plugin will not accept those and uses the source. I'm
Always show Datepicker
Hi all, is there a way to force the datepicker widget to always display? I want it to stay on the screen so the user can see the date range they have chosen in context. Which brings me to my second question: Is it possible to have 2 different date widgets displayed onscreen at the same time, to allow the user to select a date range?
Using jQuery Form Plugin with JSON and BASIC to upload a file
I'm working on a project that has a external API (build by others) and uses simple ajax-requests and BASIC-authentication to communicate with it. This works fine, but now I'm at the point to upload a file and I'm kind of stuck here. I found the jQuery Form Plugin, which able to dynamically create an iframe because files can't be transferred through javascript. Pretty nifty, but I need to alter the headers of this POST to include the BASIC-authentication (and maybe even as JSON). Is this possible?
problem with offset
<html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title></title> <style type="text/css"> .show-tooltip-text { background-color:Blue; font-size:x-large; width:50px; height:100px; } .img-position { position:absolute; left:300px; top:300px; } </style> <script type="text/javascript" src="../../Scripts/jquery-1.4.1.js"> </script> <script type="text/javascript"> $(document).ready(function () { $('#imgRed').each(function () { var instance = $(this); var title = instance.attr('title'); var
Keypad multiple target with input and textarea
Hi, is it possible to use keypad http://keith-wood.name/keypad.html for multiple input and textarea? What I want is to position a keypad in a corner of the site, and whenever a key is pressed I want to insert the key to the field which had focus.
Escape "&" in a url from an xml file
I have setup an image rotator using jquery and the cycle plugin. The images and their links are pulled in from an xml document. This all works perfectly unless the link url has the & symbol in it ( ie. http://mysite.com/News2?page=NewsArticle&id=5243). If the & is present slideshow does not appear at all. My XML looks like: <images> <img> <fileName>rotator_auction.jpg</fileName> <linkUrl> http://mysite.com/News2?page=NewsArticle&id=5243</linkUrl> <altTag>Auction</altTag> <target>_blank</target>
access to parent object within each()
OK. I've created an object with properties and methods. The object is associated with a form. The object iterates through the form and finds any inputs that are required. It then uses each to apply validation to each of the found inputs. From within each(), I need to access properties and methods of the parent object, but now this refers to the current collection object. How do I access the containing object?
dialog plugin only fires once.
Hi everyone! I am having an issue with the dialog plugin. I have the latest jquery and dialog version installed. I have a link that opens a form into a div and than I create a dialog with that div to display as a modal Iframe. It opens at the first time I fire the open event and it fires correctly the close event when I close the iframe, but when I try to open for the second time without refreshing the form that the dialog div is in it, it just does nothing. Do not create the dialog again nor display
Jquery & Coldfusion... APPEND, HIDE, REMOVE VARIABLE...
Hi guys! I'd like to start by saying that I'm not that familiar with jquery but I do what I can... I have this problem: I'm creating a loop in a *.CFM page using coldfusion's <cfoutput query> <cfoutput query="Graficos"> <span id="thumb"> <a class="vlightbox" href="graficos_big/#Graficos.Imagen#" title="#Graficos.Titulo#"><img class="imgB1" src="img/imagenes/front_icon_01.png" width="160" height="97"
turn a fadeto in fadein
hello guys hope to post in the right place i have a slideshow gallery with a big preview and i would like to turn a fadeto effect in fadein. i've tried everything but nothing works this is a flowplayer script the html <div id="image_wrap" style="opacity: 1;"> <!-- Initially the image is a simple 1x1 pixel transparent GIF --> <img height="395" width="435" src="menu/gallery/1.jpg"> </div> <!-- wrapper for navigator elements --> <div class="navi"></div> <!-- "previous page" action --> <a class="prev
is jQuery UI a competitor to Blueprint CSS?
If I want to design/theme/grid my entire site, and not just a widget, could I use jQuery UI? I know Blueprint CSS is intended to do this. But I don't know if jQuery UI is only meant for jQuery plugins/widgets. So is jQuery UI a direct competitor to Blueprint CSS (and other CSS frameworks)? Thoughts please?
Jquery Stylish-Select
Have a site which is a copy of another site. I am using stylish-select throughout both sites. A copied page from one site to the other site is resulting in $('#weeksid').sSelect(); causing $("#weeksid").sSelect is not a functionThis is only occuring on this 1 page and the stylish-select.js is working on other pages fine. I've compared the code against the original file and it is the same and is identical yet error occurs ??? Running on IIS 6.0, error occurs on IE 7.0 and Firefox so not browser
getJSON success and error callback
I'm using getJSON to load data from the database onto a form. How can I specify the success & error callbacks? here's the code I'm using: EDIT: I managed to get the success callback by adding it below the $('fontSize')... but how can I set the error callback? $(function(){ $('#load').click(function(){ var configSelect = $('#configSelect').attr('value'); $.getJSON('load.php', { configSelect: configSelect }, function(data) { $('#sections').val(data.Sections);
.append() .load() .get() Help please.
Hi, I am new to jquery and am having some problems trying to do something. Basically, from within my index page, I want to grab a specific section of code from another page and insert it into my index page.... does that make sense? I have been trying these two methods: 1) $("body").load("about-andrew-broomfield.html article.aboutPage"); and 2) $.get('about-andrew-broomfield.html', function(data) { $('body').append(data); }); The problem: In 1, where I use '.load', I can grab the section of
CSS in Form Validator
How can I create unique error id's for each element that is in my form? I cannot get my form validation error messages to display in a straight line. The error messages are also displayed differently in two different firefox browsers because my radio button is throwing them off. Take a look at http://venture.jasonbiondo.com/register.php
$.ajaxSetup --> contentType doesn't work
Using: JQuery 1.4.2. Creating .Net app. Apparently it errors if i don't set the contentType. So I tried to set it in the ajaxSetup function, but it seems to reset it. The type and dataType attributes seem to work fine, though, just not the contentType. $(function () { $.ajaxSetup({ type: "POST", contentType: "application/json; charset=utf-8", dataType: 'json' }); $(".refresh").click(function () { $.ajax( { //contentType: "application/json;
Read a remote web page with a form, fill the form & submit it
Hi, Is it possible to read a web page on some web site that contains a form. Then identify the fields in the forms. Then fills the fields with my data. and then submits the form as it submitted normally. I need to do this to automate for my final proyect , i need to fill many web pages remotly Can I do that using jquery? Thanks.
jquery code not working in chrome, but works in IE and FF
I was under the impression that jquery is cross browser. For some reason in chrome when I click my button, nothing happens. this works in FF and IE though. any ideas? [yes, this code is extremely ugly and not proficient, but it works in IE/FF. I just started learning jquery, so please be kind :) ] $(document).ready(function() { $('.extra_btn').click(function() { $('.extra_btn').fadeOut('fast'); }); $('.extra_btn').click(function() {
.Bind will scroll to the top
Hello, I just want to make a note of a recent fix I installed that was confusing me for quite a few days, just in case anyone else has the same problem. I have a menu which will slideDown and slideUp as the user traverses it. Each node of the menu was binded to a function that did the logic. When the frame was small enough to force a scroll bar, clicking on any node, no matter where the scroll bar was, would force it to the top. Originally, I had Object.bind("click", handleFunction) To fix
CORS for IE
I wrote an façade that allows jQuery's .ajax() function to use CORS even with Microsoft's browser-like program, Internet Explorer. For the uninitiated, here is an explanation of what this means: Ajax allows JavaScript to retrieve data from the server via HTTP requests For security reasons, JavaScript wasn't allowed to retrieve from any server but the one that served the page it was on. Last year, a protocol was agreed to that would allow servers to control whether they could be read from other servers'
Cycle Image Sizes and Alignment
I have two separate questions. One being, how would I go about having the container resizing itself for different image sizes. So that surrounding elements can conform to it's size? Also, is there a way to align the images in a slide shows so that it is always horizontally and vertically centered in the slideshow? Thanks
Show Hide Script add Fade?
Hello, I'm wondering if this simple script I have, a show-hide, to display different divs. Could use have a fade affect applied to it, so when the new div was show or hiding it would fade in and fade out or something along those lines? // show hide function for content areas $(document).ready(function() { $("#bioPage1, #bioPage2, #bioPage3, #bookContent, #mailingListContent").hide(); }); doShowHide = function(idstr) { $("div.showhide#"+idstr).show("fast"); } Thank you so much!
How to prevent form submission before progress bar display
I am using Uploadify for a real time application and so far its working fine except this one issue. I have 6 Browse buttons for uploading 6 files (with multi - 'true' for each) and I have a submit button as well on my page (JSP). If the user selects a file on any of these Browse buttons, there is a slight delay before the progress bar is displayed after the file is selected. In the meanwhile if the user clicks the Submit button, the form gets submitted even before the progress bar is displayed and
maskedit input onBlur() problem.
Hi,The maskedit clear the input on lost focus (onBlur), in my case i'm using the onBlur function of the input for some function. the onBlur function that i'm using coms first and the value of the input is "_________" and in my function i'm chaking if myText.value == "" and its not, the value is "_________" and its cozing me problems. is the any way to forceing the masked input to do the clear of the input and then to do my function? thanks Shay
Update HTML with id attribute from database after $.ajax request
Hi all, I was wondering if someone could help me out with the following. I'm developing a webshop CMS in which you can create categories. By using jquery's ajax method I'm making a POST request to a PHP script which then handles all the data supplied to it. This works good and all except for the fact that after the query is being executed my HTML doesn't get updated, at least not as well as I want it to. I understand that the common way of working here is to update HTML in the success callback of
Dialog sticks on the left side in UI 1.8.5
Everything I try to center the dialog horizontally fails: position: 'center' OR position: ['center','center'] OR position:[300,'center'] OR $['#my_dialog'].dialog( 'option', 'position', [320, 500] ); Only thy vertical positioning seems to work. This happens with the 1.8.5 UI while 1.8 still works fine. Unfortunately I need some goodies from the new UI version... Could someone tell me how to center the dialog? Is there "a new right way" to do it or is it just a bug? Adrian
jQuery Autosave plugin... can't get it to work
jQuery Plugin: http://plugins.jquery.com/project/autosave I've been trying for 3days to get this plugin to work, I've contacted the developers and no response. the demo on the site seems to work with a json output but the downloaded code & example does not work. I'm trying to get it to work with PHP as the backend and nothing. The instructions are very vague like a lot of jquery plugins. Are there any developers or experience jquery plugin users that can assist with telling me how to get this plugin
Documentation - code comments and tooling
Hi guys, I couldn't find any guidelines about how to comment the jquery plugin code, and generate nice documentation that can be browsed , from the code comments. Some frameworks such as ExtJS have a strict format for all functions, and a tool called ext-doc: http://code.google.com/p/ext-doc/ That generates something like this: http://ext-doc.org/docs/ Which perfectly suits my needs. But since I've chosen jQuery as the development framework, i would like to get your feedback if something similar
Themeswitcher tool not working as expected
Hi There I'm using the jQuery UI themeswitcher tool to allow my users to view the different themes applied to my widget. When you change the theme using the switcher tool, certain style rules are not being overrided, I believe due to the version differences. For example, using the black tie theme, you will find the following rule: .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default When using the themeswitcher, it loads a theme that does not contain the above
jquery validation with confirmation
hi, i have inserted jquery validation in my asp.net page.. since am new to this i donno where to add javascript confimation popup iwth this jquery validation. say after validating my form it should popup and say the submitted values . and if user says ok then the form should submit else should stay back.. how do i do this?
css dock menu (fisheye) rounded edges?
Hi, im using the css dock menu found here: http://www.ndesign-studio.com/blog/css-dock-menu But i have a problem i cant figure out. I wan't to have rounded corners on the left and right side of the container, i have made the images for it but i cant rly get it to work. I think its a css problem, anyone have an idea? Code: html: <div class="dock" id="dock2"> <div class="dock-container2"> <a class="dock-item2" href="#"><span>Home</span><img src="images/home.png" alt="home" /></a> </div> <!--dock
jquery ajax ie6 fail
Hi there, I've been using jquery successfully for some time now but can't get this working: <script> $(document).ready(function() { $.ajax({ type: 'POST', cache: false, url: '/reports/inc/potentialConcern-report-gen.php', dataType: "html", data:{depno: 0, years: 0, haz: 0, sid: Math.random()}, success: function(reply){ $('#report-load-area').append( reply ); } }); }); </script>This
Get response headers cross domain
How can I get the response headers when making a cross domain request? xhr.getAllResponseHeaders() just returns null. $.ajax({ url: 'http://search.twitter.com/search.atom?q=foo', success: function(data, textStatus, xhr){ alert("Success:\ntextStatus: " + textStatus + "\nxhr: " + xhr.getAllResponseHeaders()); }, error: function(xhr, textStatus, errorThrown) { alert("Error:\nxhr:" + xhr.getAllResponseHeaders() + "\ntextStatus: " + textStatus + '\nerrorThrown: ' + errorThrown); } }); I especially
Highlight current link when loading to a DIV using loadContent.
Currently using jQuery's function loadContent(elementSelector, sourceURL) { $(""+elementSelector+"").load(""+sourceURL+""); }and href="javascript:loadContent('#content', 'page/home.html');"to load some remote content into the main container. The problems is: i'm unable to find any working solution to highlight the current, active menu item (build as an <ul> and styled with external css), considering the main page isn't reloading - especially when i'm in no way able to understand JS at all... Would
JQuery in master page
Hi All, I developed a website using C# and .net 3.5 framework. The application has a master page and in that master page i have rad menu control. The menu control is loaded from DB. The problem is when ever i click on the menu item in master page, there will be a postback. While postback i want the retain the design. i want to use asynchronous Ajax from jquery. Can any one help?? Thanks in Advance
Kwicks for jQuery help
Hi, I have implemented the kwicks for jquery which works quite well when I have the "sticky" attribute to true. However, I need to have this turned off so that all the expandable elements are closed on page load. My problem is, I can't get the elements that activate the expansion all have gaps and I need them to sit side by side without any spacing. I have tried changing everything to try and remove these gaps ebtwen the elements. Anyone got any odeas what Im doing wrong? I based my code on
Next Page