No errors W3C validated ... Browser Blank Page
Hi , I'm new with Jquery and here. I've started including jquery library as tutorial sya , but my html sto working ... * I've validated at W3c and it's ok * No javascritp error appear on firebug If I remove " <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"/>" it works . I'm stuck ! Can you help me ? Here my html (I cannot attah it in this system forum !!) ------------ <?xml version="1.0" encoding="UTF-8" ?> <!DOCTYPE html PUBLIC "-//W3C//DTD
a jquery method i don't know the name for
Hello Does anybody know what the technique used here is called? http://www.guardian.co.uk/ On the images to the right, when you mouseover the image, text slides down. Any name would be useful to assist my Googling, or any plugin links much appreicated. Thanks
[jQuery] I need some hints
Hi all! I'm developing an php and jQuery based grid (something like this: http://www.phpgrid.com/grid/) for my Thesises and I want to coloring the table row if the mouse over the row. You know, this is the minimal visual feature what is following the users eyes... I tried with css (<tr class="css_class with :hover">) and jQuery (every tr tag has id and .addClasses and .removeClasses) but I could'nt. I'm not an css and jquery magician. :$ So, I need some hints how can I do this with jquery. Or you
[jQuery] defaultValue in form
I'm trying to convert a simple normal inline JS to jQuery and am not having any luck: <input type="text" name="q" id="q" value="Search" onfocus="if (this.value == this.defaultValue) this.value = '';" onblur="if (this.value == '') this.value=this.defaultValue;" /> I can't seem to find the right keyword for defaultValue in jQuery. my code that doesn't work: <input type="text" name="q" id="q" value="Search" /> $("#q").blur(function () { if ($(this).attr("value") == $(this).attr("defaultValue"))
[jQuery] [treeview] IE6 without reset body
I would like to use treeview separated in the navigation container 'main' without resetting Base Font Size in screen.css file to html>body { font-size: 16px; font-size: 68.75%;} body { font-size: 68.75%;} Setting main container in screen.css file directly to #main { font-family: Verdana, helvetica, arial, sans-serif; background: #fff; font-size: 68.75%; color: #333; padding: 1em; } works fine in Firefox, but in IE6 the result is an ugly little downshift of the linktext (eg.
[jQuery] $.get callback function fails - but only in IE
I have a function that uses $.get to retrieve xml and in the callback function it will update a form. The function works fine in FF3 - but not in IE7, in IE7 I can see that the $.get DO request the xml with correct parameters - but the callback function never is called. Here's my function - please help me get this right :-) function editPosting(val) { var f = new Array ("korseldato","fragtbrevdato","vognnr","chauffor","fragtbrevnr","postnr","vaegt","bemaerkninger"); var c = new Array ("indbaering","ventetid","tidslevering","genkorsel","lufthavnsgebyr","forgaevesafh","udenkvittering","forgaeves","toldoplag");
[jQuery] clueTip with liveQuery?
How do I get these two to play nice with one another? lol... I am trying to run the clueTip inside a div that is using liveQuery because it was added after the page load via AJAX, any help is appreciated! I tried a few things but I am gonna see first if they are compatible... :)
[jQuery] How to adjust the position of the of the error message in jQuery
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> </head> <body bgcolor="#ffffff" text="#993399"> <font size="-1">Hi is there any way by which we can adjust the position of the of the error message in jQuery... i.e, not after the input box , some container that I specify (through id). Thanks Amit Shrama </font> <div class="moz-signature"> <div class="Section1"> <p class="MsoNormal"><o:p> </o:p> </div> </div> </body> </html>
[jQuery] Can I use more than one JQuery code on a page at a time?
I am using the lavalamp navigation and the coda slider on the same page but only one will work at a give time... Can anyone help? Here is the header file I am using... <script type="text/javascript" src="/assets/scripts/ jquery-1.3.2.min.js"></script> <script type="text/javascript" src="/assets/scripts/ jquery.easing.min.js"></script> <script type="text/javascript" src="/assets/scripts/ jquery.lavalamp.min.js"></script> <script type="text/javascript"> $(function() { $("#a").lavaLamp({ fx: "backout",
Animation Not Working
Hi, I'm having some issues getting a background position to animate. The original position of the image is at 0px -56px, and I'm trying to animate it to come down to 0px 0px. Here is my code: $('#headmenin > a:not(a.sc_up)').bind('mouseenter', function(e){ $(this).animate({backgroundPosition: '0px 0px'}, 1500 ); }); It works, but doesn't animate. It just pops in there instantly, not even in the animation time. Every animation post i see with background-position says to put the 0px 0px
[jQuery] event problem with jquery
i have following code for jquery and html, <!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] AJAX Problem
Hey folks, I noticed that when I was using $.ajax() on a $('a').click () to pull up an external page (eg "stats.php" within the same folkder) within a div called #main_content that any link that was pulled up in that would not have the same effects as outside of it. Is there a way to pass the inheritance over to the links in the in div that is holding the new page? I appreciate any advice before hand!
[jQuery] Works in IE7 but not IE6
I have a project that is in the staging environment so unfortunately I can't link to it but jQuery works fine in IE7 but has no effect whatsoever on IE6. I don't know what sort of code I could possibly change to get it to also work in IE6. Any suggestions?
[jQuery] JCarousel Bug (hiding/showing dynamic carousel)
Hi guys I've discovered some really strange behavior with hiding/showing a dynamic jcarousel. Here's the rundown... I have a jcarousel and have it get items dynamically from a web service... Works like a charm... Then I place this jcarousel in a div and hide it on documentready. When I show the parent div I get one of two strange behaviors... Either a) only a 2 pixel slice of the first item in the carousel is rendered until I click the "next" button or b) it renders only 4 items per "page" when there
missing ; before statement
Here is my code... Yes, that is all. <script type="javascript" src="js/jquery.js"></script> <script type="text/javascript"> echo "test"; </script> It does not echo and Fire Bug gives me "missing ; before statement echo "test";\n" This is the oddest thing. Please let me know what I am doing wrong. EDIT : this is the latest version of jquery. I have used it in the past
[jQuery] SUPERFISH - Need help with Quick Start Guide
First of all I apologize if this message appears twice, I tried to post it about an hour ago and it has never appeared on the forum so I'm reposting. I followed the Superfish Quick Start Guide but am unable to get the superfish menu working. I started with a working CSS menu based on the Suckerfish approach. Downloaded superfish.CSS and superfish.js. I added the two JavaScript segments from items 2 and three of the quickstart. I don't get a working menu and I see the following in the FireFox error
[jQuery] binding event handlers to the new rows
hello, i have written two event handlers one on click of anchor tag class (edit_item), another on click of row column class(show_subitems) as mentioned below. For the first time page load, its working perfectly(i am providing event handler code inside jquery(document).ready) So event handler is getting registered perfectly for the initial page load During event handling on the row column of table class outer_tab, i will make an ajax call and receive response data as table(lets suppose this table
[jQuery] [SUPERFISH] Confused by quick start
Superfish is the solution I've been looking for but I can't get past the quick start. I created a CSS menu ala SuckerFish. I added the CSS and two JavaScript segments: <script type="text/javascript" src="superfish.js"></script> and <script type="text/javascript"> $(document).ready(function() { $('ul.sf-menu').superfish(); }); </script> The FireFox error console says: "JQuery not defined" and "$ not defined" What have I missed? The quick start page has nothing else that I can see as far as other includes
Using Back Button Breaks My layout???
Hi All, I have a weird problem with my site. The framework is mostly ADF and Java and a ton of javascript mostly jQuery and plugins... My Problem is that when a user navigates away from the Default page and then uses the back button to return parts of my layout are broken? It looks like something is adding some padding or changing the width of specific elements. Also on the broken page I have a blockUI plugin running and as soon as it is activated the layout returns to normal??? I am really stuck
add custom rules in jquery form validate plugin
How can I add a customized rules after largeThan to call another method to verify that the charge can not be larger than amount. Many thanks! $("#wu").validate({ event: "keyup", rules: { amount: { required: true, number: true, max: 5000, min: 2 }, //end of amount charge: { required: true, number: true, max: 200, //min: 1, largeThan: //how to define a statement to call the customized method }, //end of amount code: { required: true, number: true, minlength: 10 } //end of amount }, messages: { amount:
[jQuery] tabs plugin scrolls page to the tab ID
And why not? AFAIK that's normal HTML behavior. How the tabs() documentation says to set it up: <a href="#tabs-1">something</a> <- Clicking that will scroll the page to where <div id="tabs-1"></div> <- appears. And that's exactly what's happening to my tabs implementation. The tabs do what they're meant to (they change), but with the unwanted scrolling. Any ideas? No JS errors in console. Firefox and Safari.
[jQuery] Form validation plugin
I have been using the form validation plugin with jquery 1.2.6. I would like to use the new jquery version 1.3.2 but was wondering if there is a replacement validation plugin for this version or if it could be made to work. Thank you.
[jQuery] need help with jqGrid
I' m trying to use the jquery jqGrid plugin but i can't see it working with ASP code. this is the xml generated file. <rows> <page> </page> <total> </total> <records>114</records> <row id=191> <cell>191</cell> <cell>15</cell> </row> <row id=192> <cell>192</cell> <cell>15</cell> </row> <row id=193> <cell>193</cell> <cell>15</cell> </row> </rows> and this is the html: <html> <head> <title>jqGrid Demo</title> <link rel="stylesheet" type="text/css" media="screen" href="/jqgrid/ themes/basic/grid.css"
[jQuery] Using message param in $.blockUI [jquery.BlockUI.js]
Hi all, I have some problem with code: When I try code like this: $('#showDialog').click(function() { $('#question').load('wait.php?ID=1&NUMBER=1'); $.blockUI({message: $('#question'), css:{width:'275px'}}); }); I have some error in IE: Unexpected call to method or treatment to the property. How I can get content from wait.php and return it to message? Am trying this: $('#showDialog').click(function() { $.blockUI({ message: function() { $('#question').load('wait.php?ID=1&NUMBER=1'); return $('#question');
[jQuery] Vertical center img in a div trouble
Hi folks Please forgive me if this is discussed elsewhere, but I haven't found anything that helps. Also, please forgive the clumsy code - I'm just starting to really figure out how to use js and jquery properly. I plan to chain these together, but I want to get it working first! I'm trying to center an image in a div, but it's only working some of the time. My code: function swapPhotos(newImg) { if (activePhoto == 0) { activePhoto = 1; $("#photo2").html(newImg); var oV
[jQuery] unsubscribe please
<html><head><style type="text/css"><!-- DIV {margin:0px;} --></style></head><body><div style="font-family:verdana, helvetica, sans-serif;font-size:10pt"><div>I have been trying to unsubscribe but there is always a bounce-back. </div><div style="position:fixed"></div></div> <p class="MsoNormal"> <tbody><tr> <td style="padding: 0..75pt;"> <div class="MsoNormal" style="text-align: center;" align="center"><font face="Times New Roman" size="3"><span style="font-size: 12pt;"> <hr align="center" size="1"
[jQuery] Selector questions
Hi, I have a couple of questions about selectors. I have the following HTML: ===== Some <a> elements and <input> elements here. ... ... <a id="info-1-heading">Information Type 1</a> <div> <div> <input class="cat" id="first" type="checkbox"/><label for="first">First</label> </div> <div> <input class="cat" id="mid" type="checkbox"/><label for="mid">Middle</label> </div> <div> <input class="info1-cat" id="last" type="checkbox"/><label for="last">Last</label> </div> </div> ... ... More <a> elements and
JS-newbie trying to get jQuery to work
First off: I don't have any experience with JavaScript. I've been trying to follow a few tutorials on tabbed navigation, but I just can't get them to work. The last one I tried was this one: http://apricotstudios.wordpress.com/200 ... -tutorial/ I'm running it on a local wordpress installation. I've included this in the header: <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript"> $(document).ready(function(){ $('#mainBig div').hide(); // Hide all divs
[jQuery] clueTip plugin - onClose option in the API?
Hi there, I am using Karl's clueTip plugin in a table. When the user clicks a link in the table, the clueTip pops up, and the CSS of the table cell changes using the addClass method (adds a class called 'selectedCell'). This is all well and groovy, but what I want to do in addition, is that when the user closes the clueTip window, the CSS of the selected table cell reverts to its previous class. I was looking for an onClose in the clueTip API options list and could not find one. Does anyone know
This acts funny ONLY in Firefox, no Firebug warning
It all happens inside a wordpress plugin. jQuery is loaded peacefully and correctly by the blog pages; a separate script is loaded as well; a javascript function in the file is called. Everything goes smoothly in IE and GoogleChrome, the function is executed fine. In Firefox 3 (tested with NO addons) the function silently stops, without giving ANY warning in Firebug. By inserting alerts here and there in the function I figured out that it stops when jQuery is first called. My stupid workaround: to
[jQuery] [validate] form with multiple buttons and multiple submit handlers
I've a paged form with back and next buttons on each form. Each button invokes an ajaxSubmit() using submitHandler. Next button should display next form using slideUp() and slideDown(). Back button should display previous form using slideUp() and slideDown (). Here's an example of 2nd form (step) with 2 buttons (back and next). HTML [code] <form id="step2form"> <button type="submit" name="action" value="back" class="back">< Back</button> <button type="submit" name="action" value="next" class="next">Next
[jQuery] jQuery Accordion & IE8 issue
Hi all, I have the jQuery Accordion from the UI running here: http://distantelegy.net/clients/ebip It works fine in all the browsers I've tested except IE8. When I mouse over any of the moving pieces, I get an Invalid argument error. It references line 1061 in the development code, which is inside attr: function( elem, name, value ) at this line: elem[ name ] = value; I'm not sure if there's anything I can do about this. Does anyone know? Thanks, Danny
[jQuery] Internet Explorer - my jQuery is not working
anyone aware of what is the problem with my jQuery code that makes it nor run in IE? are there particular issues to be aware of? /pär
[jQuery] Setting a newly inserted option as the selected option
I'd like set a newly inserted option in a select box as the selected option. I'm trying to use jQuery to select the option using the option text, which begins with the author name as defined in the function. In the examples I've found, $("#refSelectBox option[text^=author]") would presumably select any option that begins with the literal "author", but I need it evaluated instead. Given the following ... $("#addRefForm").submit(function() { var author = $("#author").val() var
[jQuery] Newbie Question - Show/Hide on a:link
Hi guys -- very basic question here I think. I've got some documentation and a book in front of me, but I can't get this to work! I want to click the "Welcome" nav item to show the div named "welcome" on the page. If I use just the "hide" line of code, the page loads up with the DIV hidden properly. But, once I add the click/show code -- nothing happens, including the hide onLoad. Thoughts? Thanks so much! $(document).ready(function() { $("#welcome").hide(); ${"a.welcomenav").click(function()
[jQuery] Creating custom attributes in html
I was wondering what jquery developers opinion of adding custom attributes to html tags is, and what your basis is for these opinions? Why is it a good idea, or why is it a bad idea? What I mean is this: <div href="" myType="foo">content</div> where 'myType' isn't in any specifications. I've run into developers who think this is a good idea, and those who think this is a bad idea and I'd like to get a better sense of both sides of the argument. Personally, I use them all of the time. They are a great
[jQuery] Forward and back buttons for a gallery
Hello, I would greatly appreciate any help I can get. I currently have an image gallery that is navigated by clicking on numbers 1 through 'n' (n being the last photo). When you click on the number the image is loaded into a div and the clicked numbers class is changed to active. This works fine. What I am trying to do is add a forward and back option after the 1 | 2 | 3 | 4 | ... | n navigation. If you click on the '<' back link the previous image will load and it's respective link will become active.
[jQuery] CTRL+S to Insert Record PHP+JQUERY
Hi ,<div> </div><div>Can u tell me , </div><div> </div><div>i have to create any div ID ? ,</div><div> </div><div>Or simply paste this code ?</div><div> </div><div> </div><div> </div><div><br clear="all"><div> jQuery(function($)</div><div>{</div><div><span class="Apple-tab-span" style="white-space:pre"> </span>var pressed = {};</div><div><span class="Apple-tab-span" style="white-space:pre"> </span></div><div><span class="Apple-tab-span" style="white-space:pre"> </span>$(document).keydown(function(event)</div>
Matching multiple ids
Just wondered if there is a better way of the writing the below: $("#item02, #item03, #item04, #item05").hide(); In future I may have lots of divs that I need to hide on the load of the page and don't want to keep adding it to the list every time. Thanks
[jQuery] How to select sub element text on clicking the parent element.
Hi, I am newbie to the jquery. Please let me know, how i can do this. <div id="questions-page"> <div id="question"> question1 <ul> <li>answer1</li> </ul> </div> <div id="question"> question2 <ul> <li>answer2</li> </ul> </div> </div> The question is.. Onclicking "question1", I should popup "answer1". <code> <script> window.onload = function() { $("#questions-page #questions p").click(function(){ text=""; // I want here to get the value of answer. alert('answer is'+text); }); }; </script> </code>
Next Page