[jQuery] Prev and Next problem
Hello, I have a problem to make this plugin running correctly for my web site. I have been trying for 2 days now, and I'm hopeless, that's why I am looking for a kind soul here who can eventually help me! Here is a demo I made : http://matthew16.free.fr/jcarousel/jcarousel.html These are my settings : scroll: 1, auto:7, visible:7, animation: 'slow', wrap:'last' But as you can see in the demo, it is scrolling 1 picture only the first time,
[jQuery] Interacting with the MultiFile Upload Plugin
I'm working on a project where I'm using two plugins in tandem, if you will. I'm using the MultiFile plugin and the AjaxFileUpload plugin together to validate files (size, etc.) at the time they're selected. The sequence looks like this: 1. User selects a file which triggers the change event. 2. The MultiFile plugin's built-in handler does its then and then a custom handler uses the ajaxFileUpload plugin to upload the selected file for validation, etc. 3. Any errors are returned and reported. My
[jQuery] cool cycle demo and using .load("foo.html")
I have a simple product demo that uses the fabulous "cycle" plug in. http://www.whatbird.com/wwwroot/Components/Tour%20Tabbed%20Interface%20Final.html I want to move the text that appears in the box into its own HTML file that would be loaded with $('#noteframe').load("demo_text.html"); So I did this and it doesnt work right as you can see here http://www.whatbird.com/wwwroot/Components/Tour%20Tabbed%20Interface%20Final2.html As you can see it loads the entire HTML page into the noteframe
[jQuery] BlockUI fadeout
Hi All, I'm using the blockUI plugin for dialogs throughout the site, Content is loaded using $(element).load(... into a div created on on the fly. when unblocking the div with the content loaded disappears before the whole thing has faded. I would like to have this wait until the animation has completed, but can't find any information on the blockUI site about a callback on the fadeout method. Is there one? Cheers Keith -- View this message in context: http://www.nabble.com/BlockUI-fadeout-tf4414799s15494.html#a12593120
[jQuery] Strip out HTML tags
I retrieve a lot of strings from a JSON file. These strings can contain HTML tags. I would like to show the strings (for example a description of a product) but with a limit on the number of characters. So I have to count the number of characters and I would like to set a limit to 200 characters. But I want to exclude the characters of the HTML tags. The easiest method seems to me to strip HTML tags in the strings. I have searched in this forum and found some posts that deal with stripping out HTML
[jQuery] Selecting relative or absolute positioned elements
<html xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:w="urn:schemas-microsoft-com:office:word" 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 11 (filtered medium)"> <style> <!-- /* Style Definitions */ p.MsoNormal, li.MsoNormal, div.MsoNormal {margin:0in; margin-bottom:.0001pt; font-size:12.0pt; font-family:"Times New Roman";} a:link, span.MsoHyperlink {color:blue; text-decoration:underline;}
[jQuery] file selector/ directory browser
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML><HEAD> <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=utf-8"> <META content="MSHTML 6.00.6000.16525" name=GENERATOR></HEAD> <BODY> <DIV><SPAN class=281003216-14092007><FONT face=Arial size=2>hi all,</FONT></SPAN></DIV> <DIV><SPAN class=281003216-14092007><FONT face=Arial size=2></FONT></SPAN> </DIV> <DIV><SPAN class=281003216-14092007><FONT face=Arial size=2>i'm in desperate need of a folder browser/ file selection widget.
[jQuery] stop animation
<div>hi friends,</div> <div> </div> <div>is there a way to stop an animation after it has started? any hack that will make this happen will be useful...</div> <div> </div> <div>thanks in advance,</div> <div>-GTG</div>
[jQuery] New book: "jQuery in Action"
<div>Just got an email annoucing the early access to the book:</div> <div> </div> <div><a style="FONT-WEIGHT: bold" href="http://rs6.net/tn.jsp?t=5x7ypecab.0.5s76qecab.gimslwbab.54091&ts=S0275&p=http%3A%2F%2Fwww.manning.com%2Fbibeault" target="_blank" rel="nofollow"><span id="lw_1189728157_8" style="BACKGROUND: #dceeff"> <font color="#003399" size="4">jQuery in Action</font></span></a> <span style="COLOR: rgb(153,0,0)"><span style="FONT-WEIGHT: bold">EARLY ACCESS </span></span><i> </i>Bear Bibeault
[jQuery] Thumbnail Gallery
Pardon for the beginner's question, Has anyone seen jquery used to provide a thumbnail gallery? I want to create a series of thumbnail images that (on hover) will load a larger image into a stage beside them. I wanted to use jquery to get the fade effects on the hover, but haven''t seen something like this out there, Thanks for the help, patrick
[jQuery] "No such interface supported" error in Internet Explorer
Hi, I have a CheckUsername function where using Ajax and jQuery, I check if the supplied username is already in use in the database. It works fine with Firefox, but with IE, I always get this JavaScript error : "No such interface supported" And it always falls in the error: part of the code. function checkUsername() { // Removed Ajax result $("#username_status").html(""); // If there is already a validation error, don't bother with username verification if( $("#txtUserName").parent(".error").length
[jQuery] Workin Internet Explorer Example
Hi, I am looking for a working example of jQuery using Ajax. I have done some work that is fully working in Firefox and Safari, but I always get the error "System error: -1072896658." in IE7. I am sure I'm doing a little mistake but I can't seem to find it... :( Thanks!
[jQuery] problem with spaces between html elements in ie
hi, i'm trying to load tags into a tagcloud dynamically doing something like: ... <div id="tagcloud"></div> .... tags= ["first", "second", "third"]; $.each (tags, function (i, textval) { var newTag= $("<a href='#'></a>").text(textval).attr ("tagId", i); newTag.addClass ("tag"); $("#tagcloud").append(newTag).append(" "); }); and that works fine in ff and opera but in ie (6-7) the tags appear without spaces in between ('firstsecondthird'). any suggestion?
[jQuery] How to turn keywords into links?
Hi there, I'm a relative jQuery newcomer, and I've googled high and low but can't seem to find an answer to my problem. I've got a page of concerts for this conductor I'm working on, it generates the page contents from a mysql database. There are certain composers which are particularly important and have their own dedicated pages elsewhere on the site. What I would like to do is scan through the page for mentions of each composer and then turn these instances into links to each composer's page.
[jQuery] fouc, with no css involved
I have some nested ULs where I slideToggle them by clicking on an img in the parent LI. Clicking at any particular level will briefly (split-second) reveal the entire child UL, then it will disappear, then slide open as expected. Clicking to slideToggle the child UL back (so that it is hidden) performs as expected until it finally disappears - then there is another split-second reveal of the whole child UL before it is finally hidden. This happens in IE6, but not in FF2 (no "fouc" in FF2). The HTML:
[jQuery] jEditable - Name of class
I want to catch the name of the classroom that is being edited at the moment , So that my script php knows of which div is come the information. If div link 1 or div link 2 or div link3 that it was edited, I try with the code, $('div').attr('class'), but he did not function $(".link1, .link2, .link3, .link4").editable("http://localhost/somzoom/ index.php/admin/atualizaVideos/1/", { id : 'elementid', name : $('div').attr('class'), submit : 'Modificar', indicator
[jQuery] Code Review: Table filtering...
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML><HEAD> <META http-equiv=Content-Type content="text/html; charset=us-ascii"> <META content="MSHTML 6.00.6000.16525" name=GENERATOR></HEAD> <BODY> <DIV><SPAN class=512120913-14092007><FONT face=Arial size=2>Yesterday I asked on the list for suggestions on how to filter the contents of a table using an autocomplete type interface. Didn't get any answers so last night I wrote it myself.</FONT></SPAN></DIV> <DIV><SPAN class=512120913-14092007><FONT
[jQuery] Firefox not working with css child selectors (?!?)
Is there an issue with FF understanding css child selectors? I wouldn't think so, but I'm having an issue. I'm trying to hide/reveal nested ULs based on which LI's child img is clicked. This code works in IE6, but not FF2. In FF: I've determined that the hide() is working, the alert() is working, and the img.src replacement is working - but the slideToggle on the nested UL is not. $(document).ready(function() { $("#div1").find("ul:gt(0)").hide().end().find("ul:first > li > img").click(function()
[jQuery] Selector scape
Hi guys! I have a input that the name is like "listaFuncaoatividade[1].atividade" but when i use the jquery's selector $("input[@name=listaFuncaoatividade[".indexNumber."].atividade]") makes conflict with selector's clasp. how can i do do make a scape of my input name? thanks!<br clear="all"> -- Pedro Gonçalves 031-8415 5423 <a href="mailto:pedro@izap.com.br">pedro@izap.com.br</a> <a href="http://www.izap.com.br"> www.izap.com.br</a>
[jQuery] [OT] FCKeditor replacement which works in Safari
Hi all, Thought there'd be some people here who have experience with this sort of thing so please forgive the off-topic post. We're using FCKeditor (not sure which version) but one of our clients will be using their admin on a Mac - running Safari 2. FCK doesn't currently work in Safari 2 and it's support for Safari 3 is only in nightlies, as I understand it. So we need to replace FCK with something else. Has anyone here used an editor as good as FCK which also works in Safari? Recommendations would
[jQuery] Unselect text
I have the following script to auto select the text in a input field on focus. $("input[@type='text']").focus(function(){ if($(this).val().length > 0){ this.select(); } }); On blur is there a way in can unselect the selected text?
[jQuery] i6 performance
Hi everybody. Tryng to hide or show a div containing 1000 or plus div inside I noticed different performance in different browsers. In short : ie6 very very slow ie7 and ff ok. Any trick to speedup in ie6? thank you.
[jQuery] [NEWS] Firebug 1.1 Beta Released
Yesterday, a new version of FireBug was released, brining Firebug up to 1.1 Beta. This version is based on Firebug 1.05 by Joe Hewitt with enhancements and bug fixes by John J. Barton and Max Stepanov. The new version brings the following improvments: * eval() debugging, * external editor interface, * browser-generated event handler debugging, * executable lines marked with green line numbers, * user-controlled naming of eval() buffers, * Stack side panel on "Script" panel for callstack, * Script->Break
[jQuery] Auto populate form elements using jquery, ajax, and mySQL?
Any way to autopopulate form elements using jquery and its ajax function from a MySQL database? Individually, I have gotten the form element to populate another element with a submit button using the JQuery Form Plugin. Also, I have gotten a form element to auto submit when a select option is selected and open a new page with the populated child element. However, I am not able to autosubmit an element and populate a second element from a mySQL database with jQuery and Ajax (no reload). Any suggestions
[jQuery] Text manipulation on a menu
I'm using a vertical menu and trying to add a text arrow ">" to the menu item if it's on level 1 or 2, but not level 3. The following code works, but it just keeps appending after each hover event. What's the best way to do this kind of manipulation? Thanks. jQuery ------------------- $("ul.nav li a").hover(function() { $(this).append(" 〉"); }); HTML -------------------- <ul class="nav"> <li><a href="#">Level 1</a> <ul> <li> <a href="#">Level 2</a> <ul> <li><a href="#">Level 3</a></li>
[jQuery] strange error when hiding / showing table rows
when the page below loads, everything is fine. when you then click on one of the spans at the top (show X stats), jquery code hides and shows the appropriate rows. but all columns seem to appear under the first header, instead of under their respective ones. Yet in IE 7 and 6 its all good. afaik xhtml is valid ... all code is in source any idea what causes this? http://seoadvanced.com/test.php
[jQuery] jqmodal and livequery
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML><HEAD> <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=utf-8"> <META content="MSHTML 6.00.6000.16525" name=GENERATOR></HEAD> <BODY> <DIV><SPAN class=000241312-14092007><FONT face=Arial size=2>hi!</FONT></SPAN></DIV> <DIV><SPAN class=000241312-14092007><FONT face=Arial size=2></FONT></SPAN> </DIV> <DIV><SPAN class=000241312-14092007><FONT face=Arial size=2>i have a node that at some point gets feed via ajax with an image
[jQuery] Invalid Argument in IE 7.0
Hello, I'm using the latest version of Jquery (1.2) and I need to use the "attr()" function. Unfortunately it doesn't work correctly with IE 7. I recieve a Javascript Error : "Invalid Argument, Line 883". Does anyone know how I can fix it ? Regards, Nico.
[jQuery] Autocomplete on the contents of a table: how to?
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML><HEAD> <META http-equiv=Content-Type content="text/html; charset=us-ascii"> <META content="MSHTML 6.00.6000.16525" name=GENERATOR></HEAD> <BODY> <DIV><FONT face=Arial size=2><SPAN class=000185318-13092007>I'm loading a table into a div which has an overflow of hidden. I'm wondering what the first steps would be to use a text input field as an autocomplete to filter down the table. We'll say the table has 100 rows, but there are
[jQuery] BUG ? cannot detect the id with ":"
Hi :) I am glad you are reache version 1.2 :) that's awesome .. but I would like to report the bug, it seems the jquery 1.2 (and before) still couldnt detect the id with ":" for example <div id="this:is:only:example"> aaaa </div> this code usually generated by those who using netbeans + visual webpack. they generated silly id like that .. but it works very well using prototype :) adwin
[jQuery] Selecting elements using '/'
Hi there, I have just started using JQuery. I am wondering what the difference between the two following select statements within the find function: $('form.formclass').find('li/label').each(.... and $('form.formclass').find('li label').each(.... when i use the '/' (as was recommended by the author of this particular script i'm adapting), the label elements are not being found. but when i replace this with a <space>, the labels are found. Any insight into this would be most appreciated! Thanks, Jay.
[jQuery] Problem trying to select a ul with only one li in JQuery
Given a ul hierarchy as below, I'm struggling to write a JQuery selector that will give me a ul that contains only one li element, that I can then add a class to, in this example the ul is the one that contains the li "Only Child". <ul> <li><div><a href="#">First</a></div> <ul> <li><div><a href="#">Only Child</a></div></li> </ul> </li> <li><div><a href="#">Second</a></div></li> </ul> So far I've tried permuations on a theme of: $("ul:has(li:only-child)").addClass("solo"); and $("ul li:only-child").addClass("solo");
[jQuery] Accordion Plugin - horizontal
Does anybody can help me to make accordion working in horizontal way? http://bassistance.de/jquery-plugins/jquery-plugin-accordion/ I really need this, thanks!
[jQuery] div show hide images
hi all, i am using the following code in a php script to show/hide multiple divs. <a href="#" class="showhide<?php echo $property_id; ?>">(x)</a> <script type="text/javascript"> $(document).ready(function(){ $('a.showhide<?php echo $property_id; ?>').click(function() { $('#cat_<?php echo $property_id; ?>').toggle('slow'); }); }); </script> what i'd like to do is change the (x) link to an image which changes when that div is hidden. you can see it in action here: http://propertyireland.net any
[jQuery] Vibrator Plugin
<span style="font-family: trebuchet ms;">Ben Nadel and I were playing with his latest experiment. Results: A fun plugin, with very few real world use cases.</span><br style="font-family: trebuchet ms;"><span style="font-family: trebuchet ms;"> <a href="http://www.commadot.com/jquery/vibrateCompare.php">http://www.commadot.com/jquery/vibrateCompare.php</a></span><br style="font-family: trebuchet ms;"><br style="font-family: trebuchet ms;"><span style="font-family: trebuchet ms;"> Enjoy! Thanks
[jQuery] is working with position:absolute a possible issue?
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML><HEAD> <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=utf-8"> <META content="MSHTML 6.00.6000.16525" name=GENERATOR></HEAD> <BODY> <DIV><SPAN class=046464217-13092007><FONT face=Arial size=2>hello friends,</FONT></SPAN></DIV> <DIV><SPAN class=046464217-13092007><FONT face=Arial size=2></FONT></SPAN> </DIV> <DIV><SPAN class=046464217-13092007><FONT face=Arial size=2>quesiton: i'm working on a very designed website where
[jQuery] problem with selectors and ajax content
Hi, I have an HTML document, that I write into a div element. this works fine, yet when I try to access the the inserted elements via jQuery selectors I cant. here the main html document, the div where I input the html document via jquery respectively <div id='thesView'>empty</div> here the html (database.html) document I insert: <div class='left'>eins</div> <div class='left'>zwei</div> <div class='left'>drei</div> and here my javascript, the part that is commented out does work.. I can add events
[jQuery] timed events
All, I am trying to get my head around something I haven't had to try and do before. Scenario: I have a list of 'traffic lights' on a page, each relating to a record with unique id in a table. I want these lights to update every 30 seconds or so, and they will change colour according to the result. This update will fire an ajax request - I can do this bit - however, how should I structure the jquery calls? Should I a) give them all a class name and loop over everything with that class, fetching the
[jQuery] [ANNOUCEMENT] jqAlbumParser plugin to parse out Picasa and/or Flickr
Hey guys and gals, Wanted to announce my newest plugin called jqAlbumParser. In short, what it does is takes a link that you have on your site that is linking to a Picasa and/or Flickr photo album, pulls in the their respective JSON formats and parses it to something useful and then creates the appropriate DOM elements. The plugin also takes in a pluginExec param that will allow you to run another plugin against the return DOM. Writing the post has got me all talked out, have a look at the link
[jQuery] Does .ready() waits for .getScript() ?
Hey "jquerians", I'm trying to load 2 external .js with .getScript() before the .ready() function, I read in the 1.2 roadmap this could be done, but I can't make it work. Am I missing something? <a href="http://docs.jquery.com/JQuery_1.2_Roadmap#.ready.28.29_waits_for_.getScript.28.29">http://docs.jquery.com/JQuery_1.2_Roadmap#.ready.28.29_waits_for_.getScript.28.29</a> $.getScript('/inc/jquery/jquery.media.js'); $.getScript('/inc/swfobject.js'); $(document).ready(function(){ console.log(typeof
Next Page