[jQuery] AJAX/PHP master wanted for a new generation of template
Hello, I'm looking for someone experienced in ajax, and Joomla!. (1.0 and 1.5) The goal is to create a template based on AJAX, which should appear in two places: in the admin backend, and in the user backend. The template should make Joomla! to become a real OS, just like in http://demo.eyeos.org/. Check http://www.beautyindesign.com/joomlaos/ too Features must be : - ability to change the background (they can choose a pic inside a directory of the website - screensaver based on the same source -
[jQuery] $('.class1,.class2').filter(':first') always finds first .class1
Basically, what I want to do is find the first element that matches either class1 OR class2. However, using the syntax from the subject line: var $jqElem = $('.class1,.class2').filter(':first'); $jqElem is always the first element that has class1 (i.e., the first class specified), rather than the first element for the whole selector. E.g., using the above on the following: <input type="text" id="elem1" class="class2" /> <input type="text" id="elem2" class="class1" /> it is getting "elem2." Am I using
[jQuery] jQuery-Plugin (ClueTip) Issue: Attribute "rel" not allowed in most HTML-elements
Hello Folks, At the moment, I am evaluating ClueTip for our use. I am especially interested in enabling input-fields with tooltip-functionality. According to the documentation of ClueTip, it seems that I have to refer to the body content of the tooltip with the attribute "rel". Unfortunately, "rel" is not an allowed attribute in most HTML-tags. So <input class="tips" name="eingabefeld" type="text" size="10" rel="#myTooltipContent"/> works fine, but is no valid HTML-Code. Do you have a solution to
[jQuery] Interface v1.2 Error with jQuery v1.2.1
Hi, I am using the latest jQuery v1.2.1 and the latest available Interface v1.2. Here is the sample code that I have broken down to: $(document).ready(function(){ $('a.slide').click(function() { $('#box').SlideOutLeft('normal'); }); }); Firebug goes bananas when the event is fired and keeps looping over the same error, producing thousands of error messages. The error message reads: "this.options.curAnim has no properties". Here is the ZIP archive with test files: http://www.mediafire.com/?9eha1idjyyx
[jQuery] Submit _GET from
Hi there, Trying to submit a form with a method="get" and the usual jquery functions arn't working. All the following work if I'm submitting a 'post' form this.form.submit(); $("form:first").submit(); But can't get the form to submit on when I change the method to 'get' Anybody out there know if this is possible? Thanks.
[jQuery] Ajax IE issue
Hello ! The following code works in Mozilla FF but not IE : $.ajax({ type: "GET", url: path, // path to JPG success: function(data){ alert('success ' + path); $('#currentImage').attr('src', path); }, error: function(xhr, status, ex) { var msg = ""; msg += status + "\n"; msg += xhr.status + "\n\n"; msg += ex; alert('PATH: ' + path); alert('REPORT: ' + msg); } }); What I'm doing is loading an image in ajax way,
[jQuery] UI Calendar render?
How can i render the ui calendar without a click in a input? -- []´s Jean www.suissa.info Ethereal Agency www.etherealagency.com
[jQuery] Moo based Calendar widget
Here's a very slick calendar widget built on mootools: http://moomonth.com/ Demo here: http://moomonth.com/demo/index.html It looks like it also has a number of handy additions to the Date object that might be useful outside of mootools: http://moomonth.com/docs/index.html --Erik
[jQuery] Custom function called in toogle()
Hello, I use several time the same toggle function, like this: $("input#regime_ltn_c").toggle( function() { $("table#regime_ltn").show("slow"); }, function() { $("table#regime_ltn").hide("slow"); } ); So I would like to create a function to improve my code. There is a failure somewhere because this doesn't work: function display_regime(table_id) { function() { $(table_id).show("slow"); }, function() { $(table_id).hide("slow"); } ); } $("#regime_ltn_c").toggle(
[jQuery] Overwrite div with .load()
I'm trying to create tabbed content (without a plugin for now) via .load(). The initial page load works fine but when I place it in a .click() event I can't figure out how to overwrite the previous .load() content. Checking in Firebug I can see that the content is loading. It just isn't overwriting. Any help would be appreciated. Here is the code. HTML: <div class="tabs-navigation"> <ul> <li> <a href="http://website.com/?page_id=37" title="Overview">Overview</ a> </li>
Using TinyMCE with JQuery
Hi guys, I am loading a url into a div using the jquery post method. The loaded page contains a form and one of the elements is a textarea which I would like to render as a rich text editor using TinyMCE. So when the page is loaded I use the callback function to initialise the TinyMCE instance, using TinyMCE.init(). This seems to have no effect, even though it works in other instances. Any ideas would be appreciated.
[jQuery] Dropdown list to auto populate input boxes
Hello All, I need to create a form where when a dropdown list is selected it auto populates a group of input values, so far I have this code but it seems to be getting the values but it is not adding the values to the input fields, any help would be greatly appreciated. Jquery Code $(document).ready(function() { $("#charity_val").change(function(){ var charity = $("#charity_val").val(); $.post("ajax.php",{ charity_val: charity }, function(xml){ var address = $("address",xml).text(); alert(address);
[jQuery] Dynamically created input/button not responding to click event
I'm using javascript and Jquery to dynamically create an input button and attempt to respond to a click even for that button. Unfortunately, I can't get the click handler to work. I am creating the button like this: var removeButton = document.createElement("INPUT"); removeButton.type = "button"; removeButton.value = "Remove"; $(removeButton).addClass("removeButtonClass"); $("myDiv").append(removeButton); My event handler looks like this: $(function(){ $(".removeButtonClass").click(function()
[jQuery] Find first matching previous element relative to (this)
Hi, I'm trying to target the closets instance of an element with a class name target but I'm having trouble figuring out how to do this. So given this HTML <p class="target">how are you? hello <p class="target">how are you? <-- want to target this paragraph I am fine <div> <div class="btn">button</div> </div> I'm trying to use something like the following to find the closest previous "target" element to "btn". $(".btn").click(function(){ $(this).find(".target:first").css('color','red'); });
[jQuery] preferred method for controlling a plugin from outside
Hi, I need to control my accordion from "outside", i.e. I need to be able to open a specific part on some event. I have came up with this: jQuery.fn.accordion = function () { this.find('dd:not(:first)').hide(); return this.each(function() { $(this).children('dt').each(function() { this.accordion_open = function() { // prevent slide on already opened accordion element if(!$(this).next(':visible')[0]) $(this).siblings('dd').slideUp().
[jQuery] Tabs plugin: Clicking on tabs makes page to scroll
It happens when i load the page and scroll down before i click any of the tabs. The 3rd tab of the group is the one that always bounces the page(way more than the others) to the scroll height it chooses. Strange right? Each of the divs associated with Tabs can be of varying lengths. Are there certain conditions that might cause this? Because it doesn't happen when on the tabs on the demo page. Thanks for the help
[jQuery] Parent Selectors + "this"?
Hello, I am having difficulties with selectors...I've been reading through the selector API and this group for a while now, and I can't seem to figure out the answer. I want to toggle the class "hidden" on the 2nd <tr> below (.extended) when the <img> in the previous row is clicked. This seems to work: $("td.click img").click(function () {$("#listing tr.extended").toggleClass("hidden");}); However this table is repeated many times throughout the page, and this code toggles the class on ALL the tables.
[jQuery] jQuery UI Datepicker v3.0 Released! (Previously named jQuery Calendar)
jQuery UI Datepicker v3.0 Released! (Previously named jQuery Calendar) I am happy to announce that UI Datepicker version 3 has been released today. http://marcgrabanski.com/code/ui-datepicker/ Highlight New Features: Included in the official jQuery User Interface library (http:// ui.jquery.com) Date range selection Display multiple months at a time More customization options License changed to reflect jQuery Compatibility option to use existing code UI Datepicker was presented at jQuery Camp in Boston
[jQuery] Best way to switch code between pages
I have a header file that includes the jquery.js and a custom.js in all of my pages. In the custom.js what is the best way to switch between current pages. For example if index page loads do this if contact page loads do that. i have a unique id in the body of each page. But can't seem to find a way to use this. if ($("#home")) { $(document).ready(function(){ }); } Doesn't work, an object is returned regardless. I'm sure i can figure out a way eventually. just curious what the best way would
[jQuery] Livequery and History / Remote togehter. Help.
I will try to explain myself as clear as possible: I have used Ajax in the past. Not with jquery though. I have been working with jquery for about a month. So I know some, but definitely still learning. I downloaded Livequery: http://jquery.com/plugins/project/livequery And had no problems. I got all my ajax requests wrapped up with livequery. Then I found out about History/Remote: http://www.stilbuero.de/jquery/history/ And I had no problems getting it to work, except when I wrap it with the livequery
[jQuery] ClueTip only working on first class instance
Hi, I've tried a few varieties, but I can't get the ClueTip to show up on more than one instance of a class in a page. I'm using the first JTip example and code from the demo with no luck. Did I miss anything? Using class="jt" in various <a href> calls with the following jQuery: $(document).ready(function() { $('a.jt:eq(0)').cluetip({ cluetipClass: 'jtip', width: '175px', arrows: true, dropShadow: false, hoverIntent: false, sticky: true, mouseOutClose: true, closePosition:
[jQuery] Release: jQuery Validation plugin 1.1.1
Getting Validation 1.2. done takes much longer then I expected. To compensate for that, here is a bugfix release for the validation plugin, containing all fixes and improvements from the latest revision, compatible with both jQuery 1.1.x and jQuery 1.2.x. Plugin page(s): http://jquery.com/plugins/project/validate</a> & http://bassistance.de/jquery-plugins/jquery-plugin-validation/ Notable changes: * Fixed invalid XHTML, preventing error label creation in IE since jQuery 1.1.4 * Fixed and improved
Select > Option (find class of option) [SOLVED]
$(document).ready(function() { $('div.hidden').hide(); $('#node-58 > select.state').change(function () { $(this).find("option:selected"); // I think this line needs a function to wrap the next bit of code? var equiv = $('#' + this.className); if(equiv.length){ equiv.show(); } }); }); Explanation: I have a bunch of divs with class 'hidden' that automatically have to hide. Those divs also
[jQuery] Dojo & Jquery
Is anyone using Dojo & jQuery together? If so, are there any issues?
[jQuery] Drastically reducing jQuery load time
While working on a web app, I thought of this method to drastically reduce jQuery load time. Every link follow causes jQuery to be reloaded again. Now, although the .js file is stored in the local cache, it still needs to be parsed and executed, which takes a lot of time. What if, instead, we use a FRAMESET, keeping jQuery in the master frame, and just changing a child frame (which takes up the entire screen). This way, jQuery never needs to be reloaded. What does everyone say?
[jQuery] hiding elements via stylesheet
I'm a little confused about jquery and prototype's hide/show methods. In the prototype api, it says that "Element.show cannot display elements hidden via CSS stylesheets. Note that this is not a Prototype limitation but a consequence of how the CSS display property works." I know that if you set display to an empty string '' instead of block, you can achieve the hide/show effect via stylesheet. I also know that jQuery's hide/show methods seem to be able to handle elements hidden via stylesheet with
[jQuery] SITE SUBMISSION: pvponline.com
Online comic, using ThickBox: http://www.pvponline.com/book - jake
[jQuery] Event binding memory leak
When a page is unloaded, jQuery is not unbinding any bound events causing a memory leak in IE6. Below is a very simple test page. If it is opened in IE6 you can see the memory usage skyrocket. <HTML> <HEAD> <script type="text/javascript" src="http:// code.jquery.com/jquery- latest.js"></script> <script> $(document).ready(function() { // Bind an onClick event to the body $("body").click(aFunction); // Reload the page window.location.reload(); }); function aFunction() {} </script> </HEAD> <BODY> </BODY>
Center a DIV [SOLVED]
Hey everyone! This forum is kewl!! Here's my thing.. ive been trying to set a div placed preloader in he middle of the screen.. MY screen even if i got a huge scroll bar on the right side of my page. This is a form so whenever some action is triggered a preloader must be shown but this isn't an easy task to perform because i can't do it with jquery and we are certainly not willing to use prototype anymore. I am not trying to place the preloader on the very middle of the page... but show it on the
[jQuery] Jquery Sortable plugin and Flash content problem
Hello, I am using the jquery and te sortable plugin. The sortable items are dics that contain object and embed tags to a flash file. In FF when I drag the divs around the flash movie appears smooth and as you would expect. However in IE 6 and IE7 when I drag the div around the flash movie will disappears,and reappear. It will be replaced by the white rectangle that seems to get stuck and leave a trail and lingers for a split second. When I stop sorting/draggin the div. Any ideas with this one? Thanks
[jQuery] Selectors
Hi. I have a reference to 'this', which is a href tag. This href contains as the only child a image. I want to select only this image, to modify his src attribute. This works: // 'e' is my reference to 'this' var i = $(e).children(); $(i).attr({src: "path/to/image"}); But i think there must be a shorter and more elegant way to do this like for example: $(e + :'only-child').attr({src: "path/to/image"}); but this unfortunately doesn't work. Any hint is appreciated greets Olaf -- Olaf Gleba : creatics
[jQuery] Store meta data in jQuery?
Hi, I have a javascript application running on a Drupal powered site. I plan to port it to jQuery since jQuery is part of Drupal 5 and due to jQuery's powerful features. In my current implementation I store some meta data in the DOM elements in order to speedup the user interface. It works like this, first I create the DOM in javascript and then I attach the meta data to it. Ex: --- businessCard = document.createElement('div'); businessCard.className = 'bcard'; businessCard.appendChild(document.createTextNode('Business
[jQuery] Error jqgrid
i use jqgrid for test,but i have this error: " uncaught exception: Permission denied to call method XMLHttpRequest.open" when open from tree to "Loading data". In FF is problem ,but in IE or Opera is ok. Why ?
problem with form plug-in, form is loaded "later"
jquery or my way using it seem to have problems with forms that are loaded after some user interaction via ajax. so the hole form and its id isn't present at beginning. if some useraction occur a form is evaluated and a parameter depended form is "injected" via ajax on same page. i uesed allways only formSerialize from this plugin and my own ajax function: function sendForm(formid,destination,prefix) { var form = jQuery(formid); var addstring=form.formSerialize(); fetch(prefix
[jQuery] jQuery Challenge
While working on this: http://groups.google.com/group/jquery-en/browse_thread/thread/7cbc9fb45f7dc133 , I've tried to come up with a way to read attributes out of a CSS class, even if that class isn't applied to any element. No luck so far. Any jQuery pro's want to take a crack at it? Storing attributes for animations in CSS - as opposed to JavaScript - would lean to much cleaner code.
[jQuery] Why doesn't this work (a short one)
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> </head> <body bgcolor="#ffffff" text="#000000"> <font face="Arial">The following code works perfectly fine: 1. Checks if a certain textarea exists. 2. Adds an input box straight after it. 3. Counts the number of characters in the textarea either (a) when it becomes available or (b) on the keyup event. $("textarea#MessageBody") .after("<input id=\"CharCounter\"/>") .ready(function(){CharCounter($('textarea#MessageBody'));})
Ajax Load Callbacks/Using jQuery with Other jLibs? [SOLVED]
I'm doing an Ajax load, and I'd like to scroll to the top of the div containing the new content after the Ajax load is completed. But there doesn't seem to be a way to do that yet in JQuery. Even if I put the scrollto command in the callback, it gets ignored because (I think) the load is still being completed. Here's the code I've been using: function ScrollToDiv(theDivID) { $("html,body").animate({ scrollTop: $("#"+theDivID).offset().top }); } $(document).ready(function(){ $("#HelpInfo").click(function(){
Selecting an option based on Body ID
Hi all, I am trying to create a form (that is present on every page) that has a drop down list of options. I want each option to relate to a particular page so if I go to Page 1 then the option Page 1 appears in the select box. Of course they can choose any of the other options. So far I have - $(document).ready(function() { // Get the bodyid of the page var home = ' Corporate Cars '; var airport = ' Airport Transfers '; var tours = ' Tours '; var group = ' Group Transfers
[jQuery] Slickspeed from Mootools
I have tried different javascript frameworks and I finally decided to use jQuery because of the ease of use and all the good plugins available. But recently I noticed a website http://mootools.net/slickspeed/ which compares 3 frameworks including jQuery. I ran the tests on that site and noticed that they show jQuery as the slowest performer out of the 3 frameworks (Mootools, Prototype and jQuery). Does anybody have comments on this ? Thanks, Prit
[jQuery] serialize a form with german characters
Hi, I tried to send a form via ajax. To send it, I first serialized it - but after that there seems to be an encoding problem with my german characters. I can see these strange broken characters in the firefox- log. I saved my html-document as UTF-8 and I also set the documents content type to UTF-8. Here is a codesample. Hopefully someone can give me some hints to fix that :-) <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http:// www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Next Page