[jQuery] jQuery Forum
<div dir="ltr">Will there ever be an official jQuery forum? Mailing lists are kinda annoying and unorganized compared to forums.<br clear="all"> -- Regards, Andrew Horsman <a href="http://theroboticsuniverse.com">http://theroboticsuniverse.com</a> </div>
[jQuery] Unwantet content in htlm when using jQuery in mobile browser
Hi, I'm using jquery for generating web pages, but in mobile browser(in E70 phone) following content appears in the resulting html at least when using calendar component or when using load(url) function to embed content into page from jsp page: function(m, all, tag){return tag.match(/^(abbr|br|col|img|input|link| meta|param|hr|area)$/i)? m : all+">";} How can I get rid of these nuisance blocks? Thanks in advance!
[jQuery] doc website down again
so frustrating. I will pay the money necessary to move it to a reliable host. $100 a year?
[jQuery] enable/disable to text inputs with checkbox
<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:m="http://schemas.microsoft.com/office/2004/12/omml" xmlns="http://www.w3.org/TR/REC-html40"> <head> <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=us-ascii"> <meta name=Generator content="Microsoft Word 12 (filtered medium)"> <style> <!-- /* Font Definitions */ @font-face {font-family:"Cambria Math"; panose-1:2 4 5 3 5 4 6 3 2 4;} @font-face
[jQuery] Question about the new jQuery website
Hello all, About the new jQuery website, you noticed that it has 3 blue links: - Lightweight Footprint - CSS3 Compliant - Cross-browser When you hover, it displays a box that stays above the link. I was looking into the code when I found this: //cta tooltips if($.browser.msie){ $('div.jq-checkpointSubhead').hide(); $('#jq-intro li').hover( function(){$(this).find('div.jq-checkpointSubhead').fadeIn(500);}, function(){$(this).find('div.jq-checkpointSubhead').fadeOut(500);} );
[jQuery] Cloning a table row.
Hello I am new to jquery I have a problem with cloning a table row. It gets messed up if the method is called more than once. The information is added several times in a row. The html-code is merely used as markup, template information in this case. all content is added through jquery and it's been a delight developing with it up until this point! However, I cant seem to get past this issue that I'm having. If you could just glance at the code for a second or two, do you see any weirdness? [code]
[jQuery] Cloning a table row.
Cloning a table row. Hello I am new to jquery I have a problem with cloning a table row. It gets messed up if the method is called more than once. The information is added several times in a row. The html-code is merely used as markup, template information in this case. all content is added through jquery and it's been a delight developing with it up until this point! However, I cant seem to get past this issue that I'm having. If you could just glance at the code for a second or two, do you see
[jQuery] Having trouble with date picker in AJAX div
I created a page with a functional jQuery date picker, works exactly as intended. Even changed that page over to a PHP page, with echo's, and it still works perfectly. Problem is, when I call that PHP page from a Javascript AJAX script, even though everything displays properly, the date picker ceases to function. There is no visible difference in the source code of the page between the PHP version and the HTML AJAX version. I posted my code below, any thoughts? --------------------------------------------------------------------------------------
[jQuery] Start page load with collapsed DIV
Hi, Is it possible to have a div collapsed at/before page load so I can neatly unfold it on page load? Currently before my form's submit, I slideToggle the result container, add some "loading" text to it, slideToggle it again and submit the form. All smooth and quick. Now when the page comes back it would be neat if I could start with the same situation as before the submit so the animation seems complete. Any suggestions?
[jQuery] Access Ajax content with jquery DOM
Hi, Is there any way to access the DOM of ajax result ???... Like ... I want to access $("#mydiv2").html() ..... where mydiv2 is in html file which is loaded using ajax... (my ajax result is html). I have one more question is it possible to put below code in my ajax file (which I am going to load using ajax). <script language="javascript" type="text/javascript"> $(document).ready(function(){ // my code here // --------- }); </script> Thanks in Advance.....
[jQuery] focus() in IE?
Hi, Today I noticed the focus() doesn't work in IE. Can anybody confirm this or (even better) know how to fix it? Boris
[jQuery] Hovers that appear from top
Hi all, I am looking for similar widget that I sow in ExtJS library. For example here: http://www.extjs.com/deploy/dev/examples/message-box/msg-box.html first click: "Show" button, and than confirm the box. After that on the top of the page animated hover will appear with the text: "Button Click You clicked the yes button" I am looking for the widget that is able to do this top-hover. Do you know any solution ? Best regards, Marcin
[jQuery] Best practices - js includes, plugins, greasemonkey
Can the jquery powerusers shed some light on best practices for using multiple plugins and or any external js libraries. What do you do when you use jquery and lets say 10 to 15 plugins. Do you src them all in the head of your document or is there a better way to include them. Does anyone use greasemonkey with more than the jquery library. How do you include other libraries in addition to jquery into your script. I know this is more of a greasemonkey question but I thought there may be a few jquery/greasemonkey
[jQuery] XML manipulation
Dear all, is that possible to get a nodevalue including full tags , not merely text.. eg, I have the following xml data, ----------------------------------------------------- <catalog> <cd> <title> empire burlesque </title> <artist> bob dylan </artist> <country> usa </country> <company> columbia </company> <year> 1985 </year> </cd> </catalog> ----------------------------------------------------- and if there any way by jQuery, once I input $ (myXML).find("cd").toString(), it returns -----------------------------------------------------
Jquery introduction
A good lecture on Jquery http://saqibshehzad.blogspot.com/2008/09/jquery.html
[jQuery] jCarousel
Hello! I have a problem and i need very very quick a little help. I use Carousel with autoscrolling and i want my images to autoscroll in random mode. An example: Now And what i need is 1.jpg 2.jpg 2.jpg 4.jpg 3.jpg 1.jpg 4.jpg 3.jpg I want people to see all the images in random mode not 1,2,3,4,5,6 etc. because i have lot images and if someone send me an image to put on my website and i have already (10 images like 1,2,3,4,5,6,7,8,9,10) and a person stay on my website like 2 minutes the image of
Content Box Expand\Contract Script
Hi, I got a script for my content boxes that allows them to expand\contract via an onclick function. The content boxes use the same CSS class for the body of the box which is removed onlick. However when I click the anchor to toggle the content box it toggles all of them and not just the one I've clicked on. I just need to be able to adapt my script to target the one I'm clicking on. I've tried different variations on using 'this', but can't get it to work. Can anyone help? Please see the code below.
[jQuery] [autocomplete] Repeated AJAX search when selecting a returned value
Hi, I am using the bassistance.de jQuery Autocomplete 1.0.2 plugin with a simple server data provider and the following snippet of code: $('input.autocompletable').autocomplete('/my_data_source', { matchContains: true, mustMatch: true, minChars: 2, cacheLength: 1, extraParams: { kind: 'Address' } }).result(function(event, data, formatted) { $(this).next().val(data[1]); }); It all works fine but upon selecting a value (either using the mouse or hitting the RETURN key) the INPUT is populated with the
[jQuery] Cycle plugin: more then elements in slideExpr:
Hi, I know it is possible to use 'img' as slideExpr to show images in e.g. a div <div> <img .......> <img........> <div> or 'tr' to show rows in a table <table> <tr .......> <tr........> <table> etc. You choose a HTML Element in slideExpr Is it also possible to use the CSS selectors to select images in a certain class or ID? <div class="cycle-images"> <img class='cycle' .......> <img class='nocycle'........> <div> and use 'img .cycle' as slideExpr to show only the images with class 'cycle' or use
[jQuery] UI Tabs not working in IE
I am using UI Tabs in the portfolio section of my site to display the different categories of my work ( http://www.adamditota.com/portfolio www.adamditota.com/portfolio ). It seems to work fine in Firefox but not at all in IE7. I guess to kill two birds with one stone, I am also using the jQuery plugin LavaLamp for my navigation which once again works in Firefox but not IE7. Anyone have any ideas? -- View this message in context: http://www.nabble.com/UI-Tabs-not-working-in-IE-tp19200672s27240p19200672.html
[jQuery] Mouseover /Mouseout div issue
Hi All, I'm working on something similar in functionality to the lexus website. I've got a nav element that shows a large div on mouseover and hides it on mouseout. This div can hold other elements like thumbnails and form fields. When I move the mouse into the div all is well until I move over any other element in the div and then the div hides. How can I keep the div showing no matter where I move the mouse inside of it? Thx, Mike
[jQuery] jquery - adding flexibility to a function
<script src="jquery-latest.js" type="text/javascript"></script> <script type="text/javascript"> function loadContent(id) { $("#contentArea").load("rpc.php?o="+id+""); } </script> Works well, but I'd like the function to work for an area with a variable div. So if the function is called with an id of 6, it loads the content to "#contentArea6". Any ideas on how to achieve it? TIA.
[jQuery] IE Problem with jquery in dynamically loaded iframe.
This is a simplified example of an app that I'm working on. Can anyone figure out why this isn't working in IE6? I don't know if the iframe isn't loading the jquery.js file or if it's something deeper. Either way it isn't doing what it's supposed to do. When you click the button it should load new content into iframe and use jquery to show an alert on document.ready. <!DOCTYPE HTML PUBLIC '-//W3C//DTD HTML 4.01 Transitional//EN' 'http:// www.w3.org/TR/html4/loose.dtd'> <html > <head > <script src='http://www.sjmarshall.com/include/scripts/jquery/
.html() not writing out what I'm passing it!
I'm trying to write out the following: $(this).parents('body').html('<div class="selectbox"><p>test</p></div>'); instead I'm getting: <body><div class="selectbox"></div><p></p>test</body> (notice that it's not keeping the correct nesting of elements) This is happening in Firefox/Safari. I had this working just a few days ago, went back to have a look at the page and noticed it was broken. I'm not sure what I changed. The page validates to HTML 4.01 Strict and does not get any JavaScript errors in
[jQuery] Using each() to check for content
I have a listing of links that are titles for items in my database. Each item might have a description in the database as well, so I was wanting to print the description, then replace it with a * if there is any text for the description. The descriptions contain HTML such as links, so inserting this into my anchor tag makes it invalid HTML, which I understand. But I remove it from the DOM and replace it with a *. Strange thing is, it does not seem like it is getting removed correctly and replaced.
[jQuery] simple fade in/out
anyone have a script or tutorial that just targets a .class so on :hover it fades in a background color than fades out a background color on roll out. thanks :)
[jQuery] [validate] rules question
I am missing where the documentation specifies what kind of rules can be used. I have found: required: true minlength: 2 but what ifr I need to filter a social security number and want to require that it have numbers or letters in specific places? Example: 999-99-9999 -or- phone number: 999-999-9999 What options can I use for rules?
[jQuery] More detail needed on web forms - design pattern
I have been working in this for a while. When I build a web form there is typically numerous times when you ask a question like: Have you had any speeding tickets in the last three years? Yes No If yes, please give the details here. This kind of question pattern (ask a question, if answer is yes then ask for details) usually occurs many times on the typical web form. I want to hide the detail question unless the first question is answered "yes". Easy with jQuery. I have two questions: One...When
[jQuery] Detect Media Done Playing
Is there any way to detect that a media (OBJECT or EMBED) is done playing? The specific action that I want to take is to go to another page; however, it would be ideal if I could take other different actions as well. I have seen an example of using a PARAM "flashvars" to to set a var named "endurl". First or all, I have not gotten that to work. Second, that would only work for Flash content. I really need some way to know when a media element is done playing, whatever type it might be. The OBJECT
[jQuery] Trying Media Plugin -- Problem With IE
I am getting started with the Media Plugin. I am testing with a flash movie. It seems to be working fine in Firefox. In IE however, it does not play and instead shows a broken link. Here's the generated source: <OBJECT codeBase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/ swflash.cab#version=7" type="application/x-oleobject" height="400" width="400" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"> <PARAM value="/Content/Media/test.swf" name="src" /> <PARAM
[jQuery] Select menu dead in Safari
I'm working on an application and I've found that a select menu within it doesn't pop up when you click on it in Safari. I've checked that the page is valid XHTML 1.0. I'm looking at this in Safari 3.1.2. I made sure there are no events bound to the select menu. Does anyone have any suggestions of things that could cause this? Thanks, Ethan
[jQuery] [autocomplete] append results to an input field
Hi, Please can anyone suggest why the code is populating the wrong input fields. View page at: http://www.batemans-auctions.co.uk/new_site/absentee_form.php Type '10' (or another number) into the first (top-left) input box under the 'Lot No' title. Then tab, should populate the 'Description' box (#descno1) but it's populating the three fields below!! Can't figure this out, Thanks in advance. Matt Code: $(document).ready(function(){ $("#lotno1").autocomplete("../js/autocomplete.php", { matchContains:
[jQuery] fadeIn/fadeOut problems
I'm creating a drop-down menu with jQuery. I made a basic version which sets a sub-menu to display:block on mouseover and display:none on mouseout. But when I change it to use fadeIn and fadeOut, things go awry. On the first mouseover the menu fades in and out twice. When moving off the menu, it fades in and out repeatedly about 5 times! This happens in Firefox, Opera and IE7. In IE6 the menu appears (no fade effect) but does not disappear at all. Here is the code: JQUERY: $(document).ready( function()
[jQuery] using jquery hover and fade in fade out.....
HI I am using jquery to use the hover event and the fadeIn fadeOut effects. the problem I get is that I want to use this on a image this image is the users image and I want to fade in a menu to edit the image or other settings ect the problem I face is that I want to use a if statement. The reason is because I want to check if the users mouse if off the user image and is not on the menu then the menu would fade out. Right now I can only have the user image when mouse is over it... it would fade in
[jQuery] Ajax load to revealed content area.
I have the following code which nicely displays a list for me: $(document).ready(function() { $('dl> dd').hide(); //$('dl.menuleft> dd:gt(0)').hide(); use this if you want the first one to stay opened $('dl> dt').click(function() { if($(this).find("a").attr("href")){}else{ var $nextDT = $(this).next(); var $visibleSiblings = $nextDT.siblings('dd:visible'); if ($visibleSiblings.length) { $visibleSiblings.slideUp('normal', function() { $nextDT.slideToggle('normal'); }); } else { $nextDT.slideToggle('normal');
[jQuery] ajax?
what i'm trying to do is have a login form on my site, it looks like this right now... Email:<br /> <input type="text" id="login_email" /><br /> Password:<br /> <input type="password" id="login_password" /><br /> <input type="submit" class="submit" value="Login" id="login_submit" /> then when you click submit it uses ajax to load the login page that checks if you entered the right email and password. if you didn't, it would show the login form again. but if you try to login again, nothing happens.
Should be an easy one
I'm very new to jQuery, new to developing actually, I'm a designer heading down that road, and jQuery seems to be the best place to start. I'm using jQuery to swap content on a page via the addClass and removeClass technique. Everything seems to work fine when I test locally but I just need to fill in some gaps. Here is a stripped down version of the jQuery: $(document).ready(function() { $('.mbbA').click(function() { $('#mainBoxA').removeClass('hide'); $('#mainBoxB').addClass('hide'); }); $('.mbbB').click(function()
[jQuery] Properties escaped when sending JSON to PHP?
Hi there, I've just spent an hour trying to figure out why my JSON didn't work on my server. It works now, but I'm a bit confused about the solution - maybe you guys have som input: My Object: var example = { id: 1, title: "JSON Möchtegern" } I use the json2.js from www.json.org: json = JSON.stringify(example); This produces a seemingly correct "JSON-string": {"id":"1", "title":"JSON Möchtegern"} I then send my data with $.ajax, using Type: Post. Firebug tells me the string still looks like the one
Click <tr> to check a checkbox
I'd like to be able to click anywhere on the table row and have the checkbox be 'checked'. I'm a complete beginner at jQuery. This is actually the reason why I'm starting to learn it! The HTML: <table> <tr> <td><input type="checkbox" /></td> <td>Name</td> <td>Email</td> </tr> </table> The jQuery: $("input:checkbox").click(function(){ if($(this).attr('checked') == 'checked'){ $(this).parents("tr").addClass('ready'); } else{
fadeIn/fadeOut fires repeatedly
Demo at: http://www.100pcmusic.com/files/menutest/ I'm creating a drop-down menu with jQuery. I made a basic version which sets a sub-menu to display:block on mouseover and display:none on mouseout. But when I change it to use fadeIn and fadeOut, things go awry. On the first mouseover the menu fades in and out twice. When moving off the menu, it fades in and out repeatedly about 5 times! This happens in Firefox, Opera and IE7. In IE6 the menu appears (no fade effect) but does not disappear at all.
Next Page