[jQuery] Getting the height of a hidden div in Firefox
Hi, I've been working on this for days. The chaps on IRC couldn't find an answer so I thought I'd post it here just in case anyone knows what's going on. I have a basic accordion type feature. The designer wants to be able to open more than one of hidden the sections at once ... So, here is my code: $(".accordion .accordion_header").click(function() { if($(this).hasClass('accordion_selected')) { $(this).removeClass('accordion_selected').next().slideUp ({duration: 'slow', easing: 'easeInOutQuad'});
[jQuery] 1.3 and toggle()
Consider this markup: <div class="holder"> <h4>Foo</h4> <div class="bar"> Hello! </div> </div> Since upgrading to 1.3, this no longer works: $('div.holder h4').click(function() { $(this).toggleClass('close'); $(this).next('.bar').toggle("blind", {direction: "vertical"}, 600); return false; }); If I simply call $(this).next('.bar').toggle("fast") instead everything is fine. Am I completely missing something in the docs with regards to toggle()? Any help much appreciated...
[jQuery] plugins.jquery.com does not have 1.3.x
When submitting a new plugin or plugin release there is no 1.3.x option in the "plugins.jquery.com" pulldown. Can someone add it? -- Mika Tuupola http://www.appelsiini.net/
[jQuery] $.ajax Feed Aggregator
I was curious if someone could help me manipulate some code. Im still pretty new to jQuery and this is over my head. $(function() { $.ajax({ type: "GET", url: "http://www.msn.com/rss/alsoonmsn.aspx", dataType: "xml", success: function(rss) { strRSS = "<h4>" + $("/rss/channel/title",rss).text() + "</ h4>"; $("/rss/channel/item/title:lt(5)",rss).each(function(i) { strRSS += "<li><a href='"; strRSS += $("/rss/channel/item/link:eq(" + i + ")",rss).text(); strRSS += "'>"; strRSS += $(this).text(); strRSS
<textarea> value problem whith FCKeditor
I've got this odd problem with textareas values when ruining FCKeditor (http://www.fckeditor.net/). When value inside textarea is modified and then form is submited, $("textarea").val() returns textarea value before it's modification. It's when submited a second time, when new value is showed. So it's needed to be submited two times to get expected value. And this seems to happen only when using JQuery, I've tried it with just javascript and works fine. I've wrote this demo scripts. Visit link, add
[jQuery] insertAfter return value
If I run $('<span>foo</span>').insertAfter('p') and there are for example 2 s, it will insert 2 <span>s. But the return value of the code is only the first <span>. So if I want to chain an onclick handler after that, it only gets bound to the first <span> not all the inserted ones. Is that normal? Is there a better way to do it? See example at http://jsbin.com/eyuwo and look at the firebug console output.
[jQuery] Selecting form ID from $(this)
Howdy Guys, A bit of a problem I have been struggling with for a number of hours, and some help would go a long way. Its not really a problem with the $.ajax() function. It is more a problem with selecting live variables on the fly. I have multiple forms on one page, so selecting that one form to use and update data is what I am looking at doing. $.variables = {}; //Sets up an array so I can call the vars in which ever function I'd like to. $('[id^=credit]').change(function() { $.variables = {formID
[jQuery] Using $_POST to transmit large key/pair
I have the following code: $.post(order_send_email.php?order_message='+order_message) my 'order_message' is: 'Dear '+data['salutation']+" "+data['first_name']+" "+data['last_name'] +', \n\nThis is to inform you that your order #'+key+" and payment in the amount of...'; When using $.POST... the message gets cut before "#". Is there a limit on how much cam be transmitted or am I doing something wrong? Thanks.
[jQuery] Superfish
Hi, I'm setting up my first Joomla site and had a request to add drop down menus. I located Superfish and installed it. Simple, clean, no problems. But wait... It all works well, except for the fact that there is no background image or color on the dropdown items. I cannot seem to address the background of the list items. All are ignored in the superfish.css file. The odd thing is that the drop shadow shows up if I opt it. And the direction arrows work fine too. I don't know why the bg does not.
[jQuery] new plugin version debug
Hi all, if you have just few minutes, i need help to debug the script for the 1.1 version of pirobox. It works with jQuery 1.3.1 and also, obviously with 1.2.6. here is the link http://www.pirolab.it/demo/index_b.html any advice will be welcome tnx in advance to all Diego Valobra
Jquery UI Slider Events not raised
OK.. Here is the problem. I have downloaded the UI slider from Jquery website. The slider shows up fine. The slider moves fine.. BUT.. none of the callbacks are being called. i have searched high and low for this but oculd not find anything. Should i add that Im a noob to Jquery? Here is the code that i use <script src="js/jquery/jquery-1.3.1.js" type="text/javascript"></script> <script src="js/jquery/ui_core_slider.js" type="text/javascript"></script> <script type="text/javascript">
jQuery Functions
Hi Guys, I'm relatively new to jQuery however i am struggling at the moment with a function to allow me to use a script across my site for toggling things. My code (below) does not seem to run the instructions. Please would you mind ponting out where i am going wrong with this script. Thanks James Code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <script src="jquery-1.3.1.js"></script>
[jQuery] Stop unwanted animation in accordion
Hi I have tried to make a tiny accordion where .mouseover triggers .show/.hide, and it seems to work alright. The issue I am trying to solve is to prevent the animation from running after the cursor is moved through the whole accordion. I want to get rid of the chain reaction, if that is an understandable way to explain it. You can se it here: http://jsbin.com/ikobi - Martin Berglund
[jQuery] animations on textarea
Hi guys. There is some reasonable code in the jquery.fx module which stops to be reasonable when working with textareas. 1. jQuery.fx.prototype.update It changes display to 'block', which may not be good for textareas. I've made this workaround and you might want to add this 'inline' option (or something more unified) too. $.fx.prototype.originalUpdate = $.fx.prototype.update; $.fx.prototype.update = false; $.fx.prototype.update = function () { if (!this.options.inline) return this.originalUpdate.call(this);
ajax feed aggregator
I currently have a feed aggregator that displays a feed in an li.. what i would like to happen.. is have the li actually be the url using location.href if anyone has any idea how this could be done, that would be awesome.. $(function() { $.ajax({ type: "GET", url: "http://www.msn.com/rss/alsoonmsn.aspx", dataType: "xml", success: function(rss) { strRSS = "<h4>" + $("/rss/channel/title",rss).text() + "</h4>"; $("/rss/channel/item/title:lt(5)",rss).each(function(i)
[jQuery] selecting multiple elements containing same word in the id attribute
ok, now, my question is how to do that and put those matched ids in an array after that I will have possibility to do what I want. all tha I want to do with jquery here is some test html <html> <head> </head> <body> <div> <div id="prefix1"></div> <div id="prefix2"></div> <div id="prefix3"></div> <div id="noprefix1"></div> </div> </body> </html> sorry , if my question is noobish, but I'm a beginner in jquery using
Big problem with selecting first element
Welcome! I have big problems and I think I need help. I'm a bit sick and maybe it's the reason of that situation. I got data taken from database using php foreach loop. echo "<div id='images-links'><div id=\"slideshow\">"; foreach ($img_links as $img_links) { echo "<a href='$img_links->url' class='link'><img src='$target_path/$img_links->image' alt='$img_links->image'/></a>"; } echo "</div></div>"; Now... I got applied slideshow plugin, but as you can see I;m
[jQuery] jQuery 1.3 not working on Firefox 2 or below. Help please.
My website uses an accordion and equal height columns using jQuery 1.3. It works in Firefox 3, IE 7, etc. Any reason it doesn't work? Here's the site: http://amarjeetrai.co.uk/C3Web/index.html Please help. Thanks.
[jQuery] cfdiv and jQuery
Hi All, I have a cfdiv which is bound to a page that displays the results of a query. on the same page as the cfdiv I have a form which get submited using ColdFusion.Ajax.submitForm once the process has been finished I use ColdFusion.navigate to refresh the cfdiv to display the updated query results. Now the problem I have is im trying to select the new item in the query within a jquery function. Each row in the results is surrounded with a div with a class of .userListItem so I use $('.userListItem:eq(0)')
[jQuery] White spots while fading images
Hello All, I am using the animated innerfade pluggin ( http://www.openstudio.fr/Animated-InnerFade-with-JQuery.html?lang=en ) to provide the image transistion using fade-in/fade-out effects. Every thing is working fine in other browser but IE is showing some white pixels here and there on the images white they are fading. You could see this happening on http://www.anvay.net/pnrconsultings/ List of images where you can see white spots are * 2nd image, titled " team spirit " * 3rd image, titled "vigor"
double event firing - ajax
Hi all, I have the following basic ajax test. For some reason it is firing twice on a single click. The 'new-report-link' element is a simple href. When I click the link I see the GET request twice in Firebug and I see two requests in the server logs. The behavior is the same with IE7 & FF3. Any idea why this is happening and how to fix it? Thanks. $(function(){ $('#new-report-link').click(function(){ $('#ajaxtest').load('/ajaxtest'); return false; }); });
Is it possible to
Create a form like the one they use on this site: www.papercitation.com I'm not talking about lightbox, but the forms it self where one can output the text one types in(you can see an example by selecting mla apa .....). that was done on javascript, but what i would like to know if there is a way around only using jquery to create that or something similar. any link to a tutorial would be appreciated. thanks.
Text selector and wrap
Hi, I have a text like this: Attension: Watch out! Is it possible only to wrap the first word with the strong tag? I tried something like this > $("div.text:contains('Attension:')...").wrap("<strong></strong>"). But in this case the whole div gets wrapped and not only the first word. Any idea how to solve this problem? thx TC
Dreamweaver+jQuery+Slide Menu = Totally lost
Hello, I've been trying to figure this out for quite a while now and still can't. Hopefully someone here will be able to help me out. What I am trying to do is, when you go to my website you see my logo, a vertical line, and then "click to enter". When you click on the "click to enter" the logo and vertical line slides to the left so you can see some page options. Obviously I'd need the "click to enter" to disappear also. I've downloaded jQuery and the hSlides plugin but am completely lost on how
apending to just inserted element
Hi all, I'm pretty new with jQuery, so I apologize if this is a pretty straightforward issue. Basically, I am trying to create code that will write a web-widget. So I have: $('<div/>') .attr('id', 'someId') .insertBefore(elm); $('<p/>') .appendTo('#someId'); This gives an error, but if I change #someId to the id of an element already existing on the screen, things run fine. I find that I can do $('<div/>') .attr('id,'someId') .append('<p/>'); .insertBefore(elm); And this does pretty
[jQuery] Navigation menu
Hi Guys, probably you have already heard thousands of questions like this, but I need help, as no plugins I've found doest what I need to do... I have a tabbed navigation menu, with two levels, that when the mouse pass over the first level tabs, it show the second level for this tab, but what I want is if the user don't click on any menu item (first or second level), when the mouse goes out the menu it returns to the original state (last clicked option)... The current problem I have is with the with
[jQuery] Superfish Dropdown BG Problem
Hi, I'm setting up my first Joomla site and had a request to add drop down menus. I located Superfish and installed it. Simple, clean, no problems. But wait... It all works well, except for the fact that there is no background image or color on the dropdown items. I cannot seem to address the background of the list items. All are ignored in the superfish.css file. The odd thing is that the drop shadow shows up if I opt it. And the direction arrows work fine too. I don't know why the bg does not.
[jQuery] $.ajax bug ?!? Maybe i've not understand somethings ....
Hi all, with refer at this previous post http://groups.google.it/group/jquery-en/browse_thread/thread/48725e45d59f1481?hl=it i've investigate and debugging version 1.3.1 of jquery i've notice that in the ajax function (line 3278): .... .... // If we're requesting a remote document // and trying to load JSON or Script with a GET console.log("critical test ... s:%o type:%o parts:%o",s,type,parts); if ( s.dataType == "script" && type == "GET" && parts && ( parts[1]
[jQuery] Why no padding controls for ThemeRoller?
Maybe this is the wrong place to suggest this, but I think it would be helpful if the ThemeRoller had some padding controls, for example, to resize the tabs to make them bigger or smaller. I assume this will require adding padding somewhere with CSS, hopefully I can make the modification within my html file (there's probably a class or id, too lazy to Firebug it now) so I can continue using the themeRoller w/o repeating any tweaks I come up with. PS: This is my first post, and still wishing this
[jQuery] trouble with adding functions
I am having troubles trying to get this function to work. I got the first part to work but trying to get the take a whole nother action upon hover out. Here is the jquery I am using $("p#makered").hover(function(){ $(this).addClass("red"); }, function() { $("p#makered").fadeOut("slow"); }); The css works fine, but with the added jquery function changing the text from green to red is no longer happening and firebug says I am missing a ' ) ' after "function() {" Tried adding it just to see but
[jQuery] jQuery Curvy Corners
I just discovered how nice jQuery Curvy Corners is. It works well in Firefox but only seems to work in IE7 when using jQuery 1.2.6. I did a quick search through the code to look for any obvious problems but I couldn't see any. This is a great plug-in and I'd really like to get it working. Any input or advice is greatly appreciated. http://blue-anvil.com/jquerycurvycorners/test.html Thanks, Nikola
[jQuery] callback :passing $_POST values after completing form
i'm all new with jquery and i'm using a validator for my form from marzapower. i was lucky enough to make the script detemine whether the form is fulfilled correctly or not whan not it sasy forgotten this or that, when correct it says i made it. but i'm now struggling om how i have to pass the data to my page for processing en INSERT/UPDATE my database Has anyone suggestions on how to solve this
[jQuery] How PHP script can return two variables ?
I use jQuery $.ajax to submit user comment to a PHP Script. The PHP script validate the user data, if it is OK, user comment is written to mysql database. If not it will show error message. Now the script print error message and success message same way. I need PHP script pass one more value, to identify it is an error or success message. If it is success, i need to remove the comment box.
re[jQuery] trieve $_POST vars after submit
this is me using jquery for the first time, and i found the following script that's working. But there is a problem on what to do now. when the required fields are filled correctly, I receive the message that it is correct... but i would like that the page is redirected, together with the inputted values to the page where i procees them en get them in my database... i tried several things but i seem not te be able resolving this... could someone give me an assist $(document).ready(function() {
[jQuery] Superfish IE6
I could not find my previous post so I am posting it again. I am sorry if this is in error I just installed Superfish and its working great except for IE 6. Before adding Superfish I had the Suckerfish version working, except for IE6 of course. My problem is that when I click on one of the four menu items the bottom two move over to the right. Almost like they lose their display:block. I have been round with this for a couple of hours now and cant seem to find the trick which is probably staring
[jQuery] jQuery + Cycle Pager Nav Issue in IE
I'm having a weird problem where IE is adding twice as many nav pager elements. As you can see, the script works nicely in FF/Safari, but when viewed in IE, the nav gets wonky. I'm having trouble figuring it out, so any help is appreciated. Thanks! http://70.32.114.139/bases/naval-base-kitsap-bangor
[jQuery] jQuery + Cycle Plugin (Duplicating Problem with Pager Anchors in IE)
I'm having an issue where the pager is building twice as many anchors as there are pics. I only have this issue in IE. The script is working great in FF/Safari. You can see the difference on the page below. Any help is appreciated. Thanks! http://70.32.114.139/bases/naval-base-kitsap-bangor (Using jQuery Cycle Plugin Version: 2.32)
[jQuery] jquery slider- make handle clickable
Hello, I'm using the ui slider plug-in as a time line for a javascript+flash mp3 player- so I'm setting the min value to 0, and the max value to the duration of the audio clip. Everything works as expected, and I can adjust the location of the handle based on the playback progress. Now I want to be able to click on the handle and fire off an event; unfortunately, and I'm guessing this is because of the large min/max range, if I click on the handle, it moves slightly, which causes the audio playback
[jQuery] what would be the opposite of top.frames as a jquery selector context?
If i want to do something in a parent frame, I would do this: $('#myDiv', top.document).hide(); but what about this following scenario? I'm inside a frame that was created like so: $('body', top.document).append('<iframe id="myiframe"></iframe>'); inside myiframe, I now want to know the id of my iframe, because I would not know it. All I am able to "see" in the DOM is the topmost document. I could traverse through all the iframes and get their ID's but that's useless because I wouldn't know which
[jQuery] Unload issue with Firefox
I've got a jQuery 1.2.6 script that attaches a click handler to every hyperlink on a page. We have a small number of pages where the number of link are massive (5000+, and yes I know this is ridiculous). On these pages, when I try to navigate AWAY from them, Firefox will be unresponsive for a couple of minutes. I've determined the length of the delay is directly proportional to the number of my click handlers. I've tried 1.3.1, but have gotten only marginally better results. I don't see the issue
Next Page