Reloading AJAX tabs content on thickbox close
Hi, i've searched a lot about a way to reload the content of my AJAX tabs when i close a thickbox. I could use the .reload() way but if i have a form in my box, the browser ask about resending data ( not really nice for visitor)... I didn't find a solution for reloading the content of an AJAX tab, maybe too young in Jquery using.... If someone could light my way, would be nice.
next() works in firefox burt not IEx??!!
Hi, I'm having a problem wit using next(). I have this code which i've built in to a simple test page which you could run to see my problem (obviously you need jquery included in the same directory). So it works by listening for clicks on the list element. When a click is performed on a list item I want to grab the div that is a sibling of the list item. IN firefox next finds the div and I get the alert back...as expected. the div is a sibling of the list item and so should allow me to get to the
[jQuery] IFrame and XML
I have a form which has a file input, so I can't use $.post I've, instead, pointed the form at an IFrame. The result of the post is xml. Is there a way to emulate the behaviour of $.post in this regard?
[jQuery] .show() - moves my page down. Help please.
Hi all, As soon as I show elements on my page, the whole page moves down. Could anybody please help me ....? I am using IE6.1 This is my CSS ... #container{ position:static; height:630px; width:990px; margin:2px auto; padding:1px 0; text-align:left; background:#ffffff; color:#303030; border:2px solid #a0a0a0; }
[jQuery] jqUploader using action does not work with HTTP.
I'm using this jquery plugin: http://www.pixeline.be/experiments/jqUploader/ This form action not working: <form enctype="multipart/form-data" action="http://localhost/argofile/ index.php/upload/do_upload" method="POST" class="a_form"> I'm using code igniter framework, this type of url is the path for the "file" : http://localhost/argofile/index.php/upload/do_upload When i click the upload button, this error happens: HTTP error: with NAMEofFILE: error #404 See this print-screen: http://hermes.araripina.com.br/imagens/jqUploader.png
[jQuery] problem with chaining and building patterns
I am going over a tutorial on this site and trying to figure out whats wrong with the syntax. The code I have is: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.1/ jquery.min.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("a").filter("#clickme").click(function(){
[jQuery] Opening a div causes jump to top of page
Hi, I have a page that opens some divs based on user feedback (try the more photos links please). If you happen to be scrolled down the page and you toggle something open the browser pops to the top, thus closing the new div. Example: http://rtrservices.com/equipment.php?page=test Code: $('.morePhotos').click (function() { $(this).parents().find('.pPictureStrip').toggle(); }); I need it not to move the page, any help would be appreciated. Cheers, Eric
[jQuery] <AUTOCOMPLETE> HTML support
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML><HEAD> <META http-equiv=Content-Type content=text/html;charset=Windows-1252> <META content="MSHTML 6.00.6000.16788" name=GENERATOR></HEAD> <BODY id=MailContainerBody style="PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-TOP: 15px" bgColor=#ffffff leftMargin=0 topMargin=0 CanvasTabStop="true" name="Compose message area"> <DIV><FONT face=Garamond color=#000080>Hi! I've always assumed that the text displayed in an autocomplete box
[jQuery] Problem with Children
I have a plug-in which creates tabs from a ul tag, but when there is ul tags embedded it treats them like another tab menu, and I cannot make it fix that. I have tried multiple arrangements of children selection to fix that but it still causes problems. does anybody have any ideas of how to fix this? these are my files http://benchsketch.com/bquery/js/tw.js http://benchsketch.com/bquery/js/test.html
[jQuery] jeditable and checkboxes
I know that there's some information I'm missing here. Been trying to get to Mike's site today but it seems it's down: http://www.appelsiini.net/ I've put together an extension for doing checkboxes based on some different stuff I have seen online and come up with the following that I've added to the jeditable.js file at the end. // Create a custom input type for checkboxes $.editable.addInputType("checkbox", { element : function(settings, original) { var
Conflicting jquery libraries
Hi I am already using the jquery-1.2.6.min.js in my page. But now i need to implement the jquery datepicker in the same page, for that, it is told to use the http://code.jquery.com/jquery-latest.js . Now wht is happening is both the js are conflicting, when i comment the jquery-1.2.6.min.js , the date picker works, otherwise it wont. But i need the jquery-1.2.6.min.js for some other functionalities in the same page, so i cant comment it. Please someone give a solution to my problem Thanks in advance
[jQuery] Superfish IE6
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 me right in the face. I searched the first four pages of this group with 'Superfish IE6' but
[jQuery] Selected Attribute in IE6
I only found a couple posts related to this and none seemed to have been answered. If you try to select an <option> using this: $("#MySelectID option").each( function() { if ($(this).attr("id") == "somevalue") $(this).attr("selected", "selected"); });//end each or like this: $("#MySelectID option[value=somevalue]").attr("selected", "selected"); where the HTML might look like this: <select id="MySelectID"> <option value="">Select something</option> <option value="somevalue">My selection</option> </select>
[jQuery] Simple Question from a Student on Functios
Can I use JQUERY even though I have other javascript functions inmy header? Is there an order that I need to load the functions.....ie do I link to the JQUERY code first and then set the other functions? Andy
[jQuery] How do I use JQuery to implement a "live search" feature for Google Web Search API?
How do I use JQuery to implement a "live search" feature for Google Web Search API? Here's some help. http://code.google.com/apis/ajax/playground/#set_site_restrict http://exscale.se/archives/2008/05/16/jquery-live-ajax-search-plug-in/
[jQuery] newbie: jquery to modify look of broken links?
Hi, I'm new to jquery and javascript in general, so this may not be possible: I want to colorize broken links: that is, colorize anchor elements containing hrefs that don't resolve (either missing remote file or missing anchor in remote file). Is that possible? thanks, --Tim
[jQuery] Cycle Plug-In stop
I'm a newbie using CYCLE to show a number of images (manually - Next/ Previous). When the user reaches the last image how can I disable Next? (and disable previous on the first image). I'd also like to know when using automatic transitions how to stop the effect one all the images have been shown once. thanks
[jQuery] fixed cleartype fadeIn issue in IE, but element still doesn't start out hidden
This works in firefox, I load the page into a div, hide it using $ (this).hide() then fade it in. The first function here fixes the issue with fade in destroying cleartype text - but in IE you initially see the ugly text and then when the fadeIn is done you get the cleartype text. Before that nothing is hidden.... Any thoughts? jQuery.fn.fadeIn = function(speed, callback) { return this.animate({opacity: 'show'}, speed, function() { if (jQuery.browser.msie) this.style.removeAttribute('filter');
[jQuery] if condition within a loop
Hello. I am just starting to learn JQuery. I want to click on a div to set an "on" class. When I click on another div, I want the first div to release the "on" class and restore to default class. I also have a hover effect that apply to divs that are not shown as "on." I am trying to set an "If" condition within the "eachfunction" loop. I've tried the "not" method, but I am not referring to the right object. Can someone take a look? Here is my code: <html> <head> <title>test</title> <style
[jQuery] None of the tutorials I try work for jquery
I am just starting into jquery and I ham having the hardest trying to get anything to happen with my code. I have tried several tutorials, copied and pasted and still nothing happens. What am I missing? The current code I am trying to get to work is: <html> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <title></title> <head> <script src="traffic/jquery-doc.js" type="text/javascript></script>
[jQuery] script and strange behaviours with ie
hello, I was sure that my script failed the ie execution test. IE7: activex and script check block the script, then allow and it works. IE6: it works IE5.5: my script waits the image loading with a animated gif, than show the images. This ie waits without end or errors. IE5, IE4: raise two errors on page loading. (I'm italian, try to translate the errors) ... first: Quantificator unexpected; second error: character not valid. IE7, IE6: the script works only the first time, with this script i align
[jQuery] Strange .attr('src') behavior in IE
I have a hover script that implements image rollovers that goes like this: $(document).ready(function() { $("img.rollover").hover(function() { $(this).attr("src", $(this).attr("src").split(".").join("- hover.")); }, function() { $(this).attr("src", $(this).attr("src").split("-hover.").join (".")); }); }); This works great in all browsers--I just use a class="rollover" on the <img> and name the rollover image with a "-hover" before the extension. Oddly, in IE6/7, when I jQuery "load" a <div> with
[jQuery] Unobtrusive javascript with jQuery
I have read a lot of articles about separating javascript from markup and jQuery encourages the practice of unobtrusive javascript. Even though jQuery makes it extremely easy to implement event binding, I have a few questions which I was hoping you could help me with. 1) When you bind elements on document.ready(), isn't that more inefficient than using the onclick() etc function available inside the markup. When you bind the events on document.ready() you have to traverse the DOM to locate each element
Drag & Drop Between DIVs
Hi All, I've tried searching for a while on this, but I'm not quite sure what to do. Currently, I am attempting to drag a DIV and drop it into another DIV, (which is working fine). However, when the DIV is dropped, it's dropped statically right where it was physically dropped by the mouse. How might I have the DIV just fall in line with the DOM, once it is dropped. Here's the code I'm currently using: <html> <head> <script src="lib/jquery131.js"></script> <script> $(document).ready(function(){
[jQuery] [validate plugin] - not working with multiple forms
hi all - so I'm using the 'validate' plugin, and I seem to have an issue where if I have multiple forms, the plugin only validates the first form. $('.validate').validate(); Obviously I have multiple forms, so I'm using a class selector. But when I'm testing the form, the validate plugin throws me to the first form with errors shown. I'm using jQuery version 1.2.6 (as 1.3.1 has Safari bugs) Any help?
[jQuery] jquery tabs ajax mode
Hello. I need some help with tabs jQuery v2.7.4 of stilbuero. I want to use Ajax Mode and open the links in a given container. For example: <div id="box"> <ul id="tabs"> <li><a href="01.html"><span>Tab one</span></a></li> <li><a href="02.html"><span>Tab two</span></a></li> <li><a href="03.html"><span>Tab three</span></a></li> </ul> </div> ... <div id="container"></div><!-- Open external links here (01.html, 02.html and 03.html) --> Can you tell me how to do it? Sorry
LocalScroll with external files
Hello, i'm not very good at JQuery and i have the following question. <!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> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Div Scrolling</title> <link rel="stylesheet" type="text/css" href="css/test.css" /> <script type="text/javascript" src="scripts/jquery-1.2.1.min.js"></script> <script type="text/javascript">
auto refresh of a div
I'm using the jQuery tabs at the moment to have tabs in my browser window. And in one of those tabs I have a div which contains the content of that tab. Now I want to refresh that content say every one minute, when looking online the only solutions I found were where the contents of that div comes from a separate file. (http://stackoverflow.com/questions/220767/auto-refreshing-div-with-jquery for example). Is this really neccesary, or is there a way to refresh that div with the contents which are
Tabbed Modal Box Plugin for Jquery
Hello all. I'm stuck. I've searched high and low for a jquery modal box plugin that allows tabs. I've even tried to implement jquery ui tabs into the jqmodal plugin, but I am having no luck. Does anyone know of a jquery plugin that can do this: http://www.extjs.com/deploy/dev/example ... hello.html Thanks for any help.
Jquery variable passing
Hi all, I'm really new to Jquery. I've a basic ajax form post, my question is how can I take the data section of the below request in pathSubmit.php? My aim is to pass some variables(in the case below pat=12 ) from host php file to the file I'm calling in Ajax without using ? sending and session variables. I'd be happy if someones help me :) I tried $_POST['pat'], $_GET['pat'] and $_REQUEST['pat'] in the file I'm calling but none take the value. Thanks. var options = {
UI dialog is buggy?
Hello folks. I've bee reading the jquery ui dialog documentation. I've alot of learning where javascript is concerned, but am getting there little by little. It seems that the jquery dialogue is a little buggy... or perhaps I'm doing something wrong? please view here: http://www.zero1productions.com/inacronym/dialog.html the box dialog box works fine when you click on the link. My issue is when you refresh the page, the box that is supposed to be hidden, briefly shows up.... (refresh the page and
Jquery stops half way through animation in IE
IE problem only (again ). Script is simply: <!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> <link rel="stylesheet" type="text/css" href="http://static.REMOVED.com/css/admin.css" /> <script type='text/javascript' src='http://static.REMOVED.com/js/jquery.js'></script> <script type="text/javascript"> $(document).ready(function(){ $("#successful").hide(); $("#message").hide();
[jQuery] Cancel concurrently running ajax events
I have a table with a couple of rows in my web-page. When the user hovers over an image on each row, an ajax call is fired that gets some data from the server for that particular row and displays it to the user in a popup. However, the user may move their mouse very quickly over the column with the images and generate a whole bunch of ajax requests running all at the same time. By the way I use $.ajax and specified async: false, but did not help. How can I cancel the currently running ajax requests
jQuery issues with multiple scripts.
All, I'm having a bit of issue with two scripts. The first makes the background image on the page scale to fit the dimensions of the window, the second replaces the background image. When coupled together, the resizing script works but the image replacement script does not. I'm not sure if this has anything to do with it, but both scripts are in separate external .js files. Any ideas? Scripts are below. --thesprucegoose $(window).load(function() { setHome(); }); $(window).resize(function(){ setHome();
possibly dumb question
Hi jQuery gurus, I am new to the wonder that is jQuery, and am working on a page located at: http://www.ibiblio.org/storytime/NEW_SITE/submit.php I want to put in a link that onclick will make all the divs in the accordion slide down. I'm sure the answer is really simple but I've been looking at it for too long and it eludes me. Any advice will be much appreciated!
[jQuery] grouping validation
Hey folks Is there a way to group validation? e.g. $("#myform").validate({ groups: { username: "fname lname" }, rules: { username: { required: true, minlength: 3 } }, messages: { username: { required: "Pls fix your entries", minlength: jQuery.format("At least {0} characters required!") } } }) Thx, regards
[jQuery] superfish menu on beez
I have started to use joomla 1.5 and I would like to change manu and start using superfish. I adde css na javascript link to index.php and now I do no know what to do next. When I insert his code: <script type="text/javascript"> $(document).ready(function(){ $("ul.sf-menu").superfish(); }); </script> to index.php it does not work. Please could anyone help me how to start to use that menu (where to put initialize code?). Thanks Libor
[jQuery] Beginner question: Using a function inside of an external plugin
Hello all, This is a beginner question, and may well be more of a JavaScript answer than a jQuery answer. None the less, here is my example: I'm using the ultra lightweight Rich Text Editor plugin (http:// batiste.dosimple.ch/blog/posts/2007-09-11-1/rich-text-editor- jquery.html) It is called via it's jquery.rte.js file. In that JS file, he has his main function set up: jQuery.fn.rte = function(css_url, media_url) { // stuff } Inside of that, he has his "disableDesignMode" function that I need to
[jQuery] Show hide layer on hover problem
I have created a login layer that slides down from the top of the screen and i want it so that if the mouse leaves the layer or you click outside of the layer it slides back up. I have it working on mouse out but it is buggy and since i am new to this i am sure there is probably a much better way to do what i am doing. Can someone please take a look and let me know how to do this? $(document).ready(function(){ $("#LoginForm").corner("bottom"); $("#LoginLink").click(function(){
[jQuery] autocomplete plugin by bassistance - loading of huge number of records
hi, we are using the autocomplete plugin by bassistance.de. Our business people want the users to search database with half a million rows. We have minChars set as 3, but then also some combinations get around 5000 rows. In that case, the user has to wait for at least 20+ seconds. I know that the database query comes back with results in less than 1 second, but the function filllist() takes lot of time as there are lot of records. Is there anything somebody can suggest to make it load faster? If
Next Page