Limit charachters (200) and add a toggler
Hi, I'm looking to limit normal text (under div or p tags) to 200 chars and add a toggler (click to read more...) for the remaining text. Is it possible? I would appreciate any help. Many Thanks.
[jQuery] Compressed script performance
Do packed scripts have any performance issues over scripts that have simply been minified?
[jQuery] validation plugin
I have a form with X elements that are required and i am using the validation 1.2 plugin. Now I also have another element that is only required if one of 4 checkbox boxes is checked. I can't seem to fine if the validation plug will allow me to validation certain elements of certain conditions of other elements in the same form, is it possible? -- View this message in context: http://www.nabble.com/validation-plugin-tp15704970s27240p15704970.html Sent from the jQuery General Discussion mailing list
[jQuery] using jqDnR to hide/show elements within a resizeable div
Hi I am trying to get the jqDnR plugin to help with a design problem I'm facing. I have a resizeable div with 8 input boxes arranged vertically in it. On page load I hide 7 of the boxes (display:none) so the div only appears around the 1st box. Then when I use the resize button by dragging it down I would like to display the hidden elements one by one as they are revealed or hide them as the div is resized smaller as well. I am a demo waiting in the wings but am having difficulty with FTPing to 2
[jQuery] [tooltip] Tooltip markup
Jorn, As ever - fantastic plugins. The <h3> markup inside tooltip was being overridden my own style sheets, and causing a some rather bizarre padding and positioning issues, so I edited the markup to be tag-agnostic: helper.parent = $('<div id="' + settings.id + '"><div class="tooltip- title"></div><div class="tooltip-body"></div><div class="tooltip- url"></div></div>') I think tooltip making semantics decisions for me ain't so good! Seems to me that the structure / markup of tooltip would be a good
jQuery problam (with CI)
hi, i am using Codeigniter in this thing. i have articles' list that i echo in one page. after the list i have a block and inside the block i want to load each article with jQuery so i have this JS script: $(document).ready(function() { $("#msg_list a[@class='msg']").click(function(){ $.post("<?=site_url_rel("profile/pm/6")?>", {msg_list: $(this).html()}, function(xml) { $("#the_msg").html( $("test", xml).text()
[jQuery] Remove event from object
Sorry for my bad english, I have code: $(this).dblclick( function() { $(this).html('<input type="text" value="'+$(this).html()+'"/
[jQuery] superfish CSS question
Hi, Im trying to implement css only superfish and use the plugin for UI improvements. Currently It works on all browser that superfish supports, all but one, IE6 (suprise!) here is a screencast on how it works taking firefox as an example http://screencast.com/t/QQ8X9cNIge I use blueprint css framework im not sure if there is conflict or not but only IE where it doesnt work, it even works in IE7. this is my generated HTML source: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http:// www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
[jQuery] Superfish - Multiple menu overlap?
I'm sure this is an easy problem to solve, and I'm missing the answer somewhere. If I have more than one Superfish menu, but they're all visually part of the same menu system, can I configure it so that opening an item on Menu A closes any open items on Menu B, and vice-versa? So that there are never two open menu items at the same time, to give the illusion that there's actually only -one- menu system? Jairus
[jQuery] Interface IE Problem + Question
I think this maybe some sort of bug: Using IE with the interface demo (http://interface.eyecon.ro/demos/ sort.html) If you move all elements from a column to another one (making it empty) then you can't put elements back on that column. It works fine on Firefox On the other hand, does someone know how can I save the toggle status of the elements? Is there some sort of sort.serialize function alike that will give me this info? Thanks a lot! and sorry my english, please let me know if you need a better
Creating unique click events with a loop
I am working on an AJAX calendar program, and I would like to be able to apply click events to divs within the different days of the calendar with a loop. Here is a very simple version of the type of code I am trying to write: $(document).ready(function(){ for( x=1; x <= 5; x++ ) { $('#d' + x).click( function(){ alert(x); }); } }); Now, in this example if I have a bunch of divs all named #d1, #d2, #d3, etc what I would like this code to do is to apply a click
[jQuery] jscrollpane styling issue
Hi Friends! please surf to: http://m2.lab-au.com/projects/pixflow2/texts/abstract/ in the big red square, click on "f555" link inside the text. It opens up a small red area, with the loaded text. Now look at the scrollbar (triggered by the jscrollpane plugin) and the bottom arrow: it misses a few pixels so you don't see it entirely. I've tried everything i could think of, but i can't fix this. Anyone has any idea? I can't believe i've spend half a day on this bottom arrow, your help would be super
[jQuery] Curved corners plus drop shadow
Is there an all-in-one solution for handling curved corners and drop shadows? I'd prefer a jQuery solution, but a non-jQuery solution is fine. I want something that's fast. No waiting around for a second before the effects happen. A solution that includes a bitmap or two is fine. I want something solid. I've tried a couple things that were flaky. What do people use in real-world high-traffic sites?
[jQuery] Instructions starting before previous can end??
I have 5 instructions in 5 different lines, inside of a for statement: for(var i = 0; i < this.subTabArr.length ; i++){ $.get("subtab.html #subDiv", function(html){ $("#left").append(html); }); /** PROBLEM CODE START**/ $("#subDiv").css({top: lastTop}); $("#subDiv").attr("id", "" + this.subTabArr[i].attName); $("#subImg").attr("id", "img" + this.subTabArr[i].attName); $("#subText").text("" + this.subTabArr[i].name);
[jQuery] resolve my conflict
hi guys, always got a great response here, so before i turn to the lightbox community i'm posting here in the hope of an answer :) got a site up i've been working on for a client: http://www.ldexterldesign.co.uk/lippyMagazine/latestIssue.html i have two js functions on every page (posted below). basically both of them work independently, but when i put them in the header together there are conflicts - usually whichever function comes last in the header works. help would be most impressive! lewis
[jQuery] Safari slidetoggle problem
Total rookie here. I'm trying to have a collapsable/expandable sitemap on the bottom of a site I'm working on. Here's the site it's for: http://www.believerscenter.com/beta/2007/yx.php (Click on the bottom 'site map') - you'll see it expand and contract. It's currently using mootools, but I want to switch it to jquery since I'm already using jquery in a few other parts of the site. I have it working well (the design elements aren't finished) with Firefox (for mac). However, on Safari (for mac), it
[jQuery] jquery script errors in IE6 on load.
Hi Guys ... I'm working on this site and just added some jquery to it http://wecompare.pageone.gotdns.com/ It works fine in all the other browsers but on loading in IE6 I get three errors line: 1095 char: 5 error: Object doesn't support this property or method code: 0 line: 1094 char: 5 error: Object doesn't support this property or method code: 0 line: 41 char: 18 error: 'length' is null or not an object code: 0 I know its jquery causing it, because, if I comment out <script> call that loads jquery
[jQuery] How can I Use Jquery without $(document).ready
Hello everyone, Can someone please tell me how can i use Jquery outside the function $ (document).ready(function(){ ... }); Because I have some functions that build my HTML page that wont run if i put them inside this function. thank you in advanced Rodolfo
[jQuery] .attr not working
if($('input.student_check:checked').length > 0) { $('#birth_date').removeClass('hide'); $('#birth_date').attr('disabled', ''); $('label[for=birth_date]').removeClass('hide'); } else { $('#birth_date').addClass('hide'); $('#birth_date').attr('disabled', 'disabled'); $('label[for=birth_date]').addClass('hide'); } the first .attr that removed the disabled works fine but the second one does not work, it
[jQuery] Replacing an IFrame?
A site a friend is working on uses an iframe to show data that refreshes itself periodically. I'm looking for ways to do the same thing without the iframe. The problem is that the page being loaded in the iframe's src is in another domain (also owned by the friend's company). So a standard Ajax request isn't going to work. The page being loaded will need to be parsed some so that we only get the contents of it's body tag, not the head. I don't know if jsonp is suitable for this (never used it). I'm
[jQuery] Weird Safari Issue
Ok, this is a bit of a complicated one to explain. I'm not sure if it is a jQuery issue, CSS, or a Safari bug. We created a persistent cart and a timer that next to it that counts down to 4pm to tell the user if they buy a product by then it will be shipped the next day. When there is nothing in the users shopping cart the timer displays, once you add something to your cart you can click on a little clock to open the timer or a shopping cart button to open the shopping cart. You can see this in action
[jQuery] jscrollpane issue
Hi Friends! please surf to: http://m2.lab-au.com/projects/pixflow2/texts/abstract/ in the big red square, click on "f555" link inside the text. It opens up a small red area, with the loaded text. Now look at the scrollbar (triggered by the jscrollpane plugin) and the bottom arrow: it misses a few pixels so you don't see it entirely. I've tried everything i could think of, but i can't fix this. Anyone has any idea? I can't believe i've spend half a day on this bottom arrow, your help would be super
[jQuery] jqModal and the z-index
Hi, all. jqModal is working great...except on IE7. When I bring up the modal dialog the slightly opaque layer covers even the dialog box. Following the recommendations of the demo page (http://dev.iceburg.net/jquery/jqModal/toTop.html) I call jqModal with toTop:true, like this: $('#DialogBackLayer').jqm().jqmShow({modal:true, toTop:true}); In the css, I set the z-index to 100, then 200, then 5000, then 10000....all with no results. Any ideas of what to look at next? -Andre' -- View this message in
[jQuery] [Validate] Validating not happening in IE6 & no error removal on keyup
I've got two issues. I recently had to put some form validating on pages for a client and thought they were working fine since I could see them in FF, IE7 and Safari, however upon checking in IE6 I'm seeing that nothing is being checked. I see no errors on my pages, and don't know why it would be happening. Also of note on the pages is that even in the browsers where it does work, when you submit the page and receive error messages they don't disappear when you put good data into the input fields.
[jQuery] Kudos to everyone who had anything to do with "jQuery in Action"
It's very well done. Just got my preorder from Amazon yesterday. Read some of it last night and flipped through more of it this morning. I already feel illuminated.
[jQuery] [validate] Indicators in remote fields
Hi, What's the best way to display a indicator next to the remote field we're trying to validate? Cheers, Tiago
[jQuery] [treeview] Problem with toggle events after changing tree with ajax / js dom
Hi, I am using treeview to display a tree which is modified via php through some ajax requests. eg. delete node / edit node / add nodes I have seen in the demo files that there is some js code to add tree branches. and they get automatically the on click toggle events. In my case I replace / delete some parts of the tree through ajax. But the on click events aren't working (clear because the html code and events were changed) Is there a solution to reenable the toggle events for a part of the tree
[jQuery] Java servlet and Ajax File Upload
I want to implement a file upload using a jquery form plugin. The examples i've seen show usage with PHP. Has anyone been able to do make a fileupload plugin work with a java Servlet and apache filecommons ?
[jQuery] [validate] Add new validation
hi, I need add new validation for a count that it use 2 fields (bank, count). how i can add new method for validation and pass the fields? Now i have the next validation and i want use the jquery.validate.js for validate all form. function validarCuentaInterbancariaPeru(banco,cuenta) { cuenta = trim(cuenta); banco = trim(banco); numerobanco = banco*1; banco=""+numerobanco; if(banco.length==2){ banco = "0"+banco; } if(banco.length==1){ banco = "00"+banco;
[jQuery] Problem jQuery with DWR
Hi, I'm having trouble integrating JQuery and DWR. The best solution is the jQuery.noConflict or replace? Thanks.
[jQuery] [treeview]
Hi! I've tried to make treeview plugin work with permalinks, but without luck: http://bassistance.de/jquery-plugins/jquery-plugin-treeview/ Heres an example: http://cms.segast-i.eu/ Any ideas are appreciated!
Ajax Survey
Hey Everyone - A survey has gone online looking to figure out what frameworks everyone uses, you can complete it here: http://pro20.sgizmo.com/survey.php?SURVEY=8EMX9HNEIWCHC2F1KXCL2Z6B77YEHK-34777-5596565&pswsgt=1203697098&group=ajaxian This will be used at the Ajax Experience conference this fall. --John
[jQuery] mixing form plugin with validate plugin on ajax retrieved form
Lots going on here, and the code is really close to working, but I'm not sure which direction to take. I have a form which loads via ajax. I then submit the form using the form plugin. No problems here. I've just added the validation plugin, and got it to work right away with the following code. Except that the 'validate' only works once. Clicking submit a second time will submit the form. [code] $(".add").livequery('click', function(event) { var posTop = event.pageY-130; var posLeft
[jQuery] Saving Alert or Message Box
Hello all. I'm looking for a nice alert box of sorts. I don't want the user to have to click on it. Just show a message in a window for a few seconds that says "Your data has been saved" then fade away. I'm doing an ajax post to save form data and without the user seeing the page refresh...they may not realize they've actually saved the data.... :) Anyone seen any cool plugins? Thanks, Mike
[jQuery] Fancy Zoom (Lightbox)
<span style="font-family: trebuchet ms,sans-serif;">I stumbled across this lightbox implementation and thought that the effect was really nice.</span><br style="font-family: trebuchet ms,sans-serif;"><span style="font-family: trebuchet ms,sans-serif;"><a href="http://www.cabel.name/draft1/2008/02/fancyzoom-10.html">http://www.cabel.name/draft1/2008/02/fancyzoom-10.html</a></span><br style="font-family: trebuchet ms,sans-serif;"> <br style="font-family: trebuchet ms,sans-serif;"><span style="font-family:
[jQuery] [jqmodal] target a textarea
we are trying to create a modal that contains a form with a textarea into which we want to include content from an ajax call. unfortunately, any content from the ajax call that is wrapped in HTML tags is stripped out along with the HTML tags themselves. for example hello world would not be displayed in the textarea. it seems like either jqmodal or jquery itself is preventing html to be displayed in the textarea of a form, perhaps for security reasons. here is the javascript we are using for setting
[jQuery] IE6 .load posting not working
Example: http://www.andcuriouser.com/sandbox/jquerypost/ I can't seem to get a string to post in IE6, as follows: <a onclick="$('#result').load('post.php', 'id=1&awesome=2');">Save changes</a> This behaves as expected in Firefox, but IE6 doesn't receive a post at all. "post.php" is simply: <pre><?php echo "Posted: " . implode($_POST); ?></pre> I'm using the latest Jquery library. Any thoughts?
[jQuery] Using jQuery with Other Libraries
What's the standard adopted for use jQuery.noConflict()? $J, $j, J, jq, JQuery? What? Best Regards.
[jQuery] Trying to get text content after an element but before a line break
Suppose I have the following in a document: <td class="nck"><strong>Line # </strong>64646354<br/></td> How would I extract the number 64646354 from that and only the number? Trying to avoid the complexity of a regular expression is possible.
[jQuery] help using dimensions plugin to replace an expression
I'm trying to purge some expressions from my css. There's one expression that seems to use similar functions as the dimensions plugin. Can anyone help me understand how to convert the following expression into a simple jquery script with dimensions.js? I don't fully understand these javascript functions top: expression(offsetParent.scrollTop); It's currently in the following css rule, used to make a simple scrolling table in IE: table.scrollable thead tr { position:relative; top: expression(offsetParent.scrollTop);
Next Page