[jQuery] marquee brought back to life with jQuery
Hi, I've just released a jQuery plugin that not only brings the marquee tag back to life, but IMHO does a smoother job of animating it in the browser :-) http://remysharp.com/2008/09/10/the-silky-smooth-marquee/ Enjoy!
[jQuery] jQuery how to pronounce
Hello guys, I'm goigo to give a speech on the campus about jQuery and I'm wondering what is the correct pronounce to "jQuery"... Any Help? Thanks
[jQuery] Traversing the style of childs
I have a div (#container) possess a number of contents in children divs (.content). '.content' is styled as: {display:inline; float:left;} How can I get the collective width of all those '.content' I tried the followng var contents = $("#container > .content");//It is fine and returns array of divs var size = 0; var i = 0; for(i=0;i<contents.length;i++){ size +=contents[i].css("width"); //OR other way size += contents[i].style.width; } but no result however $("#container > .content").css("width")
[jQuery] Validate remote: passing multiple variables?
Does anyone know of a way to pass multiple form fields into one remote call in the validate script in Jquery? Any help appreciated. rules: { Field1: { required: true, remote: "/path/to/script.php" }...
[jQuery] Validate dynamic-totals.html
Hi, Brilliant bit of work! Your example is just what I need for my PDA web form. I use dreamweaver with php and mysql. I have a form that I need to validate containing multiple rows of records. At the present moment there is no extension from ADOBE that provide validation on multiple records, which means I am on my own. I will admit that I am not a coder, I simply design and develop dynamic web sites. I have a select field that I need to validate which appears on multiple rows. I haven't got a clue
[jQuery] jScrollPane Help (URGENT)
Hello all, I'm in quite a rush to finish a project so any help would be much appreciated. I'm using jScrollPanel to implement the scrollbar for a chat (very similar to the old school mIRC approach). What I wanted to do is, each time a message is submitted, the page is scrolled to the bottom. That is, if the chat has 3 lines height like this: Kp> hi xptodude> hello Kp> hello too When someone writes the fourth line, the view port will end up with THAT line and the latter two. I think the objective
[jQuery] Tabs ui links
Hi everyone, I am using jQuery UI tabs version 3.0. I am calling the tabs content via Ajax, but the links inside the tabs don't open inside the tabs, instead they load into a new page. Is there any way to make my links load via Ajax into the current tab? Thanks, Daniel
[jQuery] non-recursive element filtering
hi, i have been trying to do something simple for the last couple of hours and i just can't seem to solve this problem: maybe easier to give a dom tree first: ... <div class="list"> <div class="item"> A <div class="list" style="margin-left:10px;"> <div class="item">1 <button>+</button></div> <div class="item">2 <button>+</button></div> <div class="item">3 <button>+</button></div> </div> <button>+</button> </div> <div class="item"> B <div class="list" style="margin-left:10px;"> <div class="item">1
[jQuery] String passed by value or by reference
Hi, I'm stuck with some code. I want to create some part of my html document by javascript. Every line contains some links, the links should trigger an action on that line. Here is some minimal sample code to reproduce the problem: -------8<---------------------------------------------------------------- <html> <head> <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript"> linecount = 1; function makeTestLines(parent) { linename = "Row" + linecount++; // insert a
[jQuery] Why doesn't my prev() work?
Hi, I'm sure to a whizz this is going to be a bit of a noob question, but why doesn't my prev() work here: <script type="text/javascript"> $(document).ready(function() { $('.child').hide(); $('name=selected').prev('.child').show(); }); </script> HTML: <ul class="parent"> <li><a href="">test 1</a></li> <li><a href="">test 1</a> <ul class="child"> <li><a href="" name="selected">test 1</a></li> <li><a href="">test 1</a></li> </ul> </li> <li><a href="">test 1</a> <ul class="child"> <li><a href="">test
[jQuery] clueTip plugin DOM manipulation clarification.
Hello all - I downloaded and used Karl Swedberg's (of www.learningjquery.com) excellent clueTip plugin. The scenario under which I used it led me to identify a small issue that I believe was a design decision by Karl but that behaved differently than I expected it to and, as such, made me spend a couple hours figuring it out. I was listing a bunch of products on a page for the company I work for and, when you clicked on a picture of the product, a tooltip was to come up listing some of its information
[jQuery] offset bug on YUI grid css
Hi, I am using the offset() to get the top and left properties of an html element. I am getting a different result from FF2 and FF3. FF2 got it right while FF3 got it wrong but has almost same result with Chrome. I think it's because of the complexity of YUI grid css? but it was right on FF2 ... should I ticket this bug? or there's something wrong I did? Thanks james
[jQuery] bug in "fix" method?
Hi, All! I can't submit bug into bug tracker - it says i have no rights. I found out that "fix(event)" method in 1.2.6 doesn't copy property "altKey" from original event. I think the cause is the incorrect iteration over array: var originalEvent = event; event = { originalEvent: originalEvent }; var props = "altKey attrChange attrName bubbles button cancelable charCode clientX clientY ctrlKey currentTarget data detail eventPhase fromElement handler keyCode metaKey newValue
[jQuery] Jquery .load() can't load style and js in html file on Safari and Chrome??
Hello all, I use $("#mydiv").load() to load a html file that has its own style and js, on IE and Firefox, it work good, but on Safari and Google Chrome, it can't load style and js in the html file, how can I fix it? example: MainPage.htm <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Main Page</title> <script src="js/jquery.js" type="text/javascript"></script> <script type="text/javascript"> $(document).ready(function(){
[jQuery] Superfish Sub menu position
I am using superfish on a page and the top level menu spans across the entire page. The problem is that some of the dropdowns on the right have side of the page open their sub menus to the right so the user wont see them unless their browser window is wide enough. Has anyone attempted to get the sub levels to open up on the left side of the dropdown if the top level dropdown is near the right side of the browser window? I am using the basic layout: http://users.tpg.com.au/j_birch/plugins/superfish/#sample1
[jQuery] Superfish Issues
I cannot for the life of me get the Superfish menu to work correctly. Everything is fine in Firefox (except for the fact that the hoverIntent animations don't work) but it just throws errors in IE and the subnavs don't appear. Here's an example site: http://dev.ilrinc.com/index.php
[jQuery] Superfish with custom backgrounds
I am looking to see if I can specify two images tiles. One for the on state and one for the hover state of the primary navigation. All other sub navs would just have a solid bgcolor for their background. Anyone done this yet? Nathan
[jQuery] Superfish: Gap between top level menu and popup..
i have a menu where each top level <li> is preceded by an icon image. I also use supersub. The menu renders fine, except there is a gap between the top level items and the popups. Anyone has any insight ? ccollie
[jQuery] Superfish: onBeforeShow and onHide callback functions
Hello, I am trying to use Superfish's onBeforeShow and onHide callback functions to hide some text when a menu is triggered and the show it again when the menu disappears: onBeforeShow: function(){ $("p.default").fadeOut(1); }, onHide: function(){ $("p.default").fadeIn(1000); } onBeforeShow works fine and text is removed before triggering the menu. However, the onHide function is also triggered and immediately displays the text again, even though
[jQuery] Superfish - display2 deep and have mouseover for anything deeper
I have the default vertical menu working great but I would like the first and second deep items to display and anything deeper have the mouseover slide-down animation. Any ideas how to accomplish this. I am very new to jQuery :-) Example: <li class=""> <a href="#a" class="sf-with-ul">First Level<span class="sf-sub- indicator"> »</span></a> <ul class="depth1, current" style="display: none; visibility: hidden;"> <li><a href="#a" class="sf-with-ul">Second Level</a> <li class="current"> <a
[jQuery] SuperFish - always display some submenu items
For some pages I want some menu-items to be always dropped-down. For example, I have <li> elements with class="no". I need Superfish don't react to events on the submenu inside this element.
[jQuery] How to select all input elements but the button one?
I'm trying to select all input elements but the submit or button. I appreciate the help. Aldo
[jQuery] reduce this to the max
I have the strange feeling, this can be done much more efficient..... I am willing to learn and to marvel: 1. $("form#form1").submit(function(event, validated) { 2. if (validated) { 3. return; // done, submit 4. } 5. event.preventDefault(); //it stops the browser from doing the default action for the event 6. var datum1 = $.trim($ ("input#datum1").attr('value')); 7. var timepicker1 = $.trim($ ("input#timepicker1").attr('value')); 8. var timepicker2 = $.trim($ ("input#timepicker2").attr('value'));
[jQuery] ClueTip ?? HOw to hide or turnOff tooltips
Hi guys, I add a link on top menu saying turn off tooltips. I am looking that on click it turn the tooltip off for whole site. Any help or suggestion plz ? Thanks
[jQuery] Selecting a checkbox by clicking anywhere on a row
Hi there, I'm trying to make a page which automatically toggles a checkbox when you click anywhere on the row. Here's a version I've cut down to the bare bones to illustrate http://dev.savingforchildren.co.uk/mjs/row_select.epl It seems to work fine unless the user actually clicks on the checkbox itself. In this case it seems that it actually gets toggled twice and so reverts to its original state. Any suggestions on the cleanest / simples way to avoid this? (I can think of a few messy ways) Thanks
[jQuery] jquery is breaking iWebSite.js
I'm a looser. I use iWeb. Every time I add jquery to my iWeb page it breaks all the functions made by this javascript file "iWebSite.js". I really know nothing about javascript (I'm a wanna be. That is why I use iWeb.) Please help.
[jQuery] jQuery.post muti-threaded
Hi There, I have a problem that I cant seem to get around. If i make a jQuery.post request to process.php and that that page gets an infinate loop, the request just sits waiting until the script times out. Now while its waiting for the timeout, no other jQuery.post requests will complete until the first one ended. how do i avoid this and could i monitor a request and cancel it somehow if it takes to long? thanks.
[jQuery] Tablesorter Tablepager problem, desperate for help
Hi guys, so i'm making this dynamically created table. Each row has checkbox. The table is sortable and i'm going to use tablesorter's pager plugin in it. I want to limit the number of the checked checkboxes to 7. So i wrote another havascript to control this. When the user checked 7 checkboxes all the other checkboxes will be disabled until the user remove a checkbox. This is roughly the pseudocode (cant show the actual code since its for work): <Script> function limitCheckbox(checboxes){ ...Some
[jQuery] Need AJAX Developers - Remote work
<html xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:w="urn:schemas-microsoft-com:office:word" xmlns:x="urn:schemas-microsoft-com:office:excel" xmlns="http://www.w3.org/TR/REC-html40" xmlns:ns8="urn:schemas-microsoft-com:office:smarttags" xmlns:u2 xmlns:u1 xmlns:u3 xmlns:u6 xmlns:u5 xmlns:u4 xmlns:u7 xmlns:u8 xmlns:u9> <head> <meta http-equiv=Content-Type content="text/html; charset=us-ascii"> <meta name=Generator content="Microsoft Word 11 (filtered
[jQuery] Determine if a Javascript has loaded?
OK... I'm new to jQuery (and not much of a JS programmer), so be gentle with me! :D I have a site that's using a Javascript to embed a small weather widget (it's from weather.ibegin.com). The problem is that my client REALLY likes the look of the iBegin weather widget, but iBegin hasn't been that reliable... so sometimes NOTHING shows. I'd really love to be able to use jQuery to determine if the Javascript has successfully loaded the weather and display it if it has... but display a static image
[jQuery] Animation
<div dir="ltr">Hello all,<div> </div><div>I have two images on a page, one on top of the other. I'm using them to do a rollover effect. One the top image I have a onmouseover event triggering a jquery fadeOut(). On the bottom image I'm adding the onmouseout event triggering the fadeIn() effect for the above image. The problem is that if you rollover too fast the top image will fadeout, but the onmouseout event won't fire for the bottom image. Is there a way to have the callback for the fadeOut()
[jQuery] Access a example hibrid java and action script
www.gamesflash.zip.net
[jQuery] Drag screws with my mouseup event
I am trying to reproduce a calendar selector. Basically, I want the boxes to turn red when I have the mouse depressed only. Works great so far except that the drag event seems to be hiding the mouse up event (try it out, you'll see it happen), and then the logic is backwards until the mouse is depressed again. Any suggestion on how to fix this? Would be great if I could check to see if the mouse is depressed. Example: http://173.8.140.234/admin_available_times_edit.php Here's my code: $(document).ready(function()
[jQuery] slide down and up problem
Hi. i just want my headers to slide up and down but they seem to execute twice. could someone look over my code to see why things are sliding up down then up down again? thanks code: $(document).ready(function(){ $("#subNav1 a").css({backgroundColor: "#fff", color: "#222" , borderRight: "2px solid #ccc" , borderLeft: "2px solid #ccc" , borderBottom: "2px solid #999"}); $("#subNav2").click(function(){ $(".subNavItem a").css({backgroundColor: "transparent", color: "#fff" , borderRight: "none" , borderLeft:
[jQuery] How to read a HTML file outside current directory using Jquery Load function?
$("#abc").load("../one.html"); Doesn't work..
[jQuery] move object with all events.
Sorry about my grammar, English isn't my tango $("#elment").click ( function () { alert('ok') } ); Now, when I move the element: $("#element").insertAfter( otherElement); The click event is automatically unbind. How Can I fix it?
[jQuery] how to control a imageover making one image to fade in a menu and fade out when....
ok my problem is that I have the user upload a image file this image file on the page is a picture of them. What I want to do is when the mouse is over the image I want to fade in a menu this menu would contain buttons for editing the which photo to show and many other things about the image. the problem I run into is I seek a if statement. I want the mouse over the image to when going off meaning mouseout I want to fade out the menu only if the mouse is not on the menu. If I just put a mouseover
[jQuery] Expanded Div in which images change on mouseover
I know that on <a href="http://www.wilson.com/wilson/home/ index.jsp">this</a> site the navigation is flash based, but is it possible to do this with plain old html, css and some form of jquery. If so what plugin would I be looking for? The closest I seen was jDrawer, but that does not appear to be the right one for the job. I have looked at various accordion menus, but each one that I seen involves basically a section that moves or slides rather than just the div remaining in place while an image
[jQuery] javascript enabled
Hello again, howcan be detect whether or not the user has javascript enabled and then write certain if statements to account for that. How do I detect a user's javascript setting? thanks for ur help :) samrad
[jQuery] jQuery and swapping name values
I am using the following to do a Hide/Show feature, and it works exactly as I want... ------snip----- <script type="text/javascript"> $(function(){ $('#sender').click(function(){ $('#container div.toggleit').slideToggle('normal'); }); }); </script> <style type="text/css"> table#container div.hidden { display: none; } </style> <table id="container"> <tr> <td><input type="checkbox" id="sender" /> <div class="toggleit"><input name="data01" type="text" value="show first"></div> <div
Next Page