[jQuery] iFixPng bug in ie6
hi i'm using the improved iFixPng version. In ie6 it renders the transparency but the background png image gets over anything else as it had a high z-index. Any solution? Thanks vitto Here's the code # css div#wrapper {margin:0 auto; width:880px;background: url(../img/ ombraWrapper.png) bottom right no-repeat;padding-bottom:40px;} div#main {margin:0 auto; width:800px;background: url(../img/ sfondoContent.jpg) 0 0 no-repeat;} #html <div id="wrapper"> <div id="main"> </div> </div> #js <!--[if lt IE
[jQuery] How to get Parameter in <a href onclick='openBIO('param1,param2,paramN')>Get Biodata </a>
I have table that the column has one of the links subject title above,how jQuery handle it? thanx
[jQuery] Animate Issue - bouncing menu
Hi, Hoping someone can help with this. This is my first jquery script and I am animating a menu item to move up and down (using absolute positioning) when hovered on/off. The problem I have is that the menu gets the bounces if you hover on the edge of the menu item frame or hover on and off too quickly. You can see it at http://staging.3blindmice.com.au. The menu items that animate are the profile and portfolio ones. Is there something I can do to resolve the problem? Thanks Ben
[jQuery] A Feed Viewer application using Object Oriented jQuery
A feed viewer application using a object oriented jQuery extension. See the post, demo and code here. http://santrajan.blogspot.com/2008/11/feed-viewer-application-developed-using.html
[jQuery] jquery
jQuery (English) jQuery is a fast, concise, JavaScript Library that simplifies how you traverse HTML documents, handle events, perform animations, and add Ajax interactions to your web pages. jQuery is designed to change the way that you write JavaScript. ******************************************* http://www.freewebs.com/oceancurnt/ *******************************************
animate rearrangement of list after hiding elements
Let's say i have 10 divs on a page. Via mouseclick some of the divs "display:" property is set to "none". (so the page gets smaller at once showing only the remaining divs) I don't want them to rearrange at once, but with an easing effect. Anyone got an idea how to achieve this?
[jQuery] jScrollPane loaded display: none
Hi @ all, i have some problems, if i load a div with scrollbar like jScrollPane and set it like $('.scroller').hide() it won't show it if i do $ ('.scroller').show(). I saw in the FireBug that the heigt and width is 0px. Any ideas? Thx Andi
[jQuery] Installation
Hello All I was trying to download and install Jquery . I am using the following link. http://code.google.com/p/jqueryjs/downloads/detail?name=jquery-1.2.6.js When i try to run this script i get an error.Also i am surprised to see the file size to be just 97.8 Kb. The error i get is 'Window is undefined' Please help Thanks Minu
[jQuery] reading values from HTML tables
Hi all, Any help would really be much appreciated. I have a table, how can I read the cell values of the table ... Currently I have ... function test () { var address; var i; for (i=1; i<document.getElementById('veh_odometer').rows.length; i++) { address = document.getElementById('veh_odometer').rows[i].cells[2].data; alert('VALUE: '+address) } } I do loop through the table, but my variable address is undefined. Any ideas?
[jQuery] jQuery back button support w/ forms
Just wondering if there's a reason to prefer one of these history plugins over the other: http://www.mikage.to/jquery/jquery_history.html http://stilbuero.de/jquery/history/ and whether any work has been done on supporting forms for the back button? Thanks!
[jQuery] Trigger ajax event on iframe load
I am trying to trigger an ajax event when my iframe is loaded. I kind of understand the concept, but I am slightly confused. If I do get the even triggered after my iframe has loaded, what do I do to get the fake ajax event to use a function? $('#testFrame').load(function () { $.event.trigger('success'); }); Basically I want to run a function when a link is clicked to load content into an iframe, and then run another function when the iframe content has loaded. Thanks!
[jQuery] Problem with simplemodal bug?? error?
i have an error when calling twice a function inside iframe with simplemodal. With IE works ok With Firefox i have the error. Prueba.shtml the parent script: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/ TR/html4/strict.dtd"> <html> <head><title>ORCA: CRM Comercial</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <style> #modalOverlay {background-color:#000; cursor:wait;} #modalContainer { height:400px; width:600px; left:50%; top:15%; margin-left:-300px;
[jQuery] jquery.validate & cascade/chained selects
Hi, im trying to use jquery.validate plugin in a form with cascade/ chained ajax selects. That cascade loading was bind to select's Change event. But now i have conflicts with jquery.validate, i think it overwrites them... Any idea?
[jQuery] Advanced table/grid - like donjon
Hi guys Just wondering if anyone knows of a plugin that would allow you to do this - http://support.castleproject.org/projects/FACILITIES/issuesbrowser. If you have a look at the page, the column headers have sorts/filters and then on the right up the top are the sorts/filters again. But more than this when the user selects a filter, it builds up a bread crumb like bar that shows the user what they are searching for and allows them to change it. Also it provides provisions for the user to create
[jQuery] my first plugin
Hi all, i'm going to finish my first plugin, i'm not exactly a programmer.. just a webdesigner with aptitude for programming, especially with jquery :) I would like your opinion about this plugin, and some advices to make it work better. here it's a simple demo page.. http://www.pirolab.it/piro_09/pirobox.html Here again an example associated with a web page complete http://www.pirolab.it/piro_09/index2.html in the end, my code.. http://www.pirolab.it/piro_09/js/pirobox.js TNX to all. Diego Valobra
[jQuery] 2 menus one vertical and another horizontal - In IE6 the horizontal menu floats UNDER vertical menu
I have 2 menus one is horizontally and another is vertically the problem is that the horizontal SUB MENUS does not float OVER the vertical menu in IE6 it floats under vertical menu so i do not see the sub menus of the horizontal menu in Firefox everything is ok - the horizontal sub menu floats over the vertical menu
Bring $(this) with callback-function in $.post
Wanted to use the $(this)-variable to be able to specify some values when doing a $.post, the problem is, when specifying a callback-function, the $(this)-variable doesnt tag along. Inside the function it is undefinied but outside it is :/ Any suggestions how to fix that in a proper way? I had to do my script inside the function directly instead and then return a fake-value, but it doesnt seem like a good way to work around it since you doesnt really know if the callback-function really is a success
[jQuery] Modal & Dialog Window (same as Prototype Window Class - PWC)
I am been developing and CMS So far the app was build with mysql, jpa, java, jsf, richfaces using netbeans IDE (running over tomcat) The front end have some OS look using Prototype Window Class (PWC) http://prototype-window.xilinus.com/ and dock using interface fisheye http://interface.eyecon.ro/docs/fisheye See image here http://www.sysmotion.com/image/paneldesk.jpg I tried some modal windows using jQuery also the UI but can not get this window approach, any fo you know if there are anything on
ThickBox -- Back button in IE BUG
I’ve had some users that accidentally hit back on their browsers when trying to close the thickbox (instead of hitting the Close Button)... is there a way to make it so the user can click back on their browser and it’ll close the thickbox, instead of the browser going back to the previous page in the history? Or as an alternative, could I disable the back button while a thickbox is open? This only happens in IE, FF closes out the thickbox, but IE is a problem.
How to fade in background image when page loads?
Hi everyone! I ran across this website the other day and I really like how the background image fades in http://www.august.com.au/ Looks like they did that with flash, but I was wondering how to go about creating that effect with jquery. Anyone have any ideas? I'd really appreciate it! Thanks!
Problem with jQuery Round Corner in IE 6&7
Hi, I used this code in my page to gain rounded corner : <script type="text/javascript"> $(document).ready(function(){ $("div#right_column").each(function(){ $(this).corner("round"); }); }); </script> There is no problem in FF but I have problem with IE , please have a view here : http://i33.tinypic.com/2re6u6u.png I don`t have online sample now What can I do ?
Display slideshow (?) using content from external file.
Hello. I'm using this code to display random quote from external file on my main page. $(function() { $('div#quotesContainer').load('quotes.html',function(){ var $quotes = $(this).find('div.quote'); var n = $quotes.length; var random = Math.floor( Math.random()*n ); $quotes.hide().eq(random).fadeIn(); }); }); What it does, obviously, is displaying random div with a class of "quote" from the file quotes.html inside the #quotesContainer
how to get each cell id in a table
Hello, i want to allocate an id to each cell in a table based on appropriate row and column. after that when clicked on the a cell i want to show row and column id in alert(). any help will be greatly appreciated.
[jQuery] [tooltip] How to display validation error messages in a tooltip? JORN
Jorn, Back in April of 2007 you had a discussion on your comments section for your ToolTip Plugin, here's a quote of that conversation. ____________________________________________________________________ OSCAR 24. April 2007 |10:55 Add tooltip to validation. It is posible to add a tooltip in order toshow the “error message” of a validation. My Problem: I have a form very big for that reason I only can put a “*” if a input validation fails. I would like to add a tooltip with the info about the error.
[jQuery] [validate / tooltip] How to display validation error messages in a tooltip? JORN
Jorn, Back in April of 2007 you had a discussion on your comments section for your ToolTip Plugin, here's a quote of that conversation. ___________________________________________________________________________ __________ OSCAR 24. April 2007 |10:55 Add tooltip to validation. It is posible to add a tooltip in order toshow the “error message” of a validation. My Problem: I have a form very big for that reason I only can put a “*” if a input validation fails. I would like to add a tooltip with the
[jQuery] [tooltip] + [validate] How to display validation error messages in a tooltip? JORN
Jorn, Back in April of 2007 you had a discussion on your comments section for your ToolTip Plugin, here's a quote of that conversation. ___________________________________________________________________________ __________ OSCAR 24. April 2007 |10:55 Add tooltip to validation. It is posible to add a tooltip in order toshow the “error message” of a validation. My Problem: I have a form very big for that reason I only can put a “*” if a input validation fails. I would like to add a tooltip with the
[jQuery] [validate]/[tooltip] How display validation error messages in a tooltip. JORN
Jorn, Back in April of 2007 you had a discussion on your comments section for your ToolTip Plugin, here's a quote of that conversation. _____________________________________________________________________________________ OSCAR 24. April 2007 |10:55 Add tooltip to validation. It is posible to add a tooltip in order toshow the “error message” of a validation. My Problem: I have a form very big for that reason I only can put a “*” if a input validation fails. I would like to add a tooltip with the
mouseover and mouseout animation
I want it so that an element changes the background color (with animation) when I hover over it, then change back on mouseout. here's what I have onmouseover='$(this).animate({ backgroundColor: "#E1E1E1" }, 1000);' onmouseout='$(this).animate({ backgroundColor: "#F5F5F5" }, 1000);' but it animates allot of times.. have you ever had this problem? I want the same effect as http://demo.yootheme.com/index.php?show=nov08/index.php when you hover over team log, or yootools, or yoosearch
Beginner:Easiest way to select multiple elements
Hi I know this is basic but here goes: I have the exact same function that needs to be performed but only on the current element selected. My current script (A very basic mouse rollover, larger image appears) works but the more thumbnails I add the more unnecessarily long the script will become! I tried using $(this) but I'm unsure of the exact syntaxt because I need to target the specific span tag within the element that is triggering the JavaScript function. My script also needs some work to be
jquery
hi any one to help me , i want to design website using jquery i have already the package of jquery,what follow
Help with selectors.
I have the following code. <ul id="featured"> <li><span></span></li> <li><span></span></li> <li><span></span></li> <li><span></span></li> <li><span></span></li> </ul> The spans are hidden via CSS by default. When the LI are hovered over I would like the span (child of the specific LI hovered over - not them all at once) to fadeIn. So far I have the following js: $('#featured li').hover(function(){ $(this 'span').fadeIn(); }); My selector here is wrong. I've toyed with several
[jQuery] Exclude inputs when using the keypress event
I'm building in a few keypress events into a site and I'm having trouble keeping them from triggering when a text field has focus. For some reason this only happens on the second if statement. The first one does fine. What am I missing? The code: $('*:not(:input)').keypress(function(e){ if(e.keyCode == some number) { //some function } else if (e.keyCode == some number) { //another function } }); The functions are for things unrelated to input. I'm using them for image navigation, bring up modal windows,
how to fade out links apart from the currently active one?
Hi. I have 4 links. When i click on one of the links i want the other three to fade out a small amount. I have put together this small code... $(document).ready(function(){ $("#tabs a").click(function(){ $("#tabs a").fadeTo(1, 0.5); $(this).fadeTo(1, 1.0); }); }); This does the job. However, i have to set the fade time to 1 milisecond otherwise the current link would have to wait for the other links to fade out before it fades back in. I want the other links to fade out slowly! I have
[jQuery] Get all values/text and modify each one
With a multiple select: <select id="select1" name="select1" multiple="multiple"> <option>Flowers</option> <option>Shrubs</option> <option>Trees</option> </select> I want output like this: Flowers2; Shrubs2; Trees2; I using: var str = ""; $("#select2").each(function(){ str += $(this).text() + ";"; $("div").text(str); }); for get all values/text from option and each one modify(add ";") But the problems is in the output show me this: Flowers2 Shrubs2 Trees2; Why this result? TIA, JETM
[jQuery] Get All Values/Text and Add a ";"
In multiple select: <select id="select1" name="select1" multiple="multiple"> <option>Flowers</option> <option>Shrubs</option> <option>Trees</option> </select> I want with a output like this: Flowers2; Shrubs2; Trees2; I using this var str = ""; $("#select2").each(function(){ str += $(this).text() + ";"; $("div").text(str); }); for get all values/text from option and each one add ";" But the problems is in the output show me this: Flowers2 Shrubs2 Trees2; Why this result? TIA, JETM
[jQuery] help for plugin
Hi all, i'm trying to improve my plugin http://www.pirolab.it/pirobox/ My problem is to create the next and prev buttons function to call next and prev image, i'm not a programmer and your help would be great, more brains works better than one :) here is the script http://www.pirolab.it/pirobox/js/pirobox.js TNX in advance Diego Valobra
[jQuery] get paragraph text from a ul
i'm new to jquery and have a problem with a ul. i'm trying to get the value of p from the list can someone help me out? jquery-> $(".menu_item").click(function(){ if ($(this).('p').text = 'Home') { window.location.href="index.html"; } }) html -> <ul class="menu_list"> <li> <p class="menu_item">Home </li> <li> <p class="menu_item">Bla <div class="menu_subitems"> <ul>2007</ul> <ul>2008</ul>
[jQuery] how disable text box based on "select" setting
Hi I am new to jQuery - appreciate some help. I found some code that hides a textbox when a dropdown is set to a specific value. That works fine. $(document).ready(function(){ if($('select[name=costType] :selected').val() == 'fr'){ $('input[name=costValue]').disabled(); } }); What I would like to do is not hide the textbox but disable it. I would also like text box's contents cleared when it is being disabled. If the user goes back and selects a different value
[jQuery] New plugin: jquery.smoothDivScroll-0.5.js
Hi! My name is Thomas Kahn and this is my first post to this list. I'm a web developer working in Stockholm Sweden and I've just started developing my my first plugin for jQuery; in fact jQuery is a totally new experience for me - I started from scratch a week ago. :-) All the info, a demo and the current source code can be found here: http://www.maaki.com/thomas/SmoothDivScrolling/ All the scrolling plugins that I found on the jQuery website where scrolling in "element steps" and I wanted a plugin
[jQuery] [ tooltip ]
Hi. Not sure this is a bug, but having text inside diamond brackets, the text wont show. for example: <img src='test.png' title="Hello - this image is called <test>." /> the tooltip will just show "Hello - this image is called "
Next Page