[jQuery] window.home() or location.href='about:home' and Safari 3.1
I'm trying to put together a cross-browser function for programmatically taking the user to their home page. So far I have found this: <script language="javascript"> function gohome(){ if (typeof window.home == 'function'){ window.home(); } else if (document.all) { window.location.href = "about:home"; } else { document.write(" Please click on your browser's Home button."); } } </script> Firefox and Opera like window.home() and IE likes href="about:home". But Safari 3.1 (for Windows) falls through
[jQuery] Do I need Livequery?
Hello there :) I've got a bit stuck. I suspect this is a job for Livequery, but can't understand how to use it (sorry, Ariel). With this: $( '.showlayer' ).click( function () { $( '#div1 ).fadeIn( 750 ); I'm trying to make each link with a class of 'showlayer' show the div which is named in its href: <a href="#div1" class="showlayer"> This probably should be simple, but I'm tying myself in knots! Would some kind person point me towards the solution, please? Thank you. Cherry
[jQuery] Anyone have trouble viewing this site on Vista?
Hi, all.. I was attempting to demo this site and show off the Cycle plug-in to a prospective client, but the Cycle plug-in was acting very strangly... flickering, not showing images, etc. The other plug-ins were working properly. The client's laptop runs Vista. Anyone with Vista care to look at this site and check out the large photos under the menu and see if they crossfade? http://c21ar.wsm-dev.com Thanks! Rick
[jQuery] Converting PHP tabbed page to jQuery
I've built a test module with PHP using three tabs - each tab loads a separate page containing the tabs styled to indicate which one is in use. Here's the test module: http://www.bloogle.com.au/mapping-test.php When I put this module into the site's Home Page, it will have to load all the other stuff on the Home Page, so I'm exploring some way to update just the module using Ajax. This is a fairly complex operation as two of the PHP pages carry a form with a Select box - one chooses a Google map
idTabs, need help in coding,
Hello I want to make something like this http://www.sunsean.com/idTabs But i can't make MainTabs and then subtabs, (i don't know coding very well) Could you help me? Code me 2 maintabs with subtabs (usual tabs) in html or php please http://mziuri.com/test/main.css http://mziuri.com/test/page.css http://mziuri.com/test/jquery-1.2.3.pack.js http://mziuri.com/test/jquery.idTabs.pack.js Here are some necessary files
[jQuery] flicking screen on fade in FF Mac
Hi There I was wondering if anyone else has noticed or experience the weird effect that fade has on the screen when viewed in FF on a mac (leopard). In safari and opera, even IE run under parallels, there is no screen flicker. When the fade is occuring, some colours, even the font changes slighty, then returns to normal state once the fade has finished. This does not occur with a simple timed opacity change, using regular javascript. I cannot say I have experienced this with other libraries. Is it
[jQuery] Convert string into jQuery array
Hi! I have a PHP script which returns a string in a jQuery-format array. Unfortunately doesn't jQuery recognize the string as an Array. How can I convert the string so that jQuery understands that the string is actually an array? This is what the PHP-script returns at the moment: "{ 'item1': { 'key1': 'value1', 'key2': 'value2' }, 'item2': { 'key1': 'value1', 'key2': 'value2' } }" This is what I want jQuery to handle: { 'item1': { 'key1':
[jQuery] Shadowbox.js related question
Hi, I know that shadowbox.js isn't a jquery plugin, but I think that most of you had take a look at this fantastic plugin. I'm using in it in a site for displaying images, and I'm wondering if it's possible to display a caption in the bottom like other plugins do. Thank you for your answers :-)
[jQuery] Downloading docs
Hello ! I often working on the train, or in places where I dont have internet connection. So I would like to be able to have the documentation for jQuery on my computer. I could not find an easy way to download it. I tried to download the "jquery-nightly.release.zip" which is said to contain the docs, I tried to do a SVN checkout (of both trunk and tag 1.2.3 and run "ant docs" (the target doesnt exist) or "make docs" (only an empty docs directory is created). The last option I see is to spider the
[jQuery] Select multiple elements with "almost" same id
Hallo everyone. My name is Gjoko Pargo. I am a new member of this group, in fact - this is my first message here. I work mainly as a web applications developer and have extensive experience in php, asp, coldfusion, javascript and several types of databases. Although I do have some pretty good experience in JavaScript I still can't seem to get the grasp of some of the jQuery concepts. So I have two pretty basic questions which I was not able to find answers for. 1. In one of my projects, I am building
[jQuery] jCarousel infinite loop problem w/ multiple carousels on display: none
I am attempting to build a page with multiple carousels, that by default, only one displays. When you click on an element on the page (a staff members name), you see their own personal carousel, which replaces the default. When I attempt to do this, I receive the following error message: "jCarousel: No width/height set for items. This will cause an infinite loop. Aborting" Code: var $j = jQuery.noConflict(); $j(document).ready(function() { onLoad(); $j('ul.usecarousel').jcarousel({ visible:
[jQuery] jCarousel - highlight current external control
I'm attempting to use the jCarousel plugin, and have been able to set up what I want, for the most part. In the carousel I've built, I'm only showing one image at a time, and am using external controls to allow for access to the set of images. I'd like to be able to highlight the control that matches the current image, but haven't been able to figure out how to do that. I presume there might be a way to do it using the callback functions, but, since I'm a javascript newbie, I'm having a difficult
[jQuery] Superfish - random menu widths
Wondering if there are any examples of a horizontal menu with vertical drops done with Superfish that have menus of varying width. Looks like the widths are all fixed in the stylesheet, and the application I was considering using this on requires them to be different for each drop down. I was thinking of perhaps styling each menu item and it's drop down individually, but that seems cumbersome. Any ideas on how to implement something like this using Superfish (or how it would be best to extend it)
[jQuery] WYSIWYG Editor
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> </head> <body bgcolor="#ffffff" text="#000000"> <font face="Liberation Sans">Does anyone know of a lightweight(code size) WYSIWYG editor that works with jQuery it needs to only do basic HTML editing. Insert links bullets images from a given path and formating of text. </font> </body> </html>
[jQuery] jQuery.data and metadata plugin
Hi, Is it true that metadata plugin should be replaced by the jQuery.data? But I found no way to query the data value stored in css class just like metadata. Thanks.
[jQuery] {Plugin] jQuery.Modularize
Hi Added this small plugin (673 bytes) that lets you namespace jQuery methods. You can use claim only one name ofjQuery.fn, and have multiple sub- functions under that name. This is one possible approach to keep the rule of only claiming one name from the jQuery namespace. You declare this: $.fn.foo = function(){ ... }; $.fn.foo.bar = function(){ ... }; $.fn.foo.baz = function(){ ... }; And use it like this: $(...).foo().bar( ... ); $(...).foo( .... ); $(...).foo().baz( ... ).foo().bar( ... ).foo(
[jQuery] Selector: All links with HREF but not ones that start with #
<span style="font-family: trebuchet ms,sans-serif;">Want to select: <A href="foo.htm"> but not <a href="#foo"> <br style="font-family: trebuchet ms,sans-serif;"></span><span style="font-family: trebuchet ms,sans-serif;">Would that be this?</span><br style="font-family: trebuchet ms,sans-serif;"> <span style="font-family: trebuchet ms,sans-serif;">$("a[href]:not([href^='#'])")</span><br style="font-family: trebuchet ms,sans-serif;"><br style="font-family: trebuchet ms,sans-serif;"><span style="font-family:
[jQuery] animation hover(over,out) + click to make static
i think this is fairly simple for an experienced programmer to solve, but i can't, as i'm a newbie to javascript. here's the link to what i'm working on: http://squidmilk.com/jquerytests/starterkit.html what I'm now trying to accomplish is a "click" function for this navigation bar. i just want it so that when you "click", the bottom border height of the div/link will remain at 14px [which is the style that is already set to hover over()], however, because i'm using "hover", the "out" function will
[jQuery] [Delegate] Does *every* event bubble up?
When run, does jquery.delegate.js make every event bubble up to the watched ancestor? If so, why would one use something like LiveQuery over a solution like delegate? So far, I've only tested onclick and onchange with delegate, but it's proving to be quite slick. I ask because I'm developing a rather large web app and am curious about (and this thinking may be totally crazy; if so please tell me) watching the body tag or an overall wrapping div and catching registered events as they bubble up with
[jQuery] $ is not defined error
I get this error in the Firefox error console: "$ is not defined" and it points me to line $(document).ready( function() { I have the most up to date jQuery and I am pointing it to the correct location but I can't figure out why I get this error. Anybody else experience this?
[jQuery] Dragging out of iframe
I am really trying to figure out how to drag an item out from an iframe and into another element (a textarea in this example). I know it can be done with Prototype, but I do not have the ability to translate. Could anyone help with this task? I think it would make for a great plugin anyway. Here is the Prototype version: http://bluestudios.co.uk/blog/sandbox/iframe/iframe.html Thanks in advance!
[jQuery] Quick AJAX question
I have a select box that is loading some data depending on what was selected. I am just trying to find out why when I use any of the JQuery get functions, it will run the first time the value is selected from the select box, but then not run again. It seems to cache the result of the AJAX call somehow, but this is not what I want to have happen. If I change the method to a post, it will run every time. Is there reason for this? It doesn't matter too much as it works with the post, but I am just curious
[jQuery] Superfish - first two tiers horizontal, third vertical
Hi, Using a menu like this - http://users.tpg.com.au/j_birch/plugins/superfish/richard-willis-example/ - is it possible to have the 2nd tier of horizontal links appear by default, without hovering over the top level link, depending on what page you are on? Ideally, depending on what page you were on, the respective list would have something like <li class="myclass active"> which would tell it that it should be displaying. Can anyone help with this? Thanks.
[jQuery] Somebody know a plugin like a Yahoo UI Datable?
I'm look for somes sorting tables jQuery plugin, but I can't found anyone like a grid using in web site www.youtorrent.com, the fill effects rows are incredible. Them I looking for YUI Datable ( http://developer.yahoo.com/yui/datatable/ ), its a little good, but a Iike jQuery and I wish to using a jQuery plugin. I already to try using tablesort 2.0, but my experience is not well. See here: http://201.65.193.133/tbsort/ajax.html Table Sort 2.0 is very slow, and I can't add new item and sort itens
[jQuery] Problem with using hasClass() within .each()
Using jQuery 1.2.3 Firefox 2.0.0.14 I am trying to loop through the headers of a tablesorter table and find out which columns are being sorted which way. I'm building an array of arrays that can be fed into the tablesorter.trigger function to resort the table after changes are made to the DOM. The problem I'm having is after .each() iterates successfully through the first two columns (which currently are sorted) it then crashes on .hasClass(). When I say crashes, I mean that Firebug reports the following
[jQuery] jqModal + Form plugin - Page is reloading in Firefox on form submit, IE works perfect
Hi, I've tried a million workarounds for this, but it just doesn't seem to work in Firefox! I fire up a jqModal login box which is calling a separate html page, which connects to a php login script, and if success, the php returns a success message in the Modal and reloads the parent page, i.e. page containing the Modal html, thus loading the new Session. If unsuccessful, it just gives an error message in the modal, with the option to re-login. In IE, it works pretty fine, but in FireFox v2, I've
[jQuery] Plugin and child plugins
As I'm developing a plugin, I'm finding that I need to modularize some of my functions into jQuery plugins as well. The problem is that I don't want these "child plugins" to be added directly to the jQuery namespace in order to reduce clutter and possible collisions at that point. As an example, I have my main plugin defined at the "jQuery.fn.myMainPlugin" namespace. I have a helper plugin that I am currently naming "jQuery.fn.helper". I would rather refer to it as "jquery.fn.myMainPlugin.helper",
[jQuery] Adding class pager slideshow
Example file: http://ischagast.nl/jquery/carousel.html In the example file you see a slideshow of news items where you can navigate with the arrows. I wanted too add some extra features and that's the pager option on the bottom right. That features works great but now I also want that when news item nr 3 is visible also number 3 in the pager gets an extra class. After some great explanation of Ariel Flesler I thought I could fix it but I don't. My first try was to get the index of the slideshow items
[jQuery] Targeting nested items by class name
Is there a way of targeting nested elements by class name? In the example below, I want to be able to attach a "click" event to all divs with ".car" class applied and then control the children within the ".car" div that is clicked. None of the children can have unique IDs unfortunately. Any ideas anyone? I've tried a few combinations but no success :( HTML: <div class="car"> <div class="car_price">content here<div> <div class="car_details">content here<div> <div class="car_photos">content here<div>
[jQuery] need help escaping cookie for user initiated click
I have a cap frequency cookie capping the slide down of slidebar div, but the cookie is preventing the slidebartrigger from showing and hiding slidebar on user initiated clicks. http://www.cincinnati.com/test/testNew.html The way it should work (no cookie) http://www.cincinnati.com/test/testOld.html $(document).ready(function() { var slideTimeout, sbTrigger = $('#slidebartrigger'), sbFirstSlide = (document.cookie.indexOf('slidedToday') == -1); function toggleSlideboxes() { if(slideTimeout)
[jQuery] How to pass mouse events around in a document?
I have a drop down menu. <script> $(document).ready ( function () { $('#mymenu').toggle( function () { openMe(); }, function () {closeMe(); } ); } ); </script> .... <div id=mymenuoptions style="display:none;"> .... </div> <div id=mymenu>Menu</div> ..... But I need to somehow catch a click anywhere else, close this menu and then do what ever else I clicked??? $(document).click(....?); Anyone have an example? thanks! dn
[jQuery] email plugin
Hi all, I just released version 0.2 of my SafeMail plugin over at the jQuery plugin repository. SafeMail is another plugin that allows you to safely display email addresses in a web page so that spam bots can't read them. Arguments are now passed as an object and I added two additional options, the first allows you to add a custom class to the tag and the second allows you to wrap the email address in a div rather than a mailto link. http://plugins.jquery.com/node/2277
[jQuery] Error using jQuery multifile plugins
Hi all, I'm using jQuery and jQuery multifile plugins. If I put the page as second page ( not the first one to load, i.e., this page loaded after someone click a hyperlink on the first page ), it works. But if I put as the first page, the javascript generates error. Did anyone has this experience before ? The page is on this URL : http://gecoasia.dnsalias.com:8080/web/guest/consultants/profile Thanks in advance you for your help and attention.
[jQuery] Drupal 5.x jQuery Tools Tips Fails in Mozilla
I have installed the jQuery Tooltips module in Drupal 5.x and I am getting the following error in my page: <script type="text/javascript">if (Drupal.jsEnabled) { Code works fine in IE 7. Need to speak with my client in about 2 hours with this problem solved. Any help would be appreciated.
[jQuery] clone() not maintaining "checked" state of cloned checkbox inputs
I'm using the following code to get all selected checkboxes from my html page and copy them into the form I'm about to submit: $ ("input[@name='BatchItem']:checked").clone().appendTo("#checkboxContainer"); I'm pretty certain that with previous versions of jquery (specifically 1.2.1), this was working for me, but since I've upgraded to 1.2.3, the cloned checkboxes are no longer checked when the form is submitted. I've had to add additional code to specifically re-check them after the cloning. Has
[jQuery] triggering clueTip with inline javascript
Hello, As I discussed in a previous post ("unresponsive script error on long page with many clueTips") I'm trying to trigger clueTips with a javascript function instead of binding the clueTips on page load. Each link calls the clueTip function and passes its unique link id. Here is the function: function clueTip( id ){ var linkid = '#' + id; // bind then click $(linkid).cluetip().click(); } It mostly works on Firefox, except that the waitImage is acting strangely. Sometimes it doesn't
[jQuery] CSS Design consideration
Hi, I have moderate experience with CSS, HTML & JScript. I have task of making for HTML Pages using CSS and JQuery. Those pages will be further extended, copied to full fledged system. I am thinking of two patterns for html pages 1. Define only class selectors in CSS and use JQuery to attach those class to relevant IDs & handle events? or 2. Use CSS to apply styles to html elements too and use JQuery only to handle events etc. What approach you guys use? Is there any blog or link to discuss on this
[jQuery] A beautiful accessible slider
Hi, Look this script : <a href="http://www.filamentgroup.com/lab/developing_an_accessible_slider">http://www.filamentgroup.com/lab/developing_an_accessible_slider/</a> It's a nice slider but it runs with an older version of the jquery and the interface library :(
[jQuery] copying from one select box or combobox to another.
I know I've already asked this before -- and, well, it may not even be possible, but, here goes again. Is it possible to copy from one combobox to another one; such as address information. After COMBING the web, I FINALLY found an example here: http://www.plus2net.com/javascript_tutorial/copy-listbox.php But, what I would like to do is use telerik's radcombobox or an asp.net combobox to do mine with. Below, you can see where I got it to work using just a plain old HTML select box, but I really want
[jQuery] Filtering carachter input in a form field
Hi, I'm trying to filter keyboard input in a form field: I'm using this piece of code: function solonumeri(event) { alert(event.keyCode); if(event.keyCode > 47 && event.keyCode < 57) { alert(SOLO_NUMERI); return false; } else { return true; } } $().ready(function () { $('.only_number').bind('keyup', function(e) { return solonumeri(e) }); }); If i bind this function on the keyup or keydown event the first alert returns the right keycode, but if I change the event to keypress then it returns 0. Any
Next Page