[jQuery] cluetip - highly recommended
Now that I have learned to use cluetip relatively well, 1. I want to congratulate the author for a job really well done. I am going to look up his book in the local book-store. 2. I have automated my entire online help system using his Ajax calls technique and it is working great! From a Ruby on Rails programmer's point of view, a few things that I found useful: You may want to consider putting in a default call to jQuery cluetip plugin (along with other plugins) in the application.html.erb as I
[jQuery] problem with wrapper arrays.......
my understanding (acc. to book "jQuey in Action" and other sources, like http://jquery.open2space.com/node/10) is that the standard jQuery wrapper always returns an array containing all matching elements.. however, for some very odd reason I can't get an element by referring to its index in the array... for example: divs = $('div'); div2 = divs[2]; // this line is ignored (or SOMETHING weird is happening here..) // div2.addClass('red'); // so get error here that 'div2.addClass' is not
[jQuery] problem with submitting a form with ajaxSubmit
I have a problem with submitting a form with ajaxSubmit - I am very confused because on a other page it is working the same way? here some code: $("#myForm1").validate({ submitHandler: function(form) { $(form).ajaxSubmit({ target: result, success: getData, clearForm: true });; }, rules: { name: "required", time: "required", tax: {required: true, number: true} } }); <form
[jQuery] Dynamically setting tab index and .focus() problems
Hello, I'm opening a dialog box using the jQuery UI dialog methods, this box will display a form, and I would like to autofocus the first element. I'm also modifying tabindex of the different form fields of this new form in order to make them a lot higher than those of the original page, and thus navigate through the form using only the tab key. The issue is that I can correctly change tabindex values, and correctly focus the first element but pressing tab will not focus the next element in my newly
[jQuery] superfish menu issue with wp_list_categories include
I understand this may be a generic issue with wp 2.7, but I can't get sub categories listed when using &include=1,2,3,4 etc.. with wp_list_categories. Does anyone have a fix for this...I need to show only specific categories and their children in each menu and would like to use superfish or other jquery menu system to do so.
[jQuery] Cascade plugin help
I am new to jquery and I need to make a form that allows a user to select a state and a city that they go to school in. I am using the cascade juqery plug-in (http://plugins.jquery.com/project/cascade. Which I think is a great plugin) The problem is there is a lot of data and it takes a long time for it all to load (some 28,000 records). What I want to do is split it up into different files and then load only the file that contains the data for that start/region. A sample of my code is blow: My html:
[jQuery] routing event to html map
I've got several map tags with custom areas defined and corresponding images with usemap attributes. The problem is that those images are covered with transparent div. I manually intercept events on that div and route them to the images underneath it. But maps do not seem to react to routed events anymore. Is it correctable somehow? Or maybe I'm doing something wrong? The structure cannot be altered, transparent div must be on top and images and their corresponding maps must get the click event somehow
[jQuery] jQuery in Firefox extension is broken in v1.3.2
I am developing a Firefox extension and after upgrading from jQuery v1.2.6 to v1.3.2 I found that including jQuery in the XUL-file will break other extensions that displays buttons on the toolbar, among those is Adblock Plus. I have not tried any versions between those mentioned so I do not know in what version this happened. If i revert to v1.2.6 everything is OK.
[jQuery] Style Switcher
Hi, I am just wondering if anyone knows if it is possible to fade the transition between switching one CSS to another? I am currently using jquery style switcher to get the transition. I am also using prototype/ scriptaculous to make div fields appear and fade in a duration of 0.5, and would like to time the CSS transition to be in sync with the div transition. Please see link below to see the website that I am building, and current CSS and div transition timings: http://amardeeprai.com/test/
[jQuery] keyboardLayout
conflict mootools and jQuery ==== <script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript" src="js/jquery.keyboardLayout.js"></ script> <script type="text/javascript"> $(function(){ $(':password').keyboardLayout(); }); </script> ==== try such but dont work ==== <script type="text/javascript"> jQuery.noConflict(); jQuery(function(){ jQuery(':password').keyboardLayout(); }); </script> ===== jquery.keyboardLayout.js == (function() { jQuery.keyboardLayout = {}; jQuery.keyboardLayout.indicator
[jQuery] New inserted tag won't work with selector
Is anyone aware of this problem? For example, the code below simply just inserts new P tag below the existing P's. When I move mouse over each of the P, I should see color change. Or when I click on new P, I should be able to trigger the P click event. That did not happen. Anyone knows how to fix this? This is just an example since I tried to do something similar. Thanks [code]<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <script
[jQuery] jQuery Pagination Plugin ( Need to increase the number rows per page )
Hello All ,<div> </div><div>I am using <span class="Apple-style-span" style="font-family: Arial; font-size: 24px; ">jQuery Pagination , </span></div><div><span class="Apple-style-span" style="font-size: 24px;"> </span></div> the demo one is pagination with static data ,<div> Now i changed that static pagination into dynamic(retrieve data from db) , But the problem is ,</div><div> </div><div>I cant display more then one row per page ,</div> <div> </div><div>Please find the attachment ,,</div><div>
[jQuery] bubbling of triggered events... ?
"New in jQuery 1.3: All triggered events now bubble up the DOM tree. For example if you trigger an event on a paragraph then it will trigger on that element first, then on the parent element, and its parent, and so on up to the document. The event object will have a .target property equal to the original triggered element. You can prevent the bubbling by calling stopPropagation() or by returning false from your callback." http://docs.jquery.com/Events/trigger#eventdata In other words triggered event
[jQuery] JQuery doesn't send X-Requested-With: XMLHttpRequest
I'm using JQuery 1.3.2 in my site. My requirement is to send some information to server side and retrieve xml back. Unfortunately when I send my parameters to server I always get the message: "This XML file does not appear to have any style information associated with it. The document tree is shown below." in firefox 3.0.10 and then show the xml directly. I'm sure that the server get my parameters and execute my function successfully. My codes you can find as following. $.ajax({ url: xxx, data: xxx,
Help with hiding a menu options in Superfish with IE
Hi, I have a menu using Superfish, I need to remove certain menu item depending on the access level of the user. I did it by calling this function from code behind: foreach (string menuValue in menuValues) { StringBuilder script = new StringBuilder(); script.Append(string.Format("var menu = $get('{0}');", menuValue)); script.Append("if(menu != null) { menu.style.display = 'none'; }"); ScriptManager.RegisterStartupScript(this.Page,
[SOLVED] a beginner's problem
Hi All, I'm a new comer to this forums and also jQuery. There is this problem that I encountered while practicing with jQuery. jQuery script $(document).ready(function(){ $("#formDiv :button").click( function(){ var id = $("#userId").val() var name = $("#name").val() addRow(id, name) } ); var addRow = function(id, name){ $("<tr>" + "<td>"+id+"</td>" + "<td>"+name+"</td>" + "<td align=center>"
[jQuery] tutorial
I went through part of the tutorial, and when i got to the section "adding and removing a css class" i got stuck. the question i have is this: do we add the $("a").addClass("test"); part to the html file we created in the tutorial section "The basics"? if so, do we need to delete some of the stuff we stuck in that file we created before we add the $("a").addClass("test"); ? im new to dreamweaver and html and all this kinda stuff, so talk to me like im a beginner. if the creaters of this tutorial
[jQuery] Replacing button with <a href> but can't copy the onclick stuff
OK... I have a few input buttons per page: <input type="button" value="MyButton" onclick="location='http:// www.mysite.com/xxx.html'"> I want to convert them to: <a href="http://www.mysite.com/xxx.html">MyButton</a> How can I convert that with jquery? I try to get the onlick val but jquery or javascript seems to convert onclick to a function. I have this, but it's not quite right, I'm trying to just move the onclick data to the link, but I'd rather do it with href. $(":button").each(function(){ var
[jQuery] problem on fadeIn with flash
I've tried to use fade in for a div that contain a flash. But there is a split second right before it fadein, it has a sparkling white piece at there. (see kenportfolio.com) Does anyone know how to fix that issue, or even fixable? Remind you to use Konami code to see the fadeIn effect. Code: $('#swfobject').fadeIn('slow'); <div id="swfobject" style="display: none;"> <object id="FlashID" classid="clsid:D27CDB6E-AE6D-11cf- .... // I used dreamweaver CS4 to embed it </object> </div> Thanks
[jQuery] A beginner's problem
Hi All, I'm a new comer to this forums and also jQuery. There is this problem that I encountered while practicing with jQuery. jQuery Script $(document).ready(function(){ $("#formDiv :button").click( function(){ var id = $("#userId").val() var name = $("#name").val() addRow(id, name) } ); var addRow = function(id, name){ $("<tr>" + "<td>"+id+"</td>" + "<td>"+name+"</td>" + "<td align=center>" + "<input type=checkbox>" + "</td>").insertAfter($("#atable tbody")) }; $("#atable :checkbox").attr("checked",
Solved by inet411 HowTo pass a dynamic variable to function
Hi all, newbie here. I have a bit of php that creates an entry on a page for each row in a table, some pages may have multiple entries, others just one. eg. <h2 class="title">{title}</h2> {summary} <p onclick="openBox({entry_id})">Click to read more ></p> <div id="{entry_id}" style="display:hidden;">{body}</div> I would like to have just one function to open and close all individually, eg. $(document).ready(function(){ function openBox(id){ if ($("#id:first").is(":hidden")) {
MouseOvers with For Loops - Possible?
Hello I pass a variable to JavaScript from PHP. Currently this variable is 38. It will increase every time new records are stored in the database. This doesn't work: $(document).ready(function() { for(i = 1; i <= num_rows; i++) { $("a#link-" + i).mouseover(function() { $("#tip-" + i).show(); }) $("a#link-" + i).mouseout(function() { $("#tip-" + i).hide(); }) } }); Whereas this does: $(document).ready(function() { $("a#link-1").mouseover(function() { $("#tip-1").show(); $("a#link-1").mouseout(function()
Can I convert an image to (or overlay) a textbox onclick?
Hi Is there a way I can do this as per my title please? It also needs to revert back to an image onblur Thanks
Time entry plugi not working when text input is inside label
Hi, I am having trouble getting a the jquery time entry widget to work correctly when the text element for the time entry is placed within a label. The spinner controls do not work correctly (tested in Firefox) I was wondering if any of you have tried the spinner based time entry widget found here: http://keith-wood.name/timeEntry.html http://plugins.jquery.com/project/timeEntry I have a working example of the problem, which I've attached in the support request: http://plugins.jquery.com/node/8135
[jQuery] ClueTip and ActiveX control...
Hi, I have a web page which contains a legacy ActiveX control (I know...) and am having a problem with the ClueTip plugin. Whenever a tooltip is displayed which should obscure the ActiveX it instead is drawn behind the ActiveX control. I have tried setting the value of cluezIndex to 1000, and also tried adding "<param name="wmode" value="transparent" /
[jQuery] DOM problem within AJAX call
I have been stuck on this problem for almost 2 days now, consider the following code: '.country-select' occurs twice in the form (<select> input), $('.branch-row').hide(); $('.country-select').change(function(){ console.log($(this)); country_select = $(this); $.get('get_country_branches.php', 'country=' + $("'#" + country_select.attr('id') + " option:selected'").val() + '&field=' + $(':input:eq('+($ (":input").index(country_select) + 1) +')').attr('name'), function(html){ $(':input:eq('+($(":input").index(country_select)
Jquery Plugin : selectboxes : Use OptGroup
Hello first ! Excuse me for my bad english. I hope you can help me. i'm beginer with jquery. I use the selectboxes plugin. But i need to put option in optgroup. (selectboxes plugin don't support that) how can i add this ? I think to modify "jquery.selectboxes.js" the "addoption" function to add a optgroup field. like : $("#myselect").addOption("Value", "Text",false,"optgroupname"); // add single value in a optgroup if optgroup field exist add option to this optgroupe else create optgroup and add
I.E problem who would have guessed it!
Okay fine in FF but I.E don't work I really do hate I.E :/ Anyway just seeing if you can help me here is the code: $("#accessmenu_close_hide").click(function(){ if(document.getElementById("accessmenu_close_hide_link").innerHTML == '<img src="images/lock_48.png" width="20" border="0" height="20">') { $("#accessmenu_close_hide").animate({ marginRight: "10px" }, 0400 ); $("#accessmenu_close_hide_link").html('<img src="images/lock_open_48.png" width="20" height="20"
[jQuery] what plugin ca do this
HI <a href="http://www.bbc.co.uk/">http://www.bbc.co.uk/</a> I am looking for a module that can do image and title bars mouseover, so hver over the linek and the phot changes. I remember seeing it womewehre just dont know what its called anymore Armand
[jQuery] help positioning color picker
Hi, i'm using this jquery color picker: http://www.eyecon.ro/colorpicker/ on my page here: www.akbars.net/eurisko/basic.html but i can't seem to position it in the toolbar with the rest of the buttons - its always on a new line... any suggestions? thanks imran
[jQuery] tablesorter with multiple tables problem
Hi, I am trying to use the plugin tablesorter that has a pager, for one table in a page it works fine, but when I put two tables, the pager links [next, previous,....] for the first table is moved under the second table. Please your help is appreciated. <!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" xml:lang="en-us"> <head> <title>jQuery plugin: Tablesorter 2.0 - Pager plugin</title>
[SOLVED] UI datepicker preselct multiple dates
Does anyone know if it's possible to preselect/highlight multiple dates within the jquery datepicker? I would like to pass an array of dates to the datepicker to highlight them.
[jQuery] Dynamically determine AJAX callback content type?
Hi, Is there a way when doing an ajax call to dynamically determine the content type coming back (html vs xml)? Depending on certain conditions on the server I might want to return either xml or a chunk of html. I am curious how I would test and then process one type over another. Is there a way to do this? Thanks!
[jQuery] Loading Images Using Jquery ??
Hi Everyone , Now a days Lot of site having lot of background pictures , so How to loading images quickly .. Can u say any way ? Thanks
Carousel change onclick to mousedown - how, if possible.
Hi, i am working on a jquery based carousel and a client requested it to be triggered on mousedown and stop onmouseup, Right now it works only on click. Please help. here's the url: http://arturbilinski.com/carousel/ css and js inside the html plus 2 external js files
[jQuery] Plugin Newb: Internal Functions
First, a thousand pardons! I see several threads that kinda' address my question, but they're all a little over my head. On the makeGreen function below, is this an acceptable way to implement an internal function? If I'm guessing right, we're operating on an object, so arguments are passed by reference, and this is NOT a memory leak? (function(jQuery){ jQuery.fn.ajaxMemo = function(options){ var defaults = { receivingPage: '/ajax/async-home.php' }; var options = $.extend(defaults,
autocomplete with IE7/8 problems
Hi all, I have implemented the jquery plugin autocomplete perfectly with FF & Safari however with IE 7/8 I seem to be getting problems. Firstly, here is the error output from IE 7/8: 'name' is null or not an object new, line 472 character 9 Here is how I use the autocomplete in my code: <script type="text/javascript"> $(function() { $('#repeat_content').hide(); var data = [ { name: "Fred Bloggs", id: "7", type: "Staff" } ]; $("#users").autocomplete(data, { mustMatch:
[jQuery] how to uncheck the check box
<div>Thanks for your response ,</div><div> </div><div>In my application i dont want default checked = checked , </div><div> </div><div> </div><div>Then how i do Peter ,</div><div> </div><div>Thanks</div><div> </div>There are a few ways to do this. You can select by class, in which case you give a group of checkboxes the same class $(function(){ // attach a click event to each checkbox whose class is 'onechecked' $(':checkbox.onechecked').click(function(){ // if the clicked checkbox is checked (no
Help me please... Event problem
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <script src="../js/jquery-1.3.1.js"></script> <script> $(document).ready(function(){ $("#plus").toggle( function(){ $("#child").show(1000); },function(){ $("#child").hide(1000); } ); }); </script> <style> div#main{ width:200px; height:100px; border:1px red
[jQuery] Implementing dinamically class alternating in IE7/8 for bgcolor
Hi there, I'm succesfully try this: http://groups.google.com/group/jquery-en/browse_thread/thread/8d85c32c459564fa for copy the last class of a set of two classes in a last TR of an HTML table. The reason that for I'm doing this is for implement dinamically alternate bgcolor color in TR, the changes in my code works succesfully in Firefox, but IE7/8 is the problem. Here is my jQuery code: <pre> function duplicar_fila(table_name) { // First, lets create the new row using the last one as template...
Next Page