[jQuery] Superfish image menu
This may have been asked before. I'm not a CSS expert. I wanted to make a menu such as this: http://www.wireless.att.com/cell-phone-service/welcome/index.jsp?WT.srch=1 I have it set up where each menu item image has both states in the image and on rollover moves accordingly. I added the superfish styling, it seems as if the top nav styling is the same as the bottom nav ie. "height"or "background-image" How do I control the style for the top and bottom and the position of the bottom also? I guess
Ad place.
Hello, My site is http://mziuri.com anbd want to put some banners in the right and left side and could you help? I will give you necessary files, css and html and could you help me?
[jQuery] Jquery UI Doc?
Hi, till now for my draggable and droppable effects I used Interface plugin. Now I want to take a look at jquery ui, but I'm wondering if exists a documentation better than the one on docs.jquery.com. For example: draggable( options ) Returns: jQuery Creates new draggables on the nodeset supplied by the query. Where I can find info about the options ? If a doc doesn't exist, where I have to look inside the code? Thank you.
[jQuery] [NEWS] What makes jQuery a good choice
Nice post by Duane Johnson about what makes jQuery a good choice http://blog.inquirylabs.com/2008/04/29/what-makes-jquery-a-good-choice/
[jQuery] Form Submit Function
Trying to run a function when a form in an iframe is submitted. The form is submitted from a parent frame. When running the function from within the iframe (button on the form), the submit function works as it should. When submitting the form from "outside" the form, the submit function does not run. It seems as if the iframe is hindering the page from catching the function. When using keyup instead of submit on the same function, it works like a charm! -- View this message in context: http://www.nabble.com/Form-Submit-Function-tp16982072s27240p16982072.html
[jQuery] Moving label text to input
Hi, I have this small script that moves the text from a label and places it in a input field next to the label, like such: function moveLabelToInput(){ $("label.moveToInput").each(function(){ var lblText = $(this).text(); $(this).hide() .next("#" + $(this).attr("for")) .attr({title: lblText}) .focus(function(){ if ($(this).val() === lblText) { $(this).val(""); } })
[jQuery] size of an ul
Hi all. Can i know the number of li in a ul with jquery?. Thank you all.
[jQuery] Cycle Plugin - additional manual link to a particular slide
Hi there I've used the Cycle plugin to build a shuffling div with text content, that uses the pagerAnchorBuilder to link the nav to each slide. That all works fine. $('#shuffledeck').cycle({ fx: 'shuffle', cssAfter: { top: -20, left: -20 }, delay: -4000, timeout: 0 , pager: '#nav', pagerAnchorBuilder: function(idx, slide) { // return selector string for existing anchor return '#nav li:eq(' + idx + ') a'; } }); However now I need
[jQuery] jCarousel: HTML structure vs CSS vs documentation
Hi, just upgraded the jCarousel plugin to the newly released version 0.2.3, and my styling broke. This due to the structural modification where a new div with only the skin-name as a class is inserted as a container. This was quite easy to fix, however the comment in the js- file is now incorrect. At least on line 28 is the non-packed/minified version. This was just a heads up =) /Glenn -- http://wailqill.com/
This is prob real simple to you, but this newbie can't figur
Hi guys, I've got a problem that's been killing me, but I bet you guys can solve it in no time. I've got a nested list like so: <ul id="mainnav"> <li><a href="/">Home</a> <ul> <li><a href="/weblog/">News & Upates</a></li> <!-- link with trailing slash --> <li><a href="/welcome">First time here?</a></li> <li><a href="/contact">Contact</a></li> </ul> </li> <li><a href="/about/">About</a> <!-- another link with trailing slash --> <ul> <li><a href="/about/service-times">Service
[jQuery] XSL/XML page with tabs only working in Safari
Anyone have advice on this one? My page is choking on jquery tabs in everything except Safari. I've checked it validates at W3C and now a bit stumped. My page is an XML file converted into XHTML client-side using XSLT, I've got quite a bit of jquery working but now I'm guessing there is some limitation working with XML/XSL because I can get tabs working using a nearly identical static HTML page. As of the last Firebug release I can't inspect the page properly so I may need to switch to server-side
[jQuery] IE6 problems?
I am trying to add a class to the first child in IE6 because the css first child does not work in IE6. So, here is what I used: $("#subnav li:first").addClass("ieTop"); But it does not seem to work, any ideas on what I did wrong? Or does IE6 not play well with jQuery?
[jQuery] jQuery Cycle Plugin pager option
I'm currently working on a site that uses your JQuery plugin and so far it's been great. I'm at a point now were I'm trying to use the pager option. CODE: // Initialize 4 tab show $(document).ready(function(){ $('#featuretabs') .before('<div id="nav">') .cycle({ fx: 'turnLeft', speed: 'fast', timeout: 0, pager: '#nav' }); }); HTML: <div id="feature2"> <div id="nav" class="nav"> <a class="activeSlide" href="#">The BIG Guide Book</a> <a href="#">The BIG Guide Online</a> <a href="#">College Seminars</a>
[jQuery] Release: Autocomplete Plugin 1.0
Hi, I've just finished the 1.0 release of my autocomplete plugin. Details on the blog: http://bassistance.de/2008/04/27/release-autocomplete-plugin-10/ And some direct links to get started: Plugin page: http://bassistance.de/jquery-plugins/jquery-plugin-autocomplete/ Demos: http://jquery.bassistance.de/autocomplete/demo/ Documentation: http://docs.jquery.com/Plugins/Autocomplete Have fun! Jörn Zaefferer
[jQuery] how to preserve the image that was there when I roll over
Hi, I have several images on my page, each with class "myClass". I know when I roll over each image, I want its source to be "over.gif". However, when I roll out I want the image to be whatever was there before, and it will be different for each image. How can I construct mouseover/mouseout handlers to accommodate this? Here are the handlers I'll presumably be using $('.myClass').mouseover( function(){ $ (this).attr("src", $(this).attr("src", "over.gif") } ); $('.myClass').mouseout( function(){ $
[jQuery] [validation] error elements are appended endlessly
I have a problem using validation plugin 1.2.1 and jquery 1.2.3 Every time the user clicks submit, the script adds a new error element, leaving the previous one, so I end up with error elements stacking up one after another. Also, the script doesn't remove the error if user fills the field correctly and then moves on to the next one Here is my code: <script type='text/javascript'> $().ready(function() { $('#signupform').validate({ errorElement: 'div', rules: { name: { required:
[jQuery] [validation] error elements are appended endlessly
I am using the validation plugin 1.2.1 and jquery 1.2.3 The problem is that the error containers are added, but: a) not removed when the user enters the correct data and moves to the next field b) more importantly, if the user clicks submit again, another error element added (yes, an extra one) here is my code: <script type='text/javascript'> $().ready(function() { $('#signupform').validate({ errorElement: 'div', rules: { name: { required: true, minlength:
[jQuery] ajax submit and jquery validation
Hi :D I use Jquery validation from http://bassistance.de/jquery-plugins/jquery-plugin-validation/ and I got a question ... I have form that I need to submit using ajax post() function.it works well ... and now I tried to add data validation using jquery validation .. it works well. my form is like this ... <form method='post' name='myform' id='myform'> <input type='text' id='mytext' name='mytext' value=''/> <input type='text' id='mytext2' name='mytext2' value=''/> <input type='text' id='mytext3'
[jQuery] Accordion Style Navigation & Intermitten Click Issue
I've uploaded an example of this page which highlights the problems i've had. The concerning part is that the behaviour is different in IE 7 to Opera & Firefox. I'm trying to create a slide down site navigation which closes any other panel when opening a new one. In IE, you have to click twice to play the open animation whereas FF & Opera don't work at all. The example page can be found at http://test.i-snapshot.com/Default.aspx Here is my js to create an accordion style nav: <script type="text/javascript">
[jQuery] Tooltip
Hello Jörn, i have read, that you are considering to implement "sticky" to your tolltip plugin. Has or will this happen or more likely not in the near future? Thanks Fritz
[jQuery] [Autocomplete Plugin 1.0] Use of *.css files
The autocomplete plugin comes with two css files - main.css and jquery.autocomplete.css. I'm guessing that the main.css is for the demo script only - is that right? What is the jquery.autocomplete.css used for and is it necessary? The reason for asking is that I'm getting a conflict between my own css file and the above two and I was wondering which if any can be eliminated? Thanks!
[jQuery] Autocomplete plugin modifications
Hi, I made a couple of modifications to the jQuery Autocomplete plugin (Release 1.0). I am using the plugin on a multiple entry field and quering a web service. 1. Myself and others have run into an issue which prevents users from inputting items not in the autocomplete selection list. The solution posted by Gustavo Picón (tabo) on Jörn's blog (http://bassistance.de/ jquery-plugins/jquery-plugin-autocomplete/) successfully corrects this issue. Code: // matches also semicolon case options.multiple
[jQuery] Only want to enable rollover behaivor for a certain class combination
Hi, If an image has a class "myClass", I would like to set a mouseover/ mouseout behavior. However, if an image has two classes "myClass selectedClass", I would like to disable such mouseover/mouseout behaviors. How can I write a JQuery expressoin to only enable the mouseover/mouseout behavior for the first instance? Thanks, - Dave
[jQuery] Cycle plugin (Mike) problem
Hi, The 'cleartype' issue in IE does not only appear with the fade transition, but also with others. When you look at the demo: http://malsup.com/jquery/cycle/int2.html (No-Image Content demo), the slide numbered 1 has the cleartype issue. But only that slide! Not all..... I'm using the slide where the container has a gradient background, so I cannot give the items a background color (that solves the cleartype issue). Is there another way to do this? The design of the site will be less nice when
[jQuery] FancyBox - image zooming plugin (updated)
Hello, I have today updated FancyBox - image zooming plugin. you can visit it at fancy.klade.lv Any feedback welcomed. Janis
[jQuery] Loading the bgiframe script only for IE
I looked but couldn't find anything on this. So hopefully this isn't a repeat. It's great that we have bgiframe to compensate for the sorry excuse that is IE6, but it kind of sucks that we have to include it for all browsers even though no one else needs it (both filesize [albeit small] and the extra http request). With that in mind, is there any issue with the following: <script type="text/javascript"> if($.browser.msie&&parseInt($.browser.version)<=6) $.getScript("path/ to/bgiframe.js"); </script>
[jQuery] jQuery.extend method problems, when I update from 1.1.3 to 1.2
Hi, I'm having a problem with jQuery 1.2. The problems' that i started a project using the jquery 1.1.3, but now, after 7 months, appeared the need of update to 1.2 release. Now that i'm using this version, appeared some errors, like when a use the jQuery.extend method. Error: setting a property that has only a getter Source-file: .../js/jquery.js Line: 437 Line 437's code is "target[i] = prop[i];" I'd like to know if somebody can help me? jQuery.extend method changed? If yes, how can i use? Best
[jQuery] Accordion onLoad open then close automatically
I am looking for help in a jQuery accordion which would be able to onLoad() open and then after a set number of seconds close. I have recently been introduced to jQuery and enjoy it, however, am nor proficient enough to be able to write the code myself. The accordion I am looking for would only have 1 pane which would expand and then close after a set number of seconds without user interaction. There are numerous accordions with interactive event handlers, such as onClick, onMouseOver, etc, but I
[jQuery] Accessing forms
Hi guys, i am currently exploring jquery and the form plugin, and i dont know how to access a form, wich is located in a html file i have loaded into a DIV with .load() . i tried the form plugin, but i seems like it cannot find the form...do i have to put everything into one file? or is it possible to access the objects across loaded files... tx alot, im already searching for hours adrian
[jQuery] Adding function argument into jquery
I wrote a small script that brings up a confirm dialog, and if the user clicks ok, it will hide a div, and then post a URL. I am using the assetid argument from my function, and I want to use that with the jquery .hide function, but it does not seem to work. What have I done wrong? It seems like it is not passing assetid into the .hide() function. <script type="text/javascript"> function deleteAsset(message, action, assetid, asseturl) { var confirmDelete = confirm(message); if (confirmDelete == true)
[jQuery] [autocomplete] dimension.js requirement
Is it possible to make this an optional component of the autocomplete plugin? If I always only want 10 or so options to display, thus not having any scrolling... the need to have this extra file (both in filesize addition and http request addition) is worthless. But I must include it to keep the JavaScript errors from occurring. I understand that the logic needs to stay in the autocomplete plugin, but can there be a check if dimensions is on the page, and only run that logic if it is there. Even
[jQuery] Return value instead of callback?
Hi! I want to get a value from jQuery.get() and I want the function (in the example called getFromServer()) to wait until the server has loaded the value (not the normal multithreaded way with a callback). I've tried to use the callback to set a global and the script to wait until the global is set, but I can't get it to work. This is what I want: serverValue = getFromServer("test.php"); if(serverValue == "foo") { ... } Is this somehow possible? Thanks a lot.
[jQuery] [treeview] - persist: cookie - Internet Explorer 6
Hey, the cookie based persistence doesnt work with IE 6 over here. Thats the version i use: Version 1.4 - * Revision: $Id: jquery.treeview.js 4684 2008-02-07 19:08:06Z joern.zaefferer $ Same problem with the demos at http://jquery.bassistance.de/treeview/demo/. Is there any fix avaible? Thanks for your reply.
[jQuery] [SITE] MyLifeofTravel.com
MyLifeofTravel.com has public relaunch and Is using jQuery & Thickbox. http://www.mylifeoftravel.com Rey...
[jQuery] Simple For Loop with jMaps (Google Maps) Plugin Not Working Properly
Check the following code: $j = jQuery; $j().ready(function() { $j('#map2').jmap({ mapCenter:[30.2687,-97.7452], mapZoom: 13 }); for(i=1; i < 150; i++) { $j('#map2').jmap("searchAddress", {address: $j('#address'+i).val() }, function(options,point) { $j('#map2').jmap("addMarker", { pointLatLng:[point.y, point.x], pointHTML: "<div style='width: 200px;'> This office is located at: <b>" + $j('#address'+i).val() + "</div>" , centerMap: false }); }); } }); // End of DOM Ready In the markup there are 150
[jQuery] IE Flicker Issue
I am in the process of learning jquery and thought that I would try and duplicate some common flash functionality in jquery. Just to see if I could get it to work. I was able to get the code working but run into an error on I.E that I do not see in firefox. Could someone please give me an idea why I get a flicker when viewing the menu in I.E that doesn't appear in Firefox? Original Flash Version http://www.gm.com My JQuery Version http://www.indyscripters.com/gm_rebuild_burst_plugins.html Thanks
[jQuery] Re[jQuery] cognize iframe form submit
Greetings All! I have a form in an iframe that I need to run a function on when the form is submitted. This same procedure occurs on a form that isn't located in an iframe and it works great. Now, I am able to submit the form within the iframe using jquery as follows (this code is located in an included js file): jQuery(winBody.document.frmName).submit(); [winBody determines whether or not the form is in the iframe] Once submitted, I need to run a function: jQuery(this.frmName).submit(function()
[jQuery] Autocomplete: Use of *.css files with plugin
Re:posted with autocomplete in subject line: The autocomplete plugin comes with two css files - main.css and jquery.autocomplete.css. I'm guessing that the main.css is for the demo script only - is that right? What is the jquery.autocomplete.css used for and is it necessary? The reason for asking is that I'm getting a conflict between my own css file and the above two and I was wondering which if any can be eliminated? Thanks!
[jQuery] modal dialogs - noticeably slow
hi, when using modal dialogs with more or less complicated forms inside, working with form controls gets noticeably slow, at least on Pentium 4 2.6 GHz. Opening drop-downs, pressing buttons, typing in the input fields - all actions with a noticeable delay. I understand that in order to make a dialog modal handlers are added to all events, but... is there a way to optimize the productivity? Has anybody experienced the same slowdown? Of course when I switch off the modality everything works as intended
[jQuery] Get number of times a link has been "toggled" or clicked?
Hey guys. I was curious if it was possible to query how many times something that has toggle bound to it has been clicked. Is this possible?
Next Page