[jQuery] fading images
Hi all, I am trying to create a fading image swap for my body's background, using jQuery. Since I could not find out how to just fade a backgroundImage (especially) on the body tag in the CSS, I created a #background tag in my CSS looking like this: #background { width: 100%; min-height: 100%; height:auto !important; height:100%; background-image:url(../img/bgs/lightBlue.jpg); background-repeat: repeat; } The whole background div wraps around all other divs, so when fading
[jQuery] Form is always submitting
Hi! Kindly visit following link: http://www.articlecon.com/sitesdemo/ship/viewquote.php?mid=1 When I click 'Send Message To Shipper' button, Form is submitted, where as I placed following jQuery code to stop submission. <script type="text/javascript"> jQuery(document).ready(function(){ var Mts, clk, sShow; jQuery('#smts').click(function(){ alert('Click'); Mts = 1; }); jQuery('#recFrm').submit(function(){ return false; /* alert('Out Of Mts Submit');
[jQuery] possible to override inline onchange() event?
I have a select box with an inline "onchange()" event that reloads the page. Using jQuery I've created a $('#myForm select').live('change', function (e){...}) event handler to intercept the onchange() behavior and even though I have e.preventDefault() and e.stopPropagation() after my jquery event runs the inline onchange() is still triggered... Am I missing something here? I realize I could easily remove the onchange() from the code but ideally I shouldn't edit the HTML directly and just override
how to set default value in FileUploadControl using Jquey?
hi all I have a problem that I'm able to set default value in text box using jqury but don't know how to set default value in file upload control. For filling textbox I'm using the following code: $("#TextBox1").attr("value","Default value"); Please help to set fileupload control value using jquery?
[jQuery] KFManager v1.0
KFManager (Ken's File Manager) is a plugin of jquery. It uses AJAX to manage image files in a web browser and it was developed to help programmer gently in the file manager. It is easy to use demo >> http://trinhvietcuong.com/ken/index.html
How jquery cascade plugin bind with dataset?
Hi I tried to use the jquery plugin at http://plugins.jquery.com/project/cascade and use the demo example code http://dev.chayachronicles.com/jquery/c ... index.html Update More Than One Child, each with their own datasource The following code did not show any js error on firefox. However, city datalist became disable when i select province. How should I fix it? ASPX page: <asp:DropDownList ID="province2" runat="server" /> <asp:DropDownList ID="city2" runat="server" /> VC#: private void Bind_Province()
[jQuery] jquery menu that works with ie6 (plugin?)
Can anyone recommend a jquery menu plug that works with ie6? I have a menu done with <ul>s and <li>s with pure css. It doesn't work with ie6 (because it's pure css.) I went through the list of jquery plugins, but most of them are fancy (as in iPod like menu and what have you...) I only need a simple straight-forward horizontal menu with vertical sub-level menus (multi level deep) all activated with a mouseover event (I suppose, I can control the event with which the menu is triggered.) At any rate,
[jQuery] Detect form change
Hi all ! I'm looking for a way to detect form change in jQuery. For exemple I display a big and dynamic form pre-filled with values and splitted in tabs. I would like that when some form values in a tab is changed an icon appears showing that a save is needed. I also would like to have an alert if the user click on the menu without saving. Is there an existing plugin or has someone already done this kind of things ? Thanks for your advices
Need some help to simulate a click/keyup if it's possible :)
So this is the status quo; I got a jQuery keyup() function. I also got a javascript countdown clock (60 seconds). When the countdown clock reaches 0 i want to launch the $("#id").keyup(function(){}); function. Is there possible to simulate a keyup event when the timer reach zero? I know I could do this by omitting my script with function myFunction(){}; instead of $("#id").keyup(function(){}); and then give the input field onKeyUp="myFunction()".. But I don't want to to it that way, so would be great
Filtering with checkboxes
Hi, I am setting up a site that will list a table of companies that are in the same vertical market. I wanted to be able to filter these easily by just selecting checkboxes. In this example the company sells hardware. Two separate categories: Power Tools and Screwdrivers, each category can have X number of products, but there will never be more than a few to keep it simple. Here is the html table: <table border="1"> <tr id="tr_1" class="customerline w_drills"> <td>1. w_drills</td> </tr>
[jQuery] ArgumentOutOfRange Exception
Hi, All I use jquery 1.2.6 in one of my projects and it will call some webmethods without arguments. it works properly in my dev machine. However, ArgumentOutOfRange Exception (parameter: length) will be thrown after deployment. Any idea? Thanks in advance. Snippet like: $.ajax({ type: "POST", url: "Mywebpage/Mywebmethod", data: "{}", contentType: "application/json; charset=utf-8", dataType: "json", success: function(result) { .... } });
[jQuery] How to handle onmouseover event with keyboard
Hi Team, How to handle "onMouseOver" event with keyboard. Scenario: With JQuery, "onMouseOver" on a "plus symbol", small banner with some text content will be shown, it has been working with "Mouse(input device)", but same effect has been expecting from "keyborad" tab ordering on to that particular "plus symbol". Please provide the solution. Regards, Aravind.
spritemenu customise
hello everyone, i recently found this script that creates a nice menu with hover effect using only one image and used it on a website: http://www.distinctcorp.com.au/jquery/spritemenu.html . now i'm trying to add a functionality: when the user click on an element, the clicked element should remain in hover state and of course the other elements should lose it. i modified the core of the function adding: .click(function(){ /*alert("pop");*/ $(this).parent().children('li').removeClass("active");
Make a query with Jquery for a REST service
Hi, i a'm a newbie of JQuery. I'm using it for query a REST service. My problem is that i cannot create the correct address to query. My rest service is available at this address: http://10.10.10.10:8080/restService/parameters My code is something like that: function searchUserAttributes(userName, callbackfunction){ var searchUrl = '/restService/' $.ajax({ type: "GET", url: searchUrl, data: ({parameter1: 'pinco', parameter2:
[jQuery] spritemenu customise
hello everyone, i found quite interesting the spritemenu (http:// www.distinctcorp.com.au/jquery/spritemenu.html) idea and used it on my website. It works quite fine, but i'd like to ad some functionality: when the user click on a menu element, i want it to remain selected (in hover state completed). So, here's the function: <code> (function($){ $.fn.spritemenu = function(settings) { var settings = $.extend({}, $.fn.spritemenu.defaults, settings); return this.each(function() {
help needed with a simple toggle script.
I'm very new with jquery and js scripting in general. I am trying to create a very simple script which would do 2 things: Toggle the css display property of a class to hidden/visible Change the text link to Show/Hide This is what I currently have: in the <head> <script type="text/javascript"> $(document).ready(function() { $(".togglebutton").toggle(function() { $(this).html("Show"); $(".togglediv").css({"visibility":"visible"}); }, function() { $(this).html("Hide"); $(".togglediv").css({"visibility":"hidden"});
[jQuery] Parse html content and convert untaged links and emails to hyper links
Hi, The plugin should parse In a HTML page once loaded and convert any link and email without "a href" tag to a proper clickable link... For example: a). google.com should be converted to <a href="http://google.com" target="_blank">google.com</a> b). example@example.com should become <a href="mailto:example@example.com">example@example.com</a> Regards, Santosh
[jQuery] Is this "quirk" of jQuery still true?
<html xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:w="urn:schemas-microsoft-com:office:word" xmlns:m="http://schemas.microsoft.com/office/2004/12/omml" xmlns="http://www.w3.org/TR/REC-html40"> <head> <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=us-ascii"> <meta name=Generator content="Microsoft Word 12 (filtered medium)"> <style> <!-- /* Font Definitions */ @font-face {font-family:"Cambria Math"; panose-1:2 4 5 3 5 4 6 3 2 4;} @font-face
[jQuery] [ask] bind and unbind
hello everyone, i'm new here my name is roy. to the point, I'm facing a problem when implementing jQuery. and this is the code : ============================================================= <script type="text/javascript"> function check(){ var nx = $(':checkbox:checked').val().length; var nc = $(':checkbox:checked').length; //alert(nx) function alert1(){alert('Alert 1')} function alert2(){alert('Alert 2')} if(nc!=0){ if(nx <=
[jQuery] Testing the first character of an H1
Is there a way -- I've wracked my brains on this but I'm a jQuery novice -- to determine what the first letter of a selector is? For example, if the very first letter of a paragraph is a quote (or a ‘ , or a “ , etc) I would like to apply a negative text- indent to the found paragraph so as to replicate "hanging quotes" that are commonplace in the print world. The code I've come up with is: $("p:contains(“), h1:contains(“), h2:contains(“)").css({'text- indent':'-0.3em'}); but this
[jQuery] jcarousel bug when using header application/xhtml+xml
on line 111 the nodeNames need changing from upper case to lower case. from if (e.nodeName == 'UL' || e.nodeName == 'OL') { to if (e.nodeName == 'ul' || e.nodeName == 'ol') { simply because all tags should be lower case, if using the xhtml+xml header you will get an error about clip[0] being undefined, the fix above fixes this. using version 0.2.3 be great if we could see this fixed, if not this is how to fix it for anyone else.
[jQuery] Help modifying jquery.lavalamp.min.js
Hi Is it possible to modify the class below (jquery.lavalamp.min.js) so that when the LavaLamp click event is set on a specific text, the text color is set to red. For instance when loading this link <a href="http://karen.2kmegs.com/">http://karen.2kmegs.com/</a> the 'Home' (since its the active one) is set to red. (function($) { $.fn.lavaLamp = function(o) { o = $.extend({ fx: "linear", speed: 500, click: function(){} }, o || {}); return this.each(function() { var me = $(this),
[jQuery] Help modifying jquery.lavalamp.min.js
<div>Hi</div> <div> </div> <div>Is it possible to modify the class below (jquery.lavalamp.min.js) so that when the LavaLamp click event is set on a specific text, the text color is set to red. For instance when loading this link <a href="http://karen.2kmegs.com/">http://karen.2kmegs.com/</a> the 'Home' (since its the active one) is set to red. </div> <div> </div> <div>(function($) { $.fn.lavaLamp = function(o) { o = $.extend({ fx: "linear", speed: 500, click: function(){} }, o || {});</div> <div>
get body content
Can someone tell me how to use JQUERY get to only retrieve what's between the <body> tag of a page? Right now I'm using this...I want to be able like I said to only return what's between the <body> tags. $.get(link.href, function(returned_data){alert(returned_data);}); Aka...I do not want the header content.
Rollover getting li backgroundPosition
Hi there, I am new to jquery and I was wondering if anybody is able to help me out with the following query: How do I return a lists background-image's backgroundPosition? I am trying to achieve a navigation menu whereby, when the li element is rolled over a grey square moves under the li element. Here is what I have done so far: <script type="text/javascript"> $(document).ready(function(){ $('ul.nav').css({'background' : 'url(img/shoot.gif) no-repeat 0 30', 'height' : '35'});
List element slide in links
I have the following HTML... <div id="files"> <ul id="filelist"> <li> <a href="/image/b/" title="Uploaded on 02-09-2009 at 5:53 PM BST">delle4200_1.png<span class="size">34.6 KB</span></a> </li> <li> <a href="/image/a/" title="Uploaded on 02-09-2009 at 5:51 PM BST">delle4200.png<span class="size">34.6 KB</span></a> </li> <li> <a href="/image/9/" title="Uploaded on 02-09-2009 at 5:50 PM BST">jenniferlopezwallpaper18_2.jpg<span class="size">289.63
[jQuery] Looking to sell a jQuery Conference (Boston) ticket
Hello, I have a ticket for the jQuery conference in Boston in two weeks that I'm not going to be able to use. I'm looking to sell it for $150 (original ticket price). Please contact me if you're intersted. Thanks.
Drag and drop
Hi, looking for some help here, I have to create functionality that does the following and am looking for some pointers as to how to go about it. on screen there will be two container divs, the one on the left will be empty and the one on the right will contain a selection of thumbs, I want to be able to drag these thumbs from the right hand box and drop them in the left hand box, on drop they will snap to a grid, it will also then disappear from the right hand box, Once any more than one has been
[jQuery] Cancel combo change event
I've got 4 identical combo boxes like the one below. <select name='cbActionType' class='ActionType'> <option value="Retained">Retained</option> <option value="RolledOver">Rolled-over</option> <option selected="selected" value="Recommended">Recommended</option> <option value="NotRecommended">Not recommended</option> </select> I need to limit the combo box, so that only 1 can have the "Recommended" value at any one time. When the user tries to set other combo boxes to "Recommended",
handling links in a generated list
Extremely remedial question here - apologies - JQuery newcomer here. I'm trying to move some old Javascript code to JQuery, and I'm having trouble determining a best-practice solution. I think I can best illustrate my problem this way: I have a series of automatically generated div elements, each of which has a delete button which, when clicked, calls a Javascript function to remove it from the list. It employs an outmoded style for using an href to execute the delete function, as per the following
[jQuery] Thickbox action back
Hello, I am using the Thickbox extension for jQuery. I have added a form field to send data, but when there are errors he shows those in a list but the form is gone. Is there a way to go a action back in the Thickbox screen? Erwin
[jQuery] (validate) Is it possible to explicitly call a registered rule
I have a case where I want to create a validator that makes use of already defined rules. Is it possible to somehow call <pseudocode> $.validator.rules.ruleA('value',element,null)</pseudocode>?? Thanks. (*Chris*)
$(this).css(â€
I'm using CSS selectors to generate custom pop-ups for a web templates - basically, some some the producers aren't comfortable with JS and I need an easy way for them to set pop-up sizes etc. I'm not really interested in the merits of this approach, but rather wish to understand why jquery seems to be unable to get the width and height as defined in the CSS for a anchor in Safari. See: http://f1shw1ck.com/jquery_sandbox/csspops.html The meat of my question: For the selector a.popup {width: 800px;height:
[jQuery] SUPERFISH -joomla- HELP
I have two superfish menus installed on joomla. (topmenu & mainlevel). see: joomla.shekinah-arts.com I am having major issues trying to get the widths right. I'm using the "CUSTOM MENU WIDTH" in joomla and not sure how to get it right without that either. Whatever way works will be helpful! If I set one width, it sets it for both. If I set both, one overrides the other. I want one at 980px wide and the top at 535px wide; if I set them both at 100% for some reason the top sets at 575px and is too
[jQuery] Email obfuscator/defuscator plugin
Hello, Could someone recommend me a good email obfuscator/defuscator plugin? Thanks, Miguel
[jQuery] Hiding table rows based on value
Hi I have a checkbox that when clicked I want to hide all of the entire rows in my table where those fields with a class of internalField equals True. The hiding part works well but when I uncheck the checkbox the rows do not become visible again. So I guess my question is how do I toggle the value of this checkbox (chkInternal) to hide/ show these table rows? Thanks <input name="chkInternal" id="chkInternal" type="checkbox" /> <script language="javascript"> $(document).ready(function() { $('#chkInternal').click(
[jQuery] setting height of popup multiple times, background image still shows in IE6
I have a hidden popup that I populate with content and it dynamically expands to the size of the content. I then show the popup. When a user clicks on another link, it populates the popup with longer or shorter content. When the content is SHORTER, it seems to show the background image that I'm using expanding to the height of the previous size of the popup. I've tried setting the height manually with JS, no luck. This only happens on IE6. Any suggestions would be much appreciated. Thanks, Andy
DOMWindow + jQuery png fix
I'm using cody lindley's DOMWindow plugin to display a custom light box using Ajax Content - http://swip.codylindley.com/DOMWindowDemo.html. Works great, except in ie6. My ajax content contains transparent .png's and I'm using jQuery.pngFix (http://jquery.andreaseberhard.de/pngFix/) to work this out on other pages. But it doesn't seem to work in the DOMWindow. I've tried adding the pngFix directly to the page I'm pulling in but it doesn't seem to make a difference. Any suggestions? Thanks, Joe
noob needs basic help getting plugin properly installed
I'm trying to get the hovertip plugin to work in a standard HTML site. I've done this in Drupal, but here I seem to be stuck. I guess I need a concise, download-install cookbook method for plugins. The problem looks suspiciously basic to me. hovertip.js is in my top directory. I also downloaded the minified version of jquery.js and put it in the same location. I didn't do any uncompression - should I have? My web host says compressed .js should work but I'm unfamiliar with this format. Also, in general
[jQuery] Do I need to include whole JQuery file ?
Hello, I am new to jquery. I am using only hide and show functions. Do I need to include whole jquery file ? Which part of file I need to remove ?
Next Page