Re: [jQuery] Re: Generating a CSV of values from a bunch of Checkboxes with same id
$(this).attr('title') -- http://ranacseruet.blogspot.com/ On Mon, Jan 11, 2010 at 11:58 AM, swfobject_fan wrote: > Peter, > > The $(this).getAttribute didn't work for me in any browser. > > I changed it to this: > checkedGenres.push(this.getAttribute('title')); > > But is this a standard method? Safer? > > -guru > > On 9 Jan, 20:30, Peter Edwards wrote: > > You could use the title attribute rather than your non-standard txt > > attribute, and achieve the same thing using: > > > > > > $(document).ready(function(){ > > $("#tryme").click( function(){ > > var checkedGenres = []; > > $("input[rel='genre']:checked").each(function(){ > > checkedGenres.push($(this).getAttribute('title')); > > }); > > alert( checkedGenres.join(", ") ); > > $("#divGenres").text(checkedGenres.join(", ")); > > });}); > > > > > > > > on 09/01/2010 13:57 swfobject_fan said:: > > > > > > > > > Hi, > > > > > I'm using this piece of code to find a set of selected check boxes > > > that are selected abd build a comma separated list from their values > > > ('txt' custom attribute). Is this a jQuery standard method? > > > > > e.g > > > > > txt="Rock" /> > > > > > > > > > > $(document).ready(function(){ > > > > >$("#tryme").click( function(){ > > >var oChecked = $("input[rel='genre']:checked"); > > >var checkedGenres = new Array; > > >for( var i=0; i> >checkedGenres[i] = oChecked[i].getAttribute('txt'); > > >} > > > > >alert( checkedGenres.join(", ") ); > > >$("#divGenres").text(checkedGenres.join(", ")); > > >}); > > > > > }); > > > >
[jQuery] Re: Generating a CSV of values from a bunch of Checkboxes with same id
Peter, The $(this).getAttribute didn't work for me in any browser. I changed it to this: checkedGenres.push(this.getAttribute('title')); But is this a standard method? Safer? -guru On 9 Jan, 20:30, Peter Edwards wrote: > You could use the title attribute rather than your non-standard txt > attribute, and achieve the same thing using: > > > $(document).ready(function(){ > $("#tryme").click( function(){ > var checkedGenres = []; > $("input[rel='genre']:checked").each(function(){ > checkedGenres.push($(this).getAttribute('title')); > }); > alert( checkedGenres.join(", ") ); > $("#divGenres").text(checkedGenres.join(", ")); > });}); > > > > on 09/01/2010 13:57 swfobject_fan said:: > > > > > Hi, > > > I'm using this piece of code to find a set of selected check boxes > > that are selected abd build a comma separated list from their values > > ('txt' custom attribute). Is this a jQuery standard method? > > > e.g > > > txt="Rock" /> > > > > > > $(document).ready(function(){ > > > $("#tryme").click( function(){ > > var oChecked = $("input[rel='genre']:checked"); > > var checkedGenres = new Array; > > for( var i=0; i> checkedGenres[i] = oChecked[i].getAttribute('txt'); > > } > > > alert( checkedGenres.join(", ") ); > > $("#divGenres").text(checkedGenres.join(", ")); > > }); > > > }); > >
Re: [jQuery] jquery.stylish-select.js - problem in Internet Explorer
My guess is the field you are calling the plugin on also has an ASP.Net validator on it. When the plugin triggers the change event to notify the form element that the user changed the value, the ASP.Net validator receives the event with the wrong target. See http://dev.jqueryui.com/ticket/4071 The plugin could be updated to use fireEvent in IE to prevent this issue. I'm still working on whether it makes sense (and how) to fix this in jQuery core's .trigger. See http://groups.google.com/group/jquery-dev/browse_thread/thread/b373713680e58be7 - Richard On Sun, Jan 10, 2010 at 1:56 PM, Yvan wrote: > I'm using Jquery's "Stylish Select" plugin to replace a dropdown box > in a form (ie: "Facility Type"): > > http://www.coverall.com/cnaws/quoterequest.aspx > > Although it's working fine in both Firefox and Safari, .. I'm having a > problem with it in IE 7/8. > > The first problem that I'm having is that I'm getting a strange > Javascript error message when I click on and try to select one of the > options in the dropdown box: > > Message: 'length' is null or not an object > Line: 172 > Char: 17 > Code: 0 > URI: > http://www.coverall.com/cnaws/WebResource.axd?d=w7y_20eVwtqkECBvGtTXhctz7tfIr5GP58PmekFUdQI1&t=633700576732852734 > > The second problem that I'm having (which I suspect is related to the > javascript error message I'm getting in some way) ... is that I am not > able to select any of the options in the dropdown box. > > The page that I'm trying to integrate this into is part of a .NET > application. Is it possible that there is something .NET specific > that is creating a conflict in IE? How can I fix this? > > Thanks in advance, > - Yvan > > >
[jQuery] Re: SimpleModal (probably something really stupid)
For anyone interested - my issue was trying to integrate this stuff into .net with an updatepanel thrown into the mix. The javascript wasn't actually being called as expected and I'd accidentally done a pnl.visible = true which is why I thought it was working. So yeah that's why the sample didn't really help me much as it lacked the .net factor. One thing I found whilst looking at the jquery.ui.dialog stuff is that it seems really confusing knowing exactly what .js files you need to download - maybe it was just me but I had several goes at trying to find what to download as really I just needed the dialog specific stuff as I was already using the datepicker in my project. On Jan 8, 2:57 pm, polarwarp wrote: > I am using the jquery simplemodal code to display a div on a page. > > I am pretty much calling .modal(); on the div, which has a class on > it, and I'm styling up that class - some issues though: > > 1. How do I add a close button. Have seen that I can add a closeimg > style - but I can't get anything with this class to appear. I figure > I need to set the closehtml property to something but haven't figured > out what. As this is embedded in c# I might have stuffed up my string > escaping. > string termconditions = @"$('#" + pnlMemberAgreement.ClientID + > "').modal({ closeHTML: ''});"; > I also tried Close instead of just '' - but either its > making no difference or I can't figure out what quotations to use > within my c# string. > > .simplemodal-container a.modalCloseImg { > background:url(../App_Themes/Images/Ecommerce/x.png) no-repeat; > width:25px; > height:29px; > display:inline; > z-index:3200; > position:absolute; > top:-14px; > right:-18px; > cursor:pointer; > > } > > 2. Whilst the div is made visible, it sits under my content - its not > being overlayed over the top, nor does it have a background colour > going on. I grabbed from the sample site: > .simplemodal-overlay { > background-color:#000; > cursor:wait; > > } > > .simplemodal-container { > height:400px; > width:600px; > background-color:#fff; > border:3px solid #ccc; > > } > > Is this an additional option I need to set? > > 3. The div is not acting like a modal object - I can still click > other buttons and stuff on the same page and leave the page! > > 4. I'm confused with the styling. > what do I need to put on my div so that the right styles get applied > to it - or should I be doing this in options? ie. I have my t&c > inside a panel, and I tried putting a css class on that for the > container part, but where do I put the overlay - or should I not have > to do this. > > It sort of looks like the basic modal example does what I want it to > do.. but I can't figure out what I have missed in my implementation of > it :( > > I pretty much have this in my c# > string termconditions = @"$('#" + pnlMemberAgreement.ClientID + > "').modal();"; > > and want to apply some basic stylings so that the frontend guy can > take over but it will do what its supposed to > > Thanks for any assistance!
[jQuery] Using cluetip with image maps and area element
Hi, I am trying to use an image map with cluetip. Everything seems to work as expected on IE 8, but the tooltip refuses to display on all other browsers (Firefox, Chrome) I am not a Javascript expert, could someone help out and point me to the right direction? I also tried the plugin "stickytooltip" and the same difference between browsers happen, is there something special with image maps? You could consult the result here http://montrealaikikai.qc.ca/site-www.montrealaikikai.qc.ca-20091214-204513/index.php?option=com_content&task=view&id=16&Itemid=84 Here' how I initialize cluetip: And the image map element Any student of the dojo with a regular membership could participate in this class. Consult the calendar for active sessions. Class focused on study of aikido weapons. Any student of the dojo with a regular membership could participate in this class. Each student should bring their own equipment. Participants must be graded 4th kyu or more Participants must be graded 5th kyu or more Consult the calendar for active sessions. No formal class is given. All students are welcome.
[jQuery] jcarousel issues
Hi! I'm RoxAnne and a total newb to jQuery. I'm trying to make a carousel with two slides. The code is supposed to loop them so at the second slide, the next button takes you back to the first. When I open it up to test, I see the first slide in its place and then the second slide out to the right. I can press the forward or back buttons and the second slide moves into place and the first one disappears completely. I can press back or next and it animates, but it only gives me the second slide. Now, as I said, I'm a newb and I scavenged the code off of a tutorial and replaced the images with my own. This is probably contributing to the issue, but I honestly have no idea how to fix it. If anyone can give me some tips, I would be most grateful. Rox
[jQuery] Re: Superfish
Add this to your flash code: On Jan 10, 4:44 am, JW wrote: > Alright, so I have a Superfish menu with a rotating flash banner > rotator. When I highlight over my menu item that has sub items, it > goes behind the flash instead over top of it. Is there a way to > correct this issue?
[jQuery] Easy way to do this in jQuery?
Hi everyone, I've just started using jQuery and so far I'm impressed with the power and simplicity of it. At the moment I'm looking for a better way to do the shape dropdown selector on http://www.drugs.com/imprints.php. It's currently done with a bit of ddrive and some custom code, but I'd rather use a jQuery plugin if I can find one. Can anyone point me in the direction of a good plugin that will do this? Thanks Nick
[jQuery] Superfish IE6 dies with opacity CSS attribute
I have experimented in a variety of ways, and when I use the opacity CSS attribute, it kills the next level of the menu in IE6, FF as always no prob. Thus, when I had the CSS opacity code to , does not appear. If I add it to , then the second level ( ) does not appear. The menu's next level does not slide down, or out... E.g. I am adding: .sf-menu li li { filter: alpha(opacity=80); } to the Custom CSS field in the Joomla mod_superfishmenu module. I am using jQuery 1.2.6 and loading all SuperFish JS after mootools.js I have also tried add it directly to superfish.css. Any ideas or confirmation this problem exists for others out there?? I would love to add the animation, but can't get beyond opacity. Thx! Great script!
[jQuery] Re: Superfish
This is a problem that goes back a while. The same problem happened with select drop downs appearing above divs etc. Haven't had to deal with this in a while so no straight answer for you, but z-index and/or wmode of the flash might be the way forward. Out of interest, what browers? Adrian On Jan 10, 3:44 am, JW wrote: > Alright, so I have a Superfish menu with a rotating flash banner > rotator. When I highlight over my menu item that has sub items, it > goes behind the flash instead over top of it. Is there a way to > correct this issue?
[jQuery] Re: Optimized jQuery
I get a bad feeling when I'm asked to go to a site using IE! Anyone had a look? Adrian On Jan 10, 3:41 am, Legostrat wrote: > Hey, > > I've got a website in which I've put in some elementary jquery code, > and when tested on internet explorer 8, the animations slow down > exponentially. I'm relatively new to coding, and I read > here:http://old.nabble.com/jQuery-too-slow-on-IE!!!-td23504287s27240.html > that it could be my code. While I generally dislike internet > explorer, I feel it is necessary for my site to work smoothly with > IE. > > My site is calxanime.com > > Sign in with this information so that you can view the theme that I'm > having a problem with. > > Username: Guestperson > Password: guest > > (You guys probably already know) Just go to the source code and find: > > > Thanks, > Legostrat
[jQuery] Re: Validation Plugin
Got any code to show us? You need an event to fire off the remote call, either onBlur or onClick of a button. You examine the returned data and act accordingly. Adrian On Jan 10, 12:28 pm, Richard Beacroft wrote: > People enter an address to lookup on a google map, this makes an > asynchronous call and will either return a lat/longitude or not. if > not, i want to display an error to the user that an address could not > be found. > > How do I go about this? I've not managed to get it working using the > remote attribute as I really need to call a client-side js function > which will in turn make the async call. Any suggestions? > > Regards, > Rik
[jQuery] Re: Making a Sliding Tab Menu
1. Why is your "menu" UL wrapped by a DIV, which is wrapped by a DIV? 2. Why do you have anchors (A) inside the menu items? 3. Why SPANs inside the anchors? Why not just this: News Team Gallery Contact the content for the News tab the content for the Team tab the content for the Gallery tab the content for the Contact tab
[jQuery] Re: Link override problem
Your code is a mess :) To many DIVs/classes, and the jQuery code is really bad... it's hard to watch... I'd like to help but, from what you've supplied it's not possible for me to construct a demo... why don't you put a demo online? Or copy the complete code here?
[jQuery] Re: Selecting a value with up down keys
Actually, this is right... $().keydown(function(e) { var $item = $(".selected"); if (e.keyCode === 40) { // bottom if ($item.next().is("li")) { $item.removeClass("selected").next ().addClass("selected"); alert($item.get(0).innerHTML); } } else if (e.keyCode === 38) { if ($item.prev().is("li")) { $item.removeClass("selected").prev ().addClass("selected"); alert($item.get(0).innerHTML); } } }); });
[jQuery] Re: Selecting a value with up down keys
The code above is wrong... here: $().keydown(function(e) { var $item = $(".selected").removeClass("selected"); if (e.keyCode === 40) { // bottom if ($item.next().is("li")) { $item.next().addClass("selected"); alert($item.get(0).innerHTML); } } }); }); Also consider using a plug-in... http://jquery.bassistance.de/autocomplete/demo/
[jQuery] Re: SimpleModal (probably something really stupid)
Hi, I was told to use this by our tech lead but given how much time I've spent - I might look at this other one. Thanks :) On Jan 8, 3:27 pm, slmnhq wrote: > Did you look at jQuery UI's dialog plug-in? > > It's very easy to use:http://jqueryui.com/demos/dialog/#modal-message > > Salman > > On Jan 7, 10:57 pm, polarwarp wrote: > > > I am using the jquery simplemodal code to display a div on a page. > > > I am pretty much calling .modal(); on the div, which has a class on > > it, and I'm styling up that class - some issues though: > > > 1. How do I add a close button. Have seen that I can add a closeimg > > style - but I can't get anything with this class to appear. I figure > > I need to set the closehtml property to something but haven't figured > > out what. As this is embedded in c# I might have stuffed up my string > > escaping. > > string termconditions = @"$('#" + pnlMemberAgreement.ClientID + > > "').modal({ closeHTML: ''});"; > > I also tried Close instead of just '' - but either its > > making no difference or I can't figure out what quotations to use > > within my c# string. > > > .simplemodal-container a.modalCloseImg { > > background:url(../App_Themes/Images/Ecommerce/x.png) no-repeat; > > width:25px; > > height:29px; > > display:inline; > > z-index:3200; > > position:absolute; > > top:-14px; > > right:-18px; > > cursor:pointer; > > > } > > > 2. Whilst the div is made visible, it sits under my content - its not > > being overlayed over the top, nor does it have a background colour > > going on. I grabbed from the sample site: > > .simplemodal-overlay { > > background-color:#000; > > cursor:wait; > > > } > > > .simplemodal-container { > > height:400px; > > width:600px; > > background-color:#fff; > > border:3px solid #ccc; > > > } > > > Is this an additional option I need to set? > > > 3. The div is not acting like a modal object - I can still click > > other buttons and stuff on the same page and leave the page! > > > 4. I'm confused with the styling. > > what do I need to put on my div so that the right styles get applied > > to it - or should I be doing this in options? ie. I have my t&c > > inside a panel, and I tried putting a css class on that for the > > container part, but where do I put the overlay - or should I not have > > to do this. > > > It sort of looks like the basic modal example does what I want it to > > do.. but I can't figure out what I have missed in my implementation of > > it :( > > > I pretty much have this in my c# > > string termconditions = @"$('#" + pnlMemberAgreement.ClientID + > > "').modal();"; > > > and want to apply some basic stylings so that the frontend guy can > > take over but it will do what its supposed to > > > Thanks for any assistance!
[jQuery] Re: SimpleModal (probably something really stupid)
I have looked at the simple example - and whilst that works I do not know why mine doesn't. When I click my link it shows the hidden div underneath the content on the page -and it doesn't operate like a modal dialogue and doesn't apply the overlay. I am not getting any javascript errors and I'm just using the simple css that was included in the project. I also still have no close button. I was hoping someone else might have stumbled along the same issues and could better explain what's actually going on :) The CSS I'm using: /* Overlay */ #simplemodal-overlay {background-color:#000; cursor:wait;} /* Container */ #simplemodal-container {height:320px; width:600px; color:#bbb; background-color:#333; border:4px solid #444; padding:12px;} #simplemodal-container code {background:#141414; border-left:3px solid #65B43D; color:#bbb; display:block; margin-bottom:12px; padding:4px 6px 6px;} #simplemodal-container a {color:#ddd;} #simplemodal-container .basic-modal-content {padding:8px;} #simplemodal-container a.modalCloseImg { background:url(../App_Themes/Images/x.png) no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-14px; right:-18px; cursor:pointer; } My panel that gets displayed: Which has no styles applied to it unless I change the cssClass to simplemodal-container and change the styles to refer to class not id (due this being a .net control). Thanks, Jen On Jan 9, 9:23 am, Eric Martin wrote: > I would strongly suggest downloading the one of the demos [1], like > the basic one, which will probably help answer all of your questions. > > -Eric > > [1]http://www.ericmmartin.com/projects/simplemodal-demos/ > > On Jan 7, 7:57 pm, polarwarp wrote: > > > I am using the jquery simplemodal code to display a div on a page. > > > I am pretty much calling .modal(); on the div, which has a class on > > it, and I'm styling up that class - some issues though: > > > 1. How do I add a close button. Have seen that I can add a closeimg > > style - but I can't get anything with this class to appear. I figure > > I need to set the closehtml property to something but haven't figured > > out what. As this is embedded in c# I might have stuffed up my string > > escaping. > > string termconditions = @"$('#" + pnlMemberAgreement.ClientID + > > "').modal({ closeHTML: ''});"; > > I also tried Close instead of just '' - but either its > > making no difference or I can't figure out what quotations to use > > within my c# string. > > > .simplemodal-container a.modalCloseImg { > > background:url(../App_Themes/Images/Ecommerce/x.png) no-repeat; > > width:25px; > > height:29px; > > display:inline; > > z-index:3200; > > position:absolute; > > top:-14px; > > right:-18px; > > cursor:pointer; > > > } > > > 2. Whilst the div is made visible, it sits under my content - its not > > being overlayed over the top, nor does it have a background colour > > going on. I grabbed from the sample site: > > .simplemodal-overlay { > > background-color:#000; > > cursor:wait; > > > } > > > .simplemodal-container { > > height:400px; > > width:600px; > > background-color:#fff; > > border:3px solid #ccc; > > > } > > > Is this an additional option I need to set? > > > 3. The div is not acting like a modal object - I can still click > > other buttons and stuff on the same page and leave the page! > > > 4. I'm confused with the styling. > > what do I need to put on my div so that the right styles get applied > > to it - or should I be doing this in options? ie. I have my t&c > > inside a panel, and I tried putting a css class on that for the > > container part, but where do I put the overlay - or should I not have > > to do this. > > > It sort of looks like the basic modal example does what I want it to > > do.. but I can't figure out what I have missed in my implementation of > > it :( > > > I pretty much have this in my c# > > string termconditions = @"$('#" + pnlMemberAgreement.ClientID + > > "').modal();"; > > > and want to apply some basic stylings so that the frontend guy can > > take over but it will do what its supposed to > > > Thanks for any assistance!
Re: [jQuery] [apycom Menu] Submenu items showing as top level items in IE
W3.org's validator shows 163 errors and 46 warnings. Best you get the page to validate first as this may be caused by invalid/broken markup. On Sun, Jan 10, 2010 at 2:55 PM, speedpac...@gmail.com wrote: > Hi, > > I'm using the (paid) version of Apycom's jQuery menu; you can find it > at http://apycom.com/ and it is looking really good. > > I have uploaded files, and published it on a test site - www.flexin.be > > Unfortunately, some of the submenus (starting from the second that has > children elements), it adds the item on the top level in Internet > Explorer. > > Does anyone on this list has any experience with this library? Is it > a known issue? Any idea on how I can fix it? > > thanks so much in advance for any feedback! > > > Kind regards > David. >
[jQuery] Re: Superfish License
if you look into the code of superfish you would see this /* * Superfish v1.4.8 - jQuery menu widget * Copyright (c) 2008 Joel Birch * * Dual licensed under the MIT and GPL licenses: * http://www.opensource.org/licenses/mit-license.php * http://www.gnu.org/licenses/gpl.html * * CHANGELOG: http://users.tpg.com.au/j_birch/plugins/superfish/changelog.txt */ so its okay if you use it commercially :) but before you get the wrong idea i am not the developer and i really do not know where he / she went and i think he / she would be very happy about a donation :) On 18 Dez. 2009, 00:11, Webguy wrote: > Hi, > > I was hoping to use your code in a commercial Wordpress theme I intend > to sell in an online marketplace. Is that OK? I can't find a > license, so I assume its OK to use commercially, but I wanted to check > with you. I'd be glad to put a link to your site in the code, and > even place a small donation. > > Thanks for the great code! > > Shaun
[jQuery] Re: Superfish showing problems in IE7
1st site ... sry does not the the problems 2nd site 1.) + 2.) maybe this a css problem with the tag "z-index" On 4 Jan., 21:25, "i...@woosh.nl" wrote: > Hello there, > > I am using Superfish for some Joomla websites. I face problems on the > following sites an hope that you can help me out with it: > > http://stophersentumoren.woosh.nl: > 1. When hovering on a list item that has children, the item appears to > become smaller (the chaniging background color moves to left a little > bit and does not cotain teh full arrow-image that should be in it). > 2. The menu gives problems showing the left column of the website (the > header-text disappears as well as the text of the first news item) > > http://www.atosrtv.nl > 1. The child-items are being overrun by their neighbouring parents > 2. The menu-items ahow underneath teh main content div > > I really hope that you can help me out with this... > > Regards, > Frank > The Netherlands
[jQuery] Ajax forms help
I need some help with a form. I submit the form fine, my problem is depending on the success or failure of the form being saved. I will try to explain as simple as possible form is in its own div saved data will appear here So what I need is i guess json success true or false response from the form being saved or not then in my success success: function(response) { // Response was a success if (response) { //update my target div // Response contains errors } else { // return the form with the errors } But if I am returning json I cant return my normal html after the successful save, and if I return my response as html there is no way to tell the js what to do. The form or the target is html code How can I tell what the response was (true or false) and return the appropriate html code for the appropriate form or target? Thanks Dave
[jQuery] Re: Superfish Nav-bar Joomla issue
i can´t really imagine what you mean ... do you have a link for the site ??? or could you just make an image ??? so far decolaimagine On 6 Jan., 18:08, Jason wrote: > I'm using the superfish module for joomla 1.5 all options except Nav- > bar seem to work fine i have a fix menu area width 705px the 1st and > 3rd levels are fine however the second level does not fill the entire > 705px and instead folds into a 3rd line any ideas on how to get it to > fill out the width?
[jQuery] Re: SUPERFISH - version of jQuery
superfish comes with an with an own version of jquery. But you can disabel that and use your own version. You maybe just look into the jquery files in the mod dir and check shich version it is. for the rest ... try and error :D so far decola On 7 Jan., 14:54, assur3 wrote: > Joel, > > I forgot that on my site I installed SC jQuery, because that's the > only version I found for Joomla. Is that OK, or do I need a different > version?
[jQuery] Re: SUPERFISH - submenus not
this is not an issue its a function :) i have the same problem and fixed it too but i am not sure if you really should release it ... but if you want to you can get an beta version. so far decola On 7 Jan., 14:40, assur3 wrote: > Joel, > > Thanks for a great module. Everything seems to work well except I > can't get the submenus to "hide" with the Suckerfish effects. All > submenus are displayed with no mouseover. I must be doing something > terribly stupid because no one else seems to have this problem! > > Forgive my dumb question, but I've tried various settings, checked out > my template.css file, etc. but everything seems kosher. > > My site iswww.assured-it.com. The template I'm using is the new > Dominion template from Rockettheme with the Gantry architecture. In > case you need administrator, you can use the "brock" login with > "susukuu" as the password. > > Any advice you can give me what I'm doing wrong? Thanks. > > Brock Hotaling
[jQuery] Re: superfish menu problem
Yes you can you just have to look at the code of the menu ... i will see that the items get some ids like "item54". With this ids and css you can modifie the color of the items yourself. About this option i thought to maybe i will make an own versione with this feature. Would be very happy to know if this work for you :) On 7 Jan., 18:33, kon wrote: > Can we keep different color for different menu items . If yes Can you > please tell me how to do it.
[jQuery] Re: Superfish 1.4.8 accessibility enhancement
Im really wondering where the developer of this project ... anyway i made some enhancements to superfish by myself. Am i allowed to copy and paste your code into my work. Because if the developer of superfish does not answer i will maybe make an own project like "superfish menu enhanced" or so. so far decola On 7 Jan., 20:55, Jason Denizac wrote: > Superfish is a jQuery plugin for progressive enhancement of suckerfish- > style HTML/CSS drop-down menus. It can be found > athttp://users.tpg.com.au/j_birch/plugins/superfish/ > > The original Superfish plugin used jQuery's hide() method, which sets > an inline css attribute of display: none on the hidden menus. This has > the unintended effect of making screen readers skip over the submenus. > Since screen readers cannot easily trigger the hover event, this > effectively blocks them from accessing any of the sub menu items. > > This modification changes the css technique used to hide the menus > visually while leaving them available for screen readers. > > You can grab the updated code herehttp://jsbin.com/useku > > (Apologies if this is the wrong place for this posting - the author of > the original Superfish plugin mentioned this list as the place for > support for the plugin. Thanks!) > > Jason Denizac
[jQuery] Re: Superfish separator
If tried css and modified the mod files it could get very tricky. Maybe you just make an image with paint or so and show me where this seperator should go and i maybe could help you. so far decola On 8 Jan., 18:36, eddybaby wrote: > Hi, > > Only found superfish today, and man oh man do I love it! It's > fantastic, and so customisable. My only problem I am having, is > getting a separator to show between the menu items! I have tried > editing mod_superfishmenu.php and in the xml file and just can't get > it to show up. Tried stuff with the CSS as well, and for love nor > money (not that I've tried money) can I get them to show! > > ANY help would be appreciated, even if someone just told me which file > to look in!! > > Thanks again for the awesome project! > > Regards, > > eddybaby
[jQuery] [apycom Menu] Submenu items showing as top level items in IE
Hi, I'm using the (paid) version of Apycom's jQuery menu; you can find it at http://apycom.com/ and it is looking really good. I have uploaded files, and published it on a test site - www.flexin.be Unfortunately, some of the submenus (starting from the second that has children elements), it adds the item on the top level in Internet Explorer. Does anyone on this list has any experience with this library? Is it a known issue? Any idea on how I can fix it? thanks so much in advance for any feedback! Kind regards David.
Re: [jQuery] Specific type of menu action
> here is the site: http://www.webdesignblog.gr/archives/ > > at the top the menu and the way the hover slides from button to > button, thats what I am trying to go for. anyone have any idea what it > is called so I can look for a tutorial or plug in? Its called Lavalamp http://www.gmarwaha.com/blog/2007/08/23/lavalamp-for-jquery-lovers/ -- Andrei Eftimie http://eftimie.com +40 758 833 281 Punct http://designpunct.ro
[jQuery] jquery.stylish-select.js - problem in Internet Explorer
I'm using Jquery's "Stylish Select" plugin to replace a dropdown box in a form (ie: "Facility Type"): http://www.coverall.com/cnaws/quoterequest.aspx Although it's working fine in both Firefox and Safari, .. I'm having a problem with it in IE 7/8. The first problem that I'm having is that I'm getting a strange Javascript error message when I click on and try to select one of the options in the dropdown box: Message: 'length' is null or not an object Line: 172 Char: 17 Code: 0 URI: http://www.coverall.com/cnaws/WebResource.axd?d=w7y_20eVwtqkECBvGtTXhctz7tfIr5GP58PmekFUdQI1&t=633700576732852734 The second problem that I'm having (which I suspect is related to the javascript error message I'm getting in some way) ... is that I am not able to select any of the options in the dropdown box. The page that I'm trying to integrate this into is part of a .NET application. Is it possible that there is something .NET specific that is creating a conflict in IE? How can I fix this? Thanks in advance, - Yvan
[jQuery] Specific type of menu action
Hey guys I have been looking for a plug in and/or a name for this type of menu hover effect. Seems like I have seen this all over then as soon as I try to find one to show someone I cant locate it. to this point I haven't been able to describe what i was going for but now I just came across this site which has a similar menu as the one I am trying to build. here is the site: http://www.webdesignblog.gr/archives/ at the top the menu and the way the hover slides from button to button, thats what I am trying to go for. anyone have any idea what it is called so I can look for a tutorial or plug in?
[jQuery] Re: looping through form elements.
>> $(':input').each(function(idx, item) { >> alert(idx); >> }); > > There are lots of form controls that aren't input elements. They are > all in the form's elements collection. > But the ":input" selector will also get non- elements: http://docs.jquery.com/Selectors/input Overview: Matches all input, textarea, select and button elements. On Jan 10, 2:09 am, RobG wrote: > On Jan 8, 8:33 am, rich wrote: > > > Hello all, I'm relatively new to JavaScript. I would like to loop > > through all the elements within a form and grab their values and what > > type of input they are. So far I came up with: > > > $(':input').each(function(idx, item) { > > alert(idx); > > }); > > There are lots of form controls that aren't input elements. They are > all in the form's elements collection. > > > The alert is placed there to see if it loops and it works as > > expected. I'm not sure how to alert the input's value and what type > > it is. Any help is greatly appreciated. > > A form element's value is stored in its value property, its type is > stored in its type property. So: > > var el, > elements = document.forms[formName].elements; > for (var i=0, len=elements.length; i el = elements[i]; > alert( el.type + ': ' + el.value); > > } > > -- > Rob
[jQuery] Issue with Colorbox + Cluetip (title not displaying correctly in Colorbox)
I'm having an issue using both the Colorbox and Cluetip plugins together on a page. Basically what happens is that while Cluetip is displaying fine, when the object is clicked and the Colorbox overlay shows up, only part of the "title" attribute is displaying -- the part before the title separating pipe character ("|"). I think this is because when the object is clicked, Cluetip hasn't yet replaced the title attribute with its original content, so Colorbox only sees the first part of the title text. (If I disable Cluetip on the page, all is well with Colorbox.) Is there some way to tweak either Cluetip or Colorbox so that they can play nice together? An example page is here: http://www.cement-site.com/lake2010/press.shtml (mouse over or click any of the items in the first row of thumbnails) Thanks!
Re: [jQuery] Re: XML print all nodes ( html() )
Try it without the clone(). And try it without the '/' after ' wrote: > no go. > > On Jan 9, 10:56 pm, John Arrowwood wrote: > > console.log( $('').append( $(itemsXML).clone() ).html() ) > > > > See if that works. > > > > On Sat, Jan 9, 2010 at 7:27 PM, Shane wrote: > > > Is there a way to print out the structure of a jQuery xml element... > > > heres some code > > > > > $(xml).find("item").each(function(){ > > >if(myid == $(this).find("id").text()){ > > > itemsXML = $(this).html() <-- trying to do > something > > > like this > > > } > > > } > > > > > i would like itemsXML to contain the entire stucture of the xml rather > > > than the jquery object. thanks > > > > -- > > John Arrowwood > > John (at) Irie (dash) Inc (dot) com > > John (at) Arrowwood Photography (dot) com > > John (at) Hanlons Razor (dot) com > > --http://www.irie-inc.com/http://arrowwood.blogspot.com/ > -- John Arrowwood John (at) Irie (dash) Inc (dot) com John (at) Arrowwood Photography (dot) com John (at) Hanlons Razor (dot) com -- http://www.irie-inc.com/ http://arrowwood.blogspot.com/
[jQuery] Making a Sliding Tab Menu
Ok so im trying to make a sliding tab menu, The menu is already made with animations and such, however now im trying to integrate the menu with the Divs i have for each menu item. Would anyone know of any tutorials that would help accomplish this? I really just need something to start me off.. Basically on click i want the current selected item and div to fadeOut to the left and the newly selected to fadein from the right... any help would be appreciated thanks JQUERY $('span').click(function(event) { if ($(event.target).hasClass('selected')) { window.alert("already selected"); event.stopPropagation(); } else { $(event.target).addClass('selected'); event.stopPropagation(); } }); HTML News Team Gallery Contact newsticker TeamInfo Gallery Contact
[jQuery] Link override problem
I posted an explanation of my problem on devshed - I think it will be easier to understand there because of the formatting. If this is an issue let me know and I'll post here. http://forums.devshed.com/javascript-development-115/jquery-question-666562.html Thank you
[jQuery] Optimized jQuery
Hey, I've got a website in which I've put in some elementary jquery code, and when tested on internet explorer 8, the animations slow down exponentially. I'm relatively new to coding, and I read here: http://old.nabble.com/jQuery-too-slow-on-IE!!!-td23504287s27240.html that it could be my code. While I generally dislike internet explorer, I feel it is necessary for my site to work smoothly with IE. My site is calxanime.com Sign in with this information so that you can view the theme that I'm having a problem with. Username: Guestperson Password: guest (You guys probably already know) Just go to the source code and find: Thanks, Legostrat
[jQuery] Validation Plugin
People enter an address to lookup on a google map, this makes an asynchronous call and will either return a lat/longitude or not. if not, i want to display an error to the user that an address could not be found. How do I go about this? I've not managed to get it working using the remote attribute as I really need to call a client-side js function which will in turn make the async call. Any suggestions? Regards, Rik
[jQuery] Superfish
Alright, so I have a Superfish menu with a rotating flash banner rotator. When I highlight over my menu item that has sub items, it goes behind the flash instead over top of it. Is there a way to correct this issue?
[jQuery] Re: Generating a CSV of values from a bunch of Checkboxes with same id
Edward, That's oh I forgot that. Anyways, the .each syntax was what I really wanted. Thanks a bunch. On 9 Jan, 20:30, Peter Edwards wrote: > You could use the title attribute rather than your non-standard txt > attribute, and achieve the same thing using: > > > $(document).ready(function(){ > $("#tryme").click( function(){ > var checkedGenres = []; > $("input[rel='genre']:checked").each(function(){ > checkedGenres.push($(this).getAttribute('title')); > }); > alert( checkedGenres.join(", ") ); > $("#divGenres").text(checkedGenres.join(", ")); > });}); > > > > on 09/01/2010 13:57 swfobject_fan said:: > > > > > Hi, > > > I'm using this piece of code to find a set of selected check boxes > > that are selected abd build a comma separated list from their values > > ('txt' custom attribute). Is this a jQuery standard method? > > > e.g > > > txt="Rock" /> > > > > > > $(document).ready(function(){ > > > $("#tryme").click( function(){ > > var oChecked = $("input[rel='genre']:checked"); > > var checkedGenres = new Array; > > for( var i=0; i> checkedGenres[i] = oChecked[i].getAttribute('txt'); > > } > > > alert( checkedGenres.join(", ") ); > > $("#divGenres").text(checkedGenres.join(", ")); > > }); > > > }); > >
[jQuery] Re: Accessing value of a dynamic added input
Went back and double checked all the code. You were right about it being some other issue Brian, there was some other jquery removing the form element just before I was trying to get the value from it. Thanks
[jQuery] Re: Jquery UI tabs lockable ?
Or better yet use the tab enable/disable functionality. .tabs( 'enable' , index ) .tabs( 'disable' , index ) On Jan 8, 5:40 am, URBY wrote: > Hi i was wondering if it would be possible to lock out other tabs so > the user is stuck on one ..until a user hits a button. > > For example an Admin is adding someone to a database- the Admin is on > the add user tab but after enacting this add process(by input) they > cannot leave this tab until either cancelled or accomplished (both > done by a user input button). so again would it be possible to Lock > out other mobility to tabs locking on just one?
Re: [jQuery] Custom animations
Hi there, I've put up a basic example of how you would do this at: http://jsbin.com/ahevu (to edit the code, go to http://jsbin.com/ahevu/edit) I've used mouseenter to demonstrate - if you need a hover effect, then you will need to save the original dimensions/position of the div you are animating so it can revert to them when the mouseleave event fires. on 09/01/2010 19:22 Wroathe said:: Hi there! I was curious if there is a way to set up custom animations so that a div will expand from a specified corner to another specified corner? (Ex. If I have a div with a background color of #000 that is 200px by 200px and when I hover over it it expands to 500px by 500px from top left to bottom right, by default. I want it to expand from top right to bottom left or bottom right to top left, etc.) This is how I have it set up (but it only goes from top left to bottom right) $('div.item').hover(function() { $(this).animate( height: 500px, width: 500px ); });