[jQuery] Hover Background effect
Can anyone help me find a demo I know I have seen. When you mouseover/hover a link, not sure if they were text or images a rounded color, seems to me it was orange box slides in place behind the link. This creates a hover buttons menu, if I remember right the rounded corner box that slides in place behind the link had some penner elasticity effects motion it used also? Thanks, -ty
[jQuery] JCarousel - Infinite Loop because height and Width not defined
The height and the width are defined in the CSS but this must be referring to something else? The error is showing up in IE7 immediately when I click on an item and after some time it will popup in Firefox. In both browsers, it doesn't show the dynamic data I am trying to display. In Safari, it still works, though it will show the error later on. Here's a link to the site I am working on: http://siliconcoast.net/portfolio/portfolio/portfolio.php?id=16 Any ideas?
[jQuery] Right way to write a function
Hi everybody, I'm new on jQuery and I wanted to know which is the correct way to right a function. For example I have a menu-list, and I want to clear the "selected" state of all elements, and set it to the selected element. So I wrote thi function: function toggleActive(e){ $('#iconBox ul.bar li').children("a").removeClass("active"); e.addClass("active"); return false; } And I invoke with: $('#page1').click(function() { toggleActive($(this).children("a"));
[jQuery] problem about jQuery UI Block
i have html code like: <a href="#page=2&categoryid=2" onclick="getPost(2,2)">link</a> the js code: function getPost(2,2){ $.blockUI({ message: '<h1><img src="busy.gif" /> loading...</ h1>' }); //other things } you know,when i use jQuery UI Block,the url in the address bar will not changed.What should i do?
[jQuery] [SITE] snagajob.com
snagajob.com uses jQuery. Rey
[jQuery] Disable Submit button if no text entered
Hello! I have on the page one input field, a textarea and a submit button. I've managed to write a little script (it cost me many hours:) which currently disables the submit button if no text entered in the input field OR textarea. However, I need both of them populated for the button to be activated. How it could be done? Here's the HTML code: <form action="admin_content.php" method="post"> <input type="text" name="name" size="50" maxlength="100"> <textarea name="content" cols="70" rows="20"><?=$row["content"];?></textarea>
[jQuery] Is there a mouseover zoom plugin?
Hey all, Just wondering if there's a plugin that does the following: When you mouseover an image, a sort of magnifier area appears over the image, and the section under the magnifier is shown enlarged in a second image next to the original image. As you move the magnifier around, the enlarged image reveals whatever is under the magnifier. Generally you see it on apparel sites or other sites where people might want to get a closer look at a product. If there isn't a plugin yet I might try to whip
[jQuery] how i can access classes in my div?
how i can access classes in my div? example: $("#box1.bloc-top").click(function () { $(".bloc-center").slideToggle("slow"); }); $("#box2.bloc-top").click(function () { $(".bloc-center").slideToggle("slow"); }); $("#box3.bloc-top").click(function () { $(".bloc-center").slideToggle("slow"); }); <div id="box1" class="box"> <bloc-top>content top</bloc-top> <bloc-center>content slideToggle</bloc-center> </div> <div id="box2" class="box"> <bloc-top>content top</bloc-top> <bloc-center>content
[jQuery] IE6 and 7 Validation Issues when used with Form plugin
For some reason I am unable to gte my from to submit in IE6 and IE7.I am pullling my hair out because it works fine on Safari and Firefox 2.0. I've tried the different solutions that were suggested like changing the Encoding, but it hasn't worked for me. Any help will be much appreciated. Here is the code <code> jQuery(document).ready(function() { // fade out the form after it is submitted checkForm(); // bind 'myForm' and provide a simple callback function jQuery('#comments_form').ajaxForm(
[jQuery] [Treeview]: Treeview location based expand, make less sensitive to final slash
Hi Joern or anyone else for that matter, It seems that the treeview location based expansion (to use is as navigation) has a small "flaw". I compares tree links with the current URL, but so strict that a final slash will not be viewed as a match. E.g: www.mydomain.com/category/demo/ (treelink) www.mydomain.com/category/demo (URL) will not match and the tree does not expand. The pertinent piece of code is as follows: case "location": var current = this.find("a").filter(function() { return this.href.toLowerCase()
[jQuery] Jsonp example in .net
Hi Can anyone supply me a sample Jsonp example in .net? Thanks Sreedhar Ambati
Modify DOM -> event overrides not working
Hi all, I'm a NOOB to jquery, but not to programming. I'm also trying to implement a holy grail of jquery, fusebox, and progressive enhancement as much as I can. I have a series of questions I need to have the user answer to create a decision tree to base more program logic. I thought this would be a perfect chance to try it out but no luck. My thought was to have a div on the page that contained a simple question like this: <cfset pageTitle="New Transaction" /> <p>Is the property in question located
[jQuery] bgiframe & superfish
I've been implementing a menu with the superfish menu, and have been troubleshooting IE (as usual). I'm using the bgiframe plugin as prescribed in the superfish documentation. $(document).ready(function(){ $("ul.nav") .superfish({ animation : { opacity:"show", height:"show" } }) .find(">li:has(ul)") .mouseover(function(){ $("ul", this).bgIframe({opacity:false}); }) .find("a") .focus(function(){ $("ul", $(".nav>li:has(ul)")).bgIframe({opacity:false});
[jQuery] repeating a block of <input text>s
i have a page where i fill a form with personal data such as name, surname, email... i'm using the bassistance.de autocomplete plugin to retrieve data from a db, typing the first letters of a name in the first input box and then clicking on the desired row. i do the same thing in another section of the same form, where i search for items' details, such as item_code, color, price: i write the first letters into the input box of the item_code, and the plugin searches in the db... and it works. of course
[jQuery] Problems getting position of an element inside blockui
Hi, I'm having a problem understanding how to get the right position of an element inside a blockui div. I'm using blockui of Mike Alsup, and dimensions plugin. Here you can view an example page: http://lab.gianiaz.com/jquery/helptip-blockui/ In this page I use the jquery hover effect to show near a link an helptip with some text inside it. Every time the mouse pointer pass over an element with a class ".helptip" I get the position of the element and I move the helptipbox div near the overed element.
[jQuery] Making a <select> to an <input> where value changes
Hi there! I am having a bit of a problem with a few <select>'s on my page. I like the function of them but I think they look like crap. So I was thinking that maybe jQuery could make it look a bit more to my liking. What I was thinking is that I take the regular input of the <select> and put the first in the order in a <input type="text"> then I place a + and - sign in front and after the input. - <input type="text" name="select" value="first"> + Then if you press the + or - the javascript loops
[jQuery] 1.5b4 Packed doesn't work
It seems who ever packed the JS files for the 1.5b4 release messed up. Most of them are filled with syntax errors and many things just error out. Or am I doing something wrong?
[jQuery] draggable kills children's events?
Hi, I have divs nested inside each other. The most parent div listens for mouse clicks. My problem is when I turn one div to a draggable object, its child is no longer is clickable. Here is a quick model: div01 (I am listening to clicks) -> div02 (draggable) -> -> div03 (problem: when div02 is draggable, this is not clickable) A quick example of the working code is over at fluidia.linowski.ca. Draw two objects inside one other to, and try to change between them to see what I mean. Any help would
[jQuery] Anyone going to Webmaniacs next week?
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML><HEAD> <META http-equiv=Content-Type content="text/html; charset=us-ascii"> <META content="MSHTML 6.00.6000.16640" name=GENERATOR></HEAD> <BODY> <DIV><SPAN class=580080413-14052008><FONT face=Arial size=2>Myself and two of my coworkers are going to be at Webmaniacs next week. I'm just wondering if any of you are planning on attending.</FONT></SPAN></DIV> <DIV><FONT face=Arial size=2></FONT> </DIV> <DIV align=left><SPAN style="FONT-SIZE:
[jQuery] On page load, <option selected> show corresponding div
Hi All, I have the script working, but I think it can be done to be more efficient...and this where I am stuck. The script currently either slides up/down two divs with check boxes in them. A #brProducts which has check boxes for bridge materials, and #bProducts which has building materials. I need this for when entering data b/c you can't have building products used in bridges and vice versa. The script also clear the checks if they decided to enter a different buildings. <script type="text/javascript">
[jQuery] jQuery Form Plugin Action with "#"
Hi, I'm using the ajaxSubmit() function to submit a form which has action="index.php#content_jump". The requested URL will be something like "index.php#content_jump?foo=bar&bar=baz" - which is an invalid URL. For the moment I monkeypatched the source to remove the "named anchor" (line 59 of jquery.form.js): url: this.attr('action').replace(/#.*$/, '') || window.location.toString(), It works, but I am not very happy with it. Is there another way or am I doing something wrong? Or did I found a bug?
[jQuery] jScrollPane - Single drag image
In all of the examples that I have looked at the drag image is made up of top/middle/bottom images. Is there an option for just using a single image for the drag image?
[jQuery] Generate <input> "onBlur"
Ok I am really new to jQuery, I started using it for a thickbox and just added functionality to the whole site. Now I have a problem that I think jQuery can solve, but I don't know how. I have a input box like this: <input type="text" name="option[1]"> And after that I have: <input type="text" name="value[1][]"> What I want to do is that when you have entered something in the option[1] box the script should generate a new option[2] with the value[2][] input below. If something is entered into value[1][]
[jQuery] iFixPng issue in IE6 - red cross on image
Hi, I am using iFixPng for IE6 but I have a strange effect ont he image, it displays but there is a red cross on it, sample: http://r12121.ovh.net/~a6aresra/reining-merida.php Instruction: $('img[src$=.png]').ifixpng(); Thank you for any kind help !! -- View this message in context: http://www.nabble.com/iFixPng-issue-in-IE6---red-cross-on-image-tp17226936s27240p17226936.html Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] Nested Ajax callbacks not working in IE7
Hi Guys Has anyone had any problems with nested callbacks in IE7? I have an ajax callback which contacts a web service and fires another ajax callback on success. Both callbacks get fired on Firefox but only the first one gets fired om IE7. here is my code... $.ajax({ type: "POST", url: "/WebServices/KayakService.asmx/GetSession", beforeSend: function(xhr) { xhr.setRequestHeader("Content-type", "application/json; charset=utf-8"); }, dataType: "json", success: function(msg) { sessionId = msg; alert(sessionId);
[jQuery] New Plugin - Checkbox Tree Plugin
My first jquery plugin, hold the applause, a checkbox collapsible tree plugin. Please feel free to tell me why its good, why its bad and how it can be improved. http://floatmargin.com/2008/jquery-checkbox-tree-plugin/ Thanks.
[jQuery] extending a jmaps Google map
I used jmaps on this page : http://www.fetedupanier.org/fete_du_panier.html JMaps is very robust and the API is great the only problem I have is that I set up this hover effect to make the map grow : - the markers are only showed in the initial map area, they disappear when entering the newly "added" area. Seems like I need to re- initialize Gmap to tell him the map has grown Also, is it possible to control the opening of an infowindow (from a KML placemark) from jmaps ? I'm also willing to donate
[jQuery] Problem with blockUI plugin
Hello ALL, I am facing a very weird problem in IE 6.0 as the $.unblockUI() function is NOT removing the created page block. I have searched for solution but have not find any good solution. Can anyone help me in this and suggest me something .. any clue .. any hint????? Why $.unblockUI() is not working in Internet Explorer 6.0+ Ashvin
[jQuery] .post
I am using the .post ajax method on a form. I use the following jquery code: $("form#changeinfo").submit(function(){ $.post("ownerdetails.php", { name: $("#name").val() }); }); So when the form with the id of changeinfo is submitted it posts information to ownerdetails.php. But when I write my php in ownerdetails.php and try to get the value of name it doesnt work. my php is simple just to test: $name = $_POST['name']; echo $name; This does nothing even though there is a value in the field. Its as
[jQuery] JQ comments (and help with a bug?)
It's taken me a little while, but I believe I have finally succumbed to the power and wonder that is... JQuery. I have been bouncing from framework to framework for about 9 months, much of that time devoted to building my own. I was on the cusp of giving in to ExtJS at one point, but in the end, the fancy widgets weren't a compelling enough force to make me commit. As my own framework continued to evolve (and be rewritten) my objectives became clearer, and one of those objectives was developing a
[jQuery] Basic Selectors Question
Hi, I have what I think is probablt a pretty easy question, but I have tried numerous selctors without getting the correct id. I have a form which is dynamically generating form fields and tables all over the place. I need to pull an ID of the last table inside of a particular td. I have tried: $("#mytd table:last").attr("id"); and a few other things none of which successful. <td id="mytd"> <table id="mytable0"></table> <table id="mytable1"></table> <table id="mytable2"></table> <table id="mytable..n"></table>
[jQuery] Pre-loading images
Does jQuery have a nice and easy way to preload images? I am going to be having a page where I roll over a persons name, and their image appears, and I am thinking that I am going to need to preload those. Any ideas?
[jQuery] How we used jQuery for our company site
Did a little write-up about our company portfolio page, on account of several requests: http://onwired.com/blog/using-jquery-to-produce-rich-user-interfaces-onwired-portfolio-example/ Hope it's helpful to someone! Cheers, Nathan H.
[jQuery] What is the JQuery way of doing this type of navigation?
Hi, Notice on this site -- http://www.nascar.com/, when you roll over an item in the top menu, a sub-menu gets populated. Is there a JQuery plug-in that can mimic this functionality? Thanks, - Dave
[jQuery] .post
Sorry for the noob question. I am using the .post ajax method on a form. I use the following jquery code: $("form#changeinfo").submit(function(){ $.post("ownerdetails.php", { name: $("#name").val() }); }); So when the form with the id of changeinfo is submitted it posts information to ownerdetails.php. But when I write my php in ownerdetails.php and try to get the value of name it doesnt work. my php is simple just to test: $name = $_POST['name']; echo $name; This does nothing even though there is
[jQuery] editable grid?
Think I'm out of luck here, but I'm looking for a grid system that has bells and whistles similar to flexigrid (http://webplicity.net/flexigrid/), but with the ability to edit the cell contents. Some cells would be simple text, while others would need to be look up lists (<select> tags are fine)... Anything out there like that? Or do I need to grab jEditable and build my own? Thanks. Shawn (ps I've asked the list a few months ago, but am hoping something has changed tween now and then.... )
[jQuery] Tabs and forms - Can this be done?
Hello, This may be a rudimentary question - I'm new to Jquery. I'm using UI/Tabs successfully - http://docs.jquery.com/UI/Tabs I have a contact form in one of the tabs...and I'd like the form to get submitted via ajax and return a response from from the server in the same tab. Can this be done easily? Any pointers would be greatly appreciated. Thanks! -- Tom
[jQuery] Overlay div over effect?
I've been trying to figure this out all afternoon, but haven't had any luck. I would like to place a small floating div over an image. The floating div should always remain on top of the image, and the image uses the fadeIn effect. When I do so, when the image fades in it overlays the floating div. I've tried setting the z-index of the floating div to 1000. The page and code can be found at http://author.colby.edu/slideshow.cfm Any ideas?
[jQuery] jQuery experts wanted
Hi all, jQuery is a great project and a growing niche. As it becomes even more popular, there will be increasing demand for experts in the field. I am compiling a contact list of jQuery experts who may be interested in opportunities under the right circumstances. I am not a recruiter - I'm a regular developer who sometimes gets asked for referrals when I'm not personally available. If you'd like to be on my shortlist of go-to experts, please contact me off-list at: wilson.jim.r@gmail.com Please be
[jQuery] jQuery Cycle plugin : how to show three images in slider at the time
Hello, I need to do a slider. I am using Cycle plugin, but I have a problem. I don't know how to do a slider images container with three pictures... All examples are with one images, and the handlers ( prev, next , etc .. ) to change the pictures with fantastic effects... but ... My simple images pool <div class="cont" id="slide-photos-pool"> <a href="javascript:openSlide(0);" id="slide-photo-1"><img src="images/ img_prueba/thumb_1.jpg" /></a> <a href="javascript:openSlide(1);" id="slide-photo-2"><img
Next Page