[jQuery] Using cluetip in local mode; how to wait until element has content?
Greetings; here is what I am trying to accomplish. On my page, I have a hidden div; when I mouse over a link elsewhere on the page, I want to populate that hidden div with other data from the page to build the tip to display. Once that div is updated, then I want to cluetip to do its magic and display the new local content in that div. AJAX is not an option for this app. Is there some way of using cluetip's onActivate option to block until that div is filled with content? I've also seen the hoverIntent
[jQuery] "inserting file in file" using cluetips
Hi everyone, I've just started using jquery and a few plugins including cluetips: they are wonderful! :-) Now, my question. I am using cluetips to display the content of a short help file on some elements. Many elements are such that their help file differ only slightly. What I would like to is create a file (common.html) containing elements that are common, and even shorter files for each element (let's call them elem1.html, elem2.html, etc.). Then, I'd be happy if I could do either of the following:
Really simple AJAX .load with slideDown
I'm trying to do a really simple AJAX function with a basic load screen and what I have works well... function ajaxLoad(url,containerid,loadmsg) { $("#"+containerid).html("<div id=\"loader\">"+loadmsg+"</div>"); $("#"+containerid).load(url); } I would LIKE to have it slideDown once the content is loaded, just so the container doesn't "jump" to a new height. Any ideas how I can make this work? Pushing here, I know, but it would also be nice to have it slideUp to the size of the loading message,
[jQuery] ajax IE error - only loads parts of the response
Hey Gang, I've got two problems with IE (6&7) on a page that works perfectly in Safari. The problem seems to be that when retrieving an ajax response, only parts of the response are properly loaded into the page. if you want to take a look, I've set up a test environment at http://zifimusic.com/test-v2 Problem #1 I make an ajax request to get two lists (from one request). I then split the list into two, and the first part of the list goes into one div, and the second part goes into a second list.
[jQuery] Validate remote method not work
Hi, I've try to use remote method and not work. I donwload the complete Milk example and it don't work too. This is the parameters <script type="text/javascript"> $(document).ready(function(){ var validator = $("#form1").validate({ rules: { codigo: { required: true, minlength: 3, remote: "valcodigo.php" } }, errorPlacement: function(error, element) { error.insertAfter(element); }, messages:
[jQuery] equivalent to prototype's invoke?
I recently made the switch to jQuery and i'm happy I did so far. However I'm missing my trusty invoke method from prototype. invoke: $('div1', 'div2').invoke('hide'); this is how im doing it now... $.each(['#div1', '#div2'], function(i, s){ $(s).show() }); I tried $('#div1', '#div2').hide(); thinking it would surely work but doesn't. Any advise? There has to be an easier way to do this. Thanks, Shawn
[jQuery] Front page link to google stored code
With the code being stored on Google ( http://code.google.com/apis/ajaxlibs/documentation/index.html#jquery ) would it not be beneficial to have that information shown next to the download area so people know that they can link to the version on google's servers. The only time I can think when you really have to store the script locally is when you are using SSL. Any thoughts? Randy
[jQuery] Accessing JQuery from frames
My apologies if this has been asked before; but in searching I can't see that anyone asked quite the same thing in the past. I have a frame-based website with two frames: UPPER and LOWER. The UPPER frame contains a static navigation bar that rarely changes during a user's session; the LOWER frame constantly changes to the current page. What I would like to do is to load JQuery during the *frameset* load, and have the functions available to all applications that might appear in the lower frame. That
[jQuery] full blown news ticker
i'm looking for a full blown news ticker, features i'd like to have: - automatic scolling - navigation - jquery the ticker on http://avalanche.nhl.com/ seems to do what i'd like it to, the problems are that i probably can't just take theirs, second problem being it is not jquery :-) any recommendations?
[jQuery] Selecting 'this''s parent
I am fairly new to jQuery so excuse me if this is a somewhat dumb question. I have a click function applied to all my links with the class "delete". How do I select the parent div of this link? I have tried the code below with no success. Thank you. <div class = 'grey'> <a href = '#' class = 'delete'>Hide my parent div</a> </div> <script> $(".delete").click(function() { $(this + ":parent").toggle("slow"); }); </script>
[jQuery] Hiding other divs when I show one
I'm working on a script, and I've got it working about halfway. The page will show a bunch of panels, and clicking a link hides a text div and shows a form. Here's the jQuery. Right now, it toggles the searchform and panel_text divs in the same searchpanel div. I'd like to have it so that when you show the form for a different searchpanel, it will hide any other currently visible searchform. So for example, if I come to the page and click to reveal the form in #panel1, I want panel 1 to go back to
[jQuery] Turn off elements depending on current URL
I am starting to learn jQuery now and have added a couple effects (table sorter and whatnot) so far to my blog at: http://ocmexfood.blogspot.com/. One thing I want to do with it is to turn off certain page elements if the current URL equals a certain string. For example: I have a number of different entries on Mexican food at Disneyland but sometimes visitors will look at one entry and then leave the blog without finding the information they were looking for and usually it's because they don't click
[jQuery] autocomplete -- elegant way to manipulate results?
Hello, I have begun to migrate from Scriptaculous because its Autocomplete's support for IE6 is not all it's cracked up to be. However Prototype has eloquence that I like, and I am wondering -- having read some docs -- if there's a more elegant way in jQuery to do what I need to do. When the user selects an item from the list resulting from the Ajax call, I need to snag data out of it and insert a new DOM element with it, as well as a link to remove that element should the user change her/his mind.
[jQuery] Events
Hello. Can I do these steps using jQuery: 1) store old events of elements; 2) bind new events to the elements; 3) remove the new events; 4) restore the old events. I have a drop down menu. I want to hide it when a user clickes anywhere else.
[jQuery] FF3 Error With Preloaded CSS Images -- Works in IE?!!
Okay, so I built a site using jQuery as my preferred JavaScript library (of course). However, I'm getting the strangest error in FF2/3 for a preLoadedCSSImages plugin. It works fine in IE 6/7. FTW?! Here's the site: http://www.headacheandpain.com Now, I will say, this site is hosted on a shared hosting package and the performance is awful at best. So I'm wondering if the script is failing in FF because the CSS file hasn't fully loaded by the time the script is trying to execute on the stylesheet.
[jQuery] Changing the width of a superfish vertical menu
Hi, Would anyone know if and how it is possible to change the width of a vertical Superfish menu (the main panel)? Thanks, Shloime
[jQuery] Temporarily disabling events?
Hi all, I was wondering if anyone had any suggestions as to a method to temporarily disable/prevent certain events from firing once one event is fired? E.g. when pressing one button, I want to disable all other button presses until an animation has finished. One idea is to temporarily add some class (e.g. "disabled") to each other button, and remove it once the animation is done. There are probably better ways than this, however. Any ideas? Thanks, Keith
[jQuery] slide()/show()/hide() does not expand across columns
My issue is that I want to allow users to hide and show expanded data. Yet for some reason, when I implement this in jQuery, the expanded rows always seem to stay in a single column, instead of returning back to the full table width. I can get it to work in prototype, but jquery won't. Anyone else have problems with show()? This is my example: [code] <script type="text/javascript"> jQuery.noConflict(); function jqueryclick( node ) { var sibling = jQuery( node ).next('tr');
[jQuery] callback executed before effect ended
i'm trying to fadeIn element after first element fadeOut. i have this in $(document).ready: --------------------------------------------------------------------- $("a.link").click( function() { current = $(".link.current"); id = $(this).attr('rel'); next = $("#link_"+id); next.addClass('current'); current.fadeOut('slow', function(){ next.fadeIn('slow'); }); return false; }); --------------------------------------------------------------------- problem is that next element appears while current element
[jQuery] Get heights of multiple divs
Hoepfully a quick question. I'm trying to loop through and grab the heights of multiple divs but I'm having a few problems. The height() and css('height') functions dont seem to be working. Each of the boxes are different heights and I want to use JS to get the heighest box and set all the boxes to the same height. HTML: <div class='box'>content...</div> <div class='box'>content...</div> <div class='box'>content...</div> JS: $('.box').each(function(){ console.log( this.height() ); // throws "this.height
[jQuery] ui.dialog & Accessibility (Screen Readers)
Hello, I have a webpage that has multiple dialogs. Since our goal is to make the pages as Accessible as possible (we support the screen reader JAWS 9), each time a dialog comes up, we must place focus on something inside the dialog so that the screen reader knows where to continue reading from. So far, my intermediate function that opens the dialog works in FireFox to target, say a password field so that the user can start typing right away without having to click into the password box. Also if the
[jQuery] Hiding other divs when I show one
I'm working on a script, and I've got it working about halfway. The page will show a bunch of panels, and clicking a link hides a text div and shows a form. Here's the jQuery. Right now, it toggles the searchform and panel_text divs in the same searchpanel div. I'd like to have it so that when you show the form for a different searchpanel, it will hide any other currently visible searchform. So for example, if I come to the page and click to reveal the form in #panel1, I want panel 1 to go back to
[jQuery] Superfish - Evenly spread menu through entire width of ul
Quick question (hopefully quick). I'm trying to use superfish to create a nav bar style menu, this all works as advertised, however I've set the width of the <ul> to be 960px, I'd like all the li's to spread evenly through the entire 960px. The default behavior is squished to the left, I know I could fix this manually using margins, padding, borders, etc ... however I would like more of a table style layout using ul, li's and superfish. Anyone try this before? I don't think I need to paste any examples,
[jQuery] slideToggle not working correclty in i.e.
Hi guys, I'm very confused because i had a solution working properly on both browsers ( firefox3. i.e.6/7). But suddenly its not working anylonger and i dont see why. I have some widgets in my page which can be toggled.. this is the html code for one of these widgets <div id="searchBox"> <div class="moduleHead"> <div class="moduleTitle">Search</div> <!-- module Options generated by jquery--> </div> <div class="moduleContent">
[jQuery] cross domain request
php return value wont show, heres my code // PHP Source returns: [{"id":"74","fullname":"No Image","email":"noimage@gmail.com","img":"","comment":"testing ","dateposted" :"08\/22\/2008"}, {"id":"75","fullname":"aqlx86","email":"aqlx86@gmail.com","img":"","comment":"with image" ,"dateposted":"08\/22\/2008"}] //JQuery Source [code] var __baseurl__='http://domain.com/'; var getcomments = function(i){ $.getJSON(__baseurl__+"comments.php?action=get&itemcode="+i +"&format=json&jsoncallback=?", //$.getJSON(__baseurl__+"comments.php?action=get&itemcode="+i,
[jQuery] Need help with a quiz
Hi, I'm trying to make a quiz (it's only for displaying information for kids). The requirements are as follows: A list of questions (say 10-15). Each question will have a list of checkboxed answer options Some questions require a combination of two or more checkboxes to be checked (this is where i'm struggling). Until the right answer is checked and submitted you cannot move on to the next question. Anyone got any advice for me? I'm a total newbie! Thanks in advance for any help or advice. *C
[jQuery] Jquery gaming....
Hi I am currently working on a website getting close to finishing it so I wanted to try and get ready for my other project after the website is done and ready. I plan on making a online game. Is their any good place where I can learn how to use jquery for 2d adventure type games??
[jQuery] jQuery.data and pre-rendered pages.
Hi, Is it possible to store meta data in html-tags on the page without the help of jQuery. The problem I'm having is that I have an existing php-script rendering tables, and I really need to store meta data in each cell for later use by jQuery. Is this even possible? Thanks, Patrik Skoog
Is this possible...
Hi all, I'd like to implement something like this. Its a news page with: News Heading News Details here which is truncated after a couple of lines and then at the end of the line a READ MORE... Click on the read more and the rest of the details appear: News Heading News Details here which is truncated after a couple of lines and then at the end of the line a read more link. The complete article is revealed once the user has clicked on the read more and it's hidden once again wen the user clicks on
[jQuery] Using keypress for key combination
I have been looking for a way to have a key combination fire an alert, but searching the group I have not really found what I was looking for. There are some plugins that I have found, but I would rather just use jQuery without anything additional. So, I found this: $("input:text").bind("keypress",function(e) { var key = e.keyCode || e.charCode; if(key == 13) { alert("You clicked a key!"); } } ) How could I have a key combination fire such, such as cntrl + d or something similar?
[jQuery] Changing the width of a superfish vertical menu
Hi, Would anyone know if and how it is possible to change the width of a vertical Superfish menu (the main panel)? Thanks, Shloime
[jQuery] Autocomplete -- creating hyperlinks and getting rid of horizontal scrollbar
Hi all, I'm new at this so forgive me any errors! I'm using the the Jquery Autocomplete found at: http://bassistance.de/jquery-plugins/jquery-plugin-autocomplete/ and I'm having a couple of problems with it. First of all when the results require a scrollbar I can't seem to get rid of the horizontal scrollbar on IE6 although Firefox doesn't display one. It's probably something simple I've missed, but I've googled for hours with no success. The second problem is a bit trickier. I'm using it autocomplete
detect if an image is present, do something else if not
Hello, I have some code which switches the background image of a link using the rel attribute's info. However, the rel attribute will always have something in it but an image may not always be there. Is there a way to check for an image and if not do cancel the process? $("#words li a").each(function() { var bgimage = $(this).attr("rel"); $(this).css("background-image", "url(/news/ynews/w/thumb/" + bgimage + ".jpg)"); });
problem with slide in ie7
Hi all I have added the slide effect to an area of my page so that it slides out when a link is clicked. The area contains form elements such as selects and text fields. Works perfrectly in FF but in IE 7 the area slides out but the form elements are bunched up for a second or 2 before sliding to their correct position - very ugly Is there a way round this below is my code: <script> $(document).ready(function(){ $('#show').click(function () { if ($('#searchOptions').is(":hidden"))
slideshow not working in ie8
Hi I have created a slideshow using: jquery.easing.1.2.js jquery.slideviewer.1.1.js It's working well in all browsers but in IE8 it's not staying within the div and breaks out horizontaly, really stuck as to what's wrong as i'm new to jquery as of today, any help would be greatly appreciated. here is the page in question: http://www.39stepsstudio.com/test/casestudies.html My html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
jQuery selector in a loop
Hi, I wrote a simple code: $(document).ready(function() { $("#font-small").click(function() { alert('xx-small'); }); $("#font-normal").click(function() { alert('x-small'); }); $("#font-big").click(function() { alert('small'); }); }); The I decided to refactor it as: $(document).ready(function() { var buttons = Array(); buttons["#font-small"] = "xx-small"; buttons["#font-normal"] = "x-small"; buttons["#font-big"] = "small"; for (var id in buttons) { $(id).click(function() { alert(buttons[id]);
[jQuery] jQuery Accordion Library and jQuery Lightbox Plugin Conflict?
Hello, Does anybody know what is causing this and could hint on how to fix this: I have a jQuery lightbox gallery (which is using code from this page: http://leandrovieira.com/projects/jquery/lightbox/) inside a jQuery accordion panel (which is using this code from this library http://docs.jquery.com/UI/Accordion) and every time I click on an image, the accordion panel the image is inside collapses. I'm not sure but I think it has something to do with CSS selectors, because the accordion scripts
Script only works with Firebug console enabled
Hello, I am having a strange problem with a script that loads an external .html into a DIV, it simply doesn't work under firefox and internet explorer, but on Safari (win/mac) it works flawlessly. While trying to debug the script, I enabled the firebug console, and magically everything started working, but ONLY with the console enabled.... here's the script $(document).ready(function(){ $('img.loader').hide(); $("ul.clases li a").each( function(){ $(this).attr({"rel":$(this).attr("href")}); $(this).attr({"href":"javascript:void(0)"});
Can a newly created element not be accessed by existing code
See: http://forums.wuggawoo.co.uk/test.html For some reason, button#updatePost or a#test (removed it now) can be referenced after being created. Any help?
hide div is show
Hello Everybody, My English is not so very good, so my apologize. But I have a question. I have a div which has been hide by jquery like this: $(".msg_body").hide(); But when I refresh or open the website I see very quick the div and then it's been hide. Is this a common thing in JQuery? Css of the div is: .msg_body { width: 100%; height: 175px; background: #ed62a5; margin-top: 0px; color: #FFFFFF; text-align: left; } I really appreciate your help! Nick
Next Page