[jQuery] [validate] Help with errorPlacement
Hello, I need help with targeting a class on a TD to hold error messages with jQuery form validator plug-in. This is my sampling of code: < script> .... errorPlacement: function(error, element){ error.appendTo( element.parent().next()); } </ script> <tr style="border:0;"> <td style="border:0;" align="right">First Name<span style="color:#f00;">*</span></td> <td style="border:0;"><input maxlength="40" name="first_name" size="20" type="text" /></td> </tr> <tr style="border:0;"> <td style="border:0;"></td>
map highlight with tinybox (layer problem?)
Hey everyone, I'm trying to apply the map highlight plugin inside a ready box with html code in it (using tinybox: http://www.leigeber.com/2009/05/javascript-popup-box/). The problem is it's just letting me click the area but not drawing over the tinybox image so the "highlights" arent's visible. also tried with thickbox (just in case) and unfortuantely I'm getting the same results.. I know this: 1. the code works correctly outside of the box. 2. tinybox works good on it's own and i can put any html
horizontal treeview?
Hi I was wondering if anyone could help me out here. I've been using the treeview plugin and it's been working fine. I was wondering if there was any way to get the indexes in the tree to be positioned horizontally instead of vertically? The indexes contain a Jquery-ui tab widget at the moment which I am resizing to make them smaller. If I float them left then add padding the tab widgets just get wider which I don;t want. What I would like is to be able to expand items in the tree so that they are
[jQuery] How to check is element "droppable"
Hi. How I can check this? I have next part of code where I must check is element "tag" = droppable. Instead code after "// pseudo:" i must add some function that check if element is droppable. If true it must write some text in that element (For example: $(tag).text('bla bla') ) ////////// code ///////////// function help(){ // array generated by PHP: <?=$correct?> // random num. from upper array: var rand = Math.floor( Math.random() * cor.length ); // Set tag if(rand
Jquery Starter - Need help
Hello, I have just started jquery and stuck in some basic. Before telling the problem, here are the 3 simple files that am working with. ========= test.php =============== <!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" /> <script type="text/javascript" src="js/jquery-1.3.2.min.js"></script> <script type="text/javascript"
[jQuery] jCarousel 0.2.3 hangs IE7 on window resize event
I've discovered that http://sorgalla.com/jcarousel/ will hang IE7 (but not IE8) when the this.funcResize handler (bound to window.onresize) is called. The setup for this is in init around line 226: $(window).unbind('resize', this.funcResize).bind('resize', this.funcResize); What happens is that IE7 fires off onresize every time a resize occurs - even when you are in the middle of servicing a resize event. The loop goes on and results in a frozen browser with ever increasing resource consumption.
[jQuery] New to JQuery
Hello All, I am new here and I would need your support in order to get started. Where can I get tutorials and wikibooks on JQuery? Also recommend books. Regards, <font color="#888888">Emeka</font>
[jQuery] "Object doesn't support this property or method" in IE
Hello everyone, I have the following code that works great in Firefox, Opera, Safari, but fails to work in IE. Can anyone take a look and maybe tell me what I'm doing wrong? Thanks! <head> <script type="text/javascript" src="../conduit/jquery.js"></script> <script> function updateStatus(){ jQuery(function(){ $("#prov1hCount").load("source/provStats.php #prov1hCount"); $("#prov1hOntime").load("source/provStats.php #prov1hOntime"); $("#prov1hLate").load("source/provStats.php
[jQuery] Quick announcement about CFJS for jQuery
Hi folks, I just wanted to drop a quick note letting everyone know that I've committed cfjs 1.1.10 to the repository on riaforge.org (http:// svn.riaforge.org/cfjs/). This new version includes HTMLCodeFormat() and HTMLEditFormat(). I'll be working on NumberFormat() soon as well as a short list of Array functions that have been on my to-do list for quite a while now. These include: ArrayAverage() ArrayClear() ArrayDeleteAt() ArrayInsertAt() ArraySum() You can visit the project page over at cfjs.riaforge.org,
Layout and jQuery animate help
Hi everyone, I want to make a collapsible horizontal menu with an arrow in front. So if the menu is collapsed, the arrow points down (here I used "Y") and when it isn't collapsed the arrow points to the right (here I used "X"). The problem is: how do I make the collapsed div disappear when I click it and let the arrow animate to point right and let the uncollapsed div appear? Problem 2: I can't get the two divs in the right place, they appear above eachother. The CSS: div#Menu { width: 805px;
[jQuery] Simple Modal Height and Width
Question: Simple Modal has default height and width values of 200 and 300 pixels respectively. Is there a way to the modal conform to whatever content is present. In other words I want the modal to have height and width equal to the HxW of image modal is applied to ... automatically. Thoughts?
jQuery UI Hide destroys the JS in the target element
Hi everybody. My first message here ::- ). I would have wished it under better circumstances. However, I'm having a quite annoying problem. I'm using jQuery UI hide effect and for some reason it messes with the DOM and/or and completely messes up some of my controls. $('#dvucCustomization').hide('fold', {}, 500); Is that the correct way to call the hide effect on a DIV element? I also tried simply: $('#dvucCustomization').hide('fold'); and the same result: the JSs I have in the hidden/shown element
[jQuery] [asmselect] "Remove" link links to the main page
Anytime when I click the remove link after selecting one or multiple items my browser jumps to the main page. It doesn't happen on _any_ system but only on _some_ systems. Is there any solutiuon? System: Vista Browser: FF 3, FF 3.5, IE 8, Seamonkey http://picasaweb.google.de/lh/sredir?uname=christoph.puppe&target=ALBUM&id=5379203595117546545&authkey=Gv1sRgCNLk55_C5s3RCg&feat=email cu oldo
[jQuery] $(this).css({"color" : "red"})
see that code in the subj.? i'm using FF 3.5, and no matter what i do, .css won't work!! any help?
[jQuery] why getJSON in firefox takes longer than in other browses?
Hello I'm using jQuery and asp.net. jQuery using getJSON calls specific handler, lets say MyHandler.ashx $.getJSON(/MyHandler.ashx?param1=someVal, function(data) { ... some code; } In Opera and Explorer this is executed immediately. In FireFox it takes over 1s before request is executed. Even when I set breakpoint in my handler it will be hit after 1s... could you tell me why it is so slow? I got latest version of firefox.
[jQuery] SimpleModal Contact Form and Sidebar
How can I embed SimpleModal Contact Form http://www.ericmmartin.com/projects/simplemodal/ in the sidebar, whose position is fixed on the scrolling map. No reference as in the example from the author: <div id='contact-form'><a href='#' class='contact'>Demo</a> a picture button.gif Code sidebar: <div id="contact-form" style="background: rgb(27, 27, 27); position: fixed; top: 136px; width: 25px; height: 119px; z-index: 8765; cursor: pointer; -moz-background-clip: border; -moz-background-origin: padding;
[jQuery] Conflict between Simplemodal and jquery-ui slider?
Summary - Slider does not work in SimpleModal window after more than once. Detail: Step 1: Click to open modal window Step 2: Observe slider working properly, with value being updated, close modal Step 3: Click to open modal window Step 4: Observe slider NOT working properly, NaN being returned If you open the modal with the slider, then close the window, then re- open the modal and attempt to move the slider NaN errors occur. Attached is a simple html document that demonstrates the problem. This
[jQuery] How to wait until the DOM has been updated by a jquery "load" before executing subsequent JavaScript?
Newbie question: I'm using JQuery's load function to update a portion of my page with new content. This works okay but I would also like to attach event handlers to the newly loaded content after it is loaded. There is probably a best practice approach to doing so but I am not aware of it. If someone could point me in the right direction it would be much appreciated. The approach that I am trying is not working and I'm not sure why. When showFavorites() is invoked, I want the content of a div in
[jQuery] jqzoom and IE
If on this product page - http://www.shanghaitattoo.com/magento/jingpingshuiyi/c2001 - and you click on the second or third thumbnail, while using IE 6 or 7, the zoom function breaks. I think when you view the error in IE7 you can understand a little better what's going wrong. But to tell the truth, I have no clue what's going wrong O_o Again, opera, safari, chrome, ff no problemo, whyyyyyyyyy
draggable
I'm trying to get the element that the dragged element is dragged on any ideas anyone. specially the id and in the stop function so stop: function(event, ui) { id } any ideas very much appreciated.
[jQuery] JQuery Cycle Plugin Random Timeout
Hey, does anyone know how I can have the timeout change randomly for every slide? Thanks,
Submitting a form with iframe
Hello, Here's the scenario. I have a page with a form. Now what I am doing is that when the main page (the page that contains the iframe) submits, it takes the values form some fields, passes it to the iframe source, submits the form on the iframe page, and then submits the main form. This is triggered via the "onsubmit" event. So what I basically want is for the inner form (page which is the source of iframe) to submit first , before the main page (or the page using the iframe) . I managed to get
Submitting contents through jquery
I am trying to pass the contents of an iframe through jquery but its not sending anything. The iframe is created via javascript //First lets initiate some variables var isEditable= false; var isIE; var isGecko; var isSafari; var isKonqueror; function initiateEditor() { //check what browser is in use var browser = navigator.userAgent.toLowerCase(); isIE = ((browser .indexOf( "msie" ) != -1) && (browser .indexOf( "opera" ) == -1) && (browser .indexOf( "webtv" ) == -1)); isGecko = (browser .indexOf(
[jQuery] [forms] [ajax] Form submits, success message displayed but no data seems to be passed to php file
Hi all, I have this Jquery code, below, which I was hpoing would pass the data from the form over to form processing script but the problem I have is that the success is returned but the processing script does not seem to get the form data passed to it. I have tested the script is called by just firing a success email off. What am I doing wrong, I'm lost in the forest and can't see the trees! I am including jquery, jquery.validate and jquery.form $(document).ready(function() { $("#myform").validate({
New: Mixing Ajax and highlight.js
I was testing and had jquery.highlight.js working just fine on a page - also using jquery.forms.js and jquery.validate.js. I then took my testing a step further by separating out the layout to a separate php file. The Ajax call works fine, in fact everything works fine, EXCEPT my li's no longer highlight. I think it has to do with how I am calling the jquery functions, so I'll start by posting just that part: $(document).ready(function(){ $('form').highlight(); $('#frm').validate({ rules:
[jQuery] Loading content from a url inside of a div to the actual div
First let me explain my situation im trying to place dynamic content into a sharepoint wiki site, which does not allow for direct javascript to be entered in. In order to do this im seting a <div src="mywebpage.html">. I would like to use that simple format for multiple div's eg: <div src="mywebpage1.html"></div> <div src="mywebpage2.html"></div> What i have so far is: <head> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/ libs/jquery/1.3.2/jquery.min.js"></script> <script type="text/javascript">
[jQuery] Loop over all input elements in form
Hi All, I tried $("form").each(function() { alert(this.name); alert($("input").val()); }); in following HTML <form id="form" name="form1"> Form 1 <input name="foo" value="XXX" /> </form> <form id="form" name="form2"> Form 2 <input name="blr" value="YYY" /> </form> <form id="form" name="form3"> Form 3 <input type="checkbox" /> <input type="checkbox" checked="checked" /> </form> it only alert "XXX" nothing else !!!
[jQuery] serializeArray() only for enabled form elements
Hello. I noticed that serializeArray() method does only include those elements that does not have the 'disabled' attribute... I wonder if it's intentional or am I doing something wrong...? -- nowotny
[jQuery] caching result of selector in object, reusing
Hi, I have some selectors - an example would be $("#LinkToPreviousHit") all of which work fine when used directly. If I use it to toggle the class, which also works, I might do - $("#LinkToPreviousHit").attr({"class": "activeNavButton"}); since I am using my selectors in multiple places I figured I would remove the multiple class to the selector and move it into an object - here is what I have (names will probably be changed when working) var NavDisplay = { NextHitB: $("#LinkToNextHit"), LastHitB:
Can you "fixate" computed height of an element?
Hi can you somehow give a div which has a computed height, that same height - explicitly defined, so that when the contents of that div change, the div will remain it's height? Like this: $(".mydivs").css("height", $(".mydivs").height()); ? That one didn't really work... Thanks Luke
How asp:button Postback work with JQueryUI Dialog? (Not ASP
I read http://stackoverflow.com/questions/7572 ... n-postback The dialog can popup but close itself. When I click btnBegin asp:button, it will call server side C# code to get data from DB and then assign to label:begin. In the first time, dialog cannot show the label:begin and then close. In second time, dialog can show the text in label:begin and then close. I use JQueryUI Dialog plugin <script type="text/javascript"> function openModalDiv(divname) { $('#' + divname).dialog({
[jQuery] Facebook Connect & jQuery
Hi, I've been trying to implement Facebook Connect on my site, which uses jQuery pretty extensively. However, the minute I insert the FB connect code into my page, I get this error: Element.observe is not a function new()new (line 32) Element.observe(window,'load', function() {\n which is: 32 Element.observe(window,'load', function() { 33 FB_RequireFeatures(["XFBML"], function() { 34 FB.Facebook.init('xxxxxxxxxxxxxxxxxxxx','/xd_receiver.html', {}); 35 36 }); 37 }); 38 39//]]> Has anyone else experienced
[jQuery] jQuery cycle IE issue
Hi, I've tried implementing jQuery cycle on my portfolio and it works in FF3 and Safari but not in IE. I've spent 24 hours researching and I just don't know how to fix it. I've checked for commas, I've tried altering the cleartype and cleartypeNoBg because I'm using .pngs but that still doesn't make a difference. I've disabled all of my other jquery scripts and it still doesn't work. I have 4 images in my slideshow and the first image shows but I think the problem is that in IE the height and width
[jQuery] "Timers" plugin and IE8 trouble
Hi all, I'm using "timers" plugin (http://plugins.jquery.com/project/timers), so far it worked great. But lately, I'm having trouble with IE8 which doesn't trigger everyTime event. This is the code which causes trouble: $(function() { $('.sidebar').everyTime(1000, function() { $('.sidebar').load('getjobs.php'); }); }); Firefox, IE7 and Chrome updates the "sidebar" div every second, but IE8 does not. Any ideas? Petar
[jQuery] Quicksearch. How to match only the beginning of a word?
Hello, I'm using the Quicksearch plug-in and it does everything I need except for one thing. If I have two rows, for example: "Blood oranges" and "Green apples" and I search for "a", it's going to match both rows because it matches the "a" in "oranges". What I need to is to match only the beginning of each word, so that typing "a" in this case would only give me "Green apples". Does anyone know if this is possible? Thank you for your help!
[jQuery] [ first quest...]
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML><HEAD> <META content=text/html;charset=iso-8859-1 http-equiv=Content-Type> <META name=GENERATOR content="MSHTML 8.00.7100.4129"></HEAD> <BODY style="PADDING-LEFT: 10px; PADDING-RIGHT: 10px; PADDING-TOP: 15px" id=MailContainerBody leftMargin=0 topMargin=0 CanvasTabStop="true" name="Compose message area"> <DIV><FONT face=Calibri>Hi,</FONT></DIV> <DIV><FONT face=Calibri></FONT> </DIV> <DIV><FONT face=Calibri>I have 3 or more label.
[jQuery] Safari 4 with jQuery/Json - anyone experience problems?
Hi everyone I've been working on an ajax call which activates a spellchecker when someone inputs a word (if it's incorrect) and returns a Json string of suggestions for the user to choose from, and then be able to replace the incorrect word. It seems to work the first couple of times but then Safari will hang and finally quit. I'm not sure what I've done wrong, but for some reason the console on FF doesn't register the call so I'm assuming something else is causing a problem - unless there's a compatibility
OCUpload plugin behaving strangely in IE8
I'm using the OCUpload jquery plugin (version 1.1.2) on my site to upload images. It has worked great up until now. I upgraded to IE8 recently and now the upload doesn't trigger (Uploading file... not displayed) the first time you browse to a file, but works perfectly the second time, every time. I would ask the author, but none of the links for his plugin work any more. Here's the code Javascript //image upload $('#imagefl').upload({ name: 'file', method: 'post', enctype: 'multipart/form-data',
"this" and "parent" giving me fits - sho
Simply put, I want to style the <div> containing the radio button when I click the radio button. I want to tell JQuery, "When a radio button is clicked, add the class .highlight to the parent div." I've burned three hours trying to get this to work! Here's my code. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html lang="en"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <title></title> <style
[jQuery] Problem loading flash movie inside div
<table cellspacing="0" cellpadding="0" border="0" ><tr><td valign="top" style="font: inherit;">Hello, I have a div that already contains a flash movie and some code that adobe flash needs to display the movie: /////////////////////////////// <div id="mydiv"> <!--url's used in the movie--> <!--text used in the movie--> <!-- <p align="left"> <p align="center"> --> <!-- saved from url=(0013)about:internet --> <script language="JavaScript" type="text/javascript"> AC_FL_RunContent( 'codebase',
Next Page