Using addClass with new-line
Hi, After retrieving data from database, I use this method to update one of my divs objects: $("<div>").addClass("message-text").text(txtText).appendTo(div); unfortunately, my txtText variable has HTML tags like <BR> and there are ignored. is there a way that my tags won't be ignored ? or how do I put a new line in my div object ? Thanks in advance, Dimitry
[jQuery] Https mixed content error with ajax
Have a wierd issue. It seems that if I use jquery in https and do an ajax call out and then update the dom with the resulting html I get an HTTPS unsecure content warning. Now the content is all https and there are not http calls any where so I'm wondering if this has been seen before. I've dug very deep looking for the issus and if I take jquery out of the equation it doesn't give me an error. But I've standardized jquery as part of the site and don't want to mix straight old javascript with jquery,
[jQuery] code not working
this code is not working and I don't know the reasons for that I loaded the file jquery.js that I used the main code : <%@ Page Language="VB" AutoEventWireup="false" CodeFile="Default.aspx.vb" Inherits="_Default" %> <!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 runat="server"> <title>Untitled Page</title> <script type="text/javascript" src="/js/jQuery.js"></script> <script
[jQuery] (Validate) Individual form field failure and success events?
I'm trying to figure out how to integrate jQuery Validation plugin with the qTip plugin [0] to show custom error message displays. I've had partial success with the following code: $("#RegistrationForm").validate( { errorElement: "span", errorPlacement: function(error, element) { element.qtip( { content: error, ready: true, show: { ready: true, effect: { type: 'fade', length: 500 } }, hide: { when: { event: 'inactive' },
[jQuery] Jquery at Sears
What do you guys think of "my precious." I'm not sure how many other elastic carousels there are out there, but I'm pretty proud of the auto-margin action. Please don't judge us (the FEDs at Sears) on the HTML. We don't actually have full control of the front end. It can scroll full pages but doesn't for other reasons that relate to not having full control of the front end among other things. I really liked the whole options hash thing from JQ in action so it's actually got a few options like switching
[jQuery] More detailed blow by blow on the source code?
I consider myself fairly adept at JS but some of these optimization steps are over my head. Has anyone ever seen a more detailed commentary on the source code?
[jQuery] Clearing a textarea doesn't work in IE6 using val("");
$("textarea").val(""); Throws an error in IE6: "Could not set the value property. Unspecified Error" But it works fine in all other browsers. Can anyone tell me another way of clearing a textarea that works in all browsers? I'm using JQuery 1.3.2 You have no idea how much I hate IE6 right now!
[jQuery] Select Span with Span Parent
Hi, How would I select all spans which have a span as a parent? Thanks!
[jQuery] Table TableRow Selector String Formator
I am a newbie to jQuery and I posted a question a couple of days ago and it was swiftyly answer. The results of which helped me create a couple of functions which I am posting. Initially, I was searching for rows of a table with wildcard search parameter. Example: id*=\"IndividualsExisting" (notice the * ) This was taking a long time because the webpage has a few tabpages with quite a few tables. It took me awhile (as a newbie) and with the help of this group, I was able to create a couple of functions
[jQuery] circular autoscrolling
Is it possible in jCarousel to have circular autoscrolling? I tried setting the circular scrolling example to autoscroll and it wouldn't work. However, when I took all the content out of the container it worked somehow. Is this a bug? The only thing I changed in the example was: jQuery(document).ready(function() { jQuery('#mycarousel').jcarousel({ wrap: 'circular', auto:1, scroll:1, itemVisibleInCallback: {onBeforeAnimation: mycarousel_itemVisibleInCallback}, itemVisibleOutCallback:
[jQuery] Clearing a textarea in IE6 - Val() doesn't work!!
$("textarea").val(""); Throws an error in IE6: "Could not set the value property. Unspecified Error" But it works fine in all other browsers. Can anyone tell me another way of clearing a textarea that works in all browsers?
[jQuery] How can I display an image on callback?
I know of 2 ways to display an image from a callback: 1. Reference a filename.png and replace the img src attribute. (but, I dont want to create files). 2. Set the src attribute to a URL that displays the image. (good for a GET but not for a POST) But I think I need a third to solve my issue. My form posts data to PROCESS.PHP. Which returns header("Content-type: image/png"); imgpng(image source); Is there another way to display an image from my callback without using the 2 methods already mentioned?
[jQuery] jqueryui and nested tabs doesn't work
Hi all, why when I call this $('#tabs-1').tabs('select', 1); tabs stop working? What I'm doing wrong? This is the right way to obtain nested tabs or are there other ways? $('#tabs').tabs(); $('#tabs-1').tabs('select', 1); <!-- Tabs --> <div id="tabs"> <ul> <li><a href="#tabs-1">First</a></li> <li><a href="#tabs-2">Second</a></li> <li><a href="#tabs-3">Third</a></li> </ul> <div id="tabs-1"> <ul> <li><a href="#tabs-1a">First</a></li> <li><a href="#tabs-1b">Second</a></li> <li><a href="#tabs-1c">Third</a></li>
[jQuery] Clearing a textarea in IE6 - Val() doesn't work!!
$("textarea").val(""); Throws an error in IE6: "Could not set the value property. Unspecified Error" But it works fine in all other browsers. Can anyone tell me another way of clearing a textarea that works in all browsers?
RE: autocomplete
I am using the autocomplete plug in and also trying to disable the chrome (ie browsers ) autocomplete feature. I have a textbox and a button: <asp:TextBox ID="txtSearch" runat="server" CssClass="autocompleteSearch" AutoCompleteType="Disabled" autocomplete="off" /> THanks, SA
[jQuery] jquery.validate.js error message will not clear when radio button in CakePHP is selected
Hello, I have this form: http://www.ucasal.net/sistema/encuestas/docentes/2009 which is created using CakePHP v1.2. When submitting the empty form, the first radio buttons give you an error message; however, when you select one, the error message won't clear. I have a suspicion that the way that CakePHP is maintaining the state of the radio button with a hidden input which appears first and has the same name as the other radio elements is the culprit. If I click in the first textarea the associated
[jQuery] jQuery & Adobe Air: onclick event not working
I am stumped... have been banging my head for days on this one... I am pulling in XML, parsing it, then dynamically writing blocks (append) of code as I loop through the XML... all via jQuery. Within each of these code blocks, which btw are displaying properly, there is an onclick event (openInBrowser(url)) applied to text in order to open an external URL in the browser, outside of the Air app. However, this onclick event never gets executed when it is clicked. Anyone know why this would occur? From
[jQuery] Display Form Help by Jquery - Help Needed
i want to build a page like ... http://www.shaadi.com/registration/user/index.php there when u go to each and every field it shows help in the right side .... i want to know how to create like this ... any one have idea about this ....
[jQuery] [autocomplete] how to disaply all options onFocus?
Setting the min to 0 will dispaly all the optins if the user clicks the field a 2nd time. However, i'd like the options to display once the input has focus, or using a button. How can I do that? thanks
[jQuery] Find reverse? Parent?
Hi guys. I am wanting to click the link with the class "test" the function append href taking the (already up and running) appears in the "picture" div, but only in the same div "lol" where there is also a class "test". suggestions? ----------------------------------------------- This is html code: <div id="lol"> <div class="picture"> lorem ipson </div> <a class=" test" href="http://www.google.com/myckey.gif">Google</a> </div> <div id="lol"> <div class="picture"> lorem ipson </div> <a class=" test"
Looking for a specific content slider plugin
Hi, I'm looking for a content slider, somewhat like Coda Slider, but with the ability to load dynamicly extra content. E.g. it loads only 4 slides (1 visible at the time), and when the user navigates to slide 3, I want it to load the next 4 slided. And on slide 7 again, etc. Do you guys know any nice plugin that has this feature? or do I need to code something myself? Thanks in advance.
[jQuery] JQuery Unable to Read Margins When Set to Auto?
I have a simple test page with a div where the left and right margins are set to auto. The div has a width and when viewed it's centered on the page. When I try to read the left or right margin with jQuery it's returned as "0px" instead of auto. I'm trying to add a div to a page and set the new div's margin to match an existing div's margin, but without being able to read "auto", it's failing. My tests using alert($ ('#container').css('margin-left')); and alert($('#container').css ('marginLeft'));
[jQuery] Validation question
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML><HEAD> <META content="text/html; charset=us-ascii" http-equiv=Content-Type> <META name=GENERATOR content="MSHTML 8.00.6001.18813"></HEAD> <BODY> <DIV><FONT size=2 face="Trebuchet MS"><SPAN class=124554917-31082009>I have this script</SPAN></FONT></DIV> <DIV><FONT size=2 face="Trebuchet MS"><SPAN class=124554917-31082009></SPAN></FONT> </DIV> <DIV><FONT size=2 face="Trebuchet MS"><SPAN class=124554917-31082009>$(document).ready(
[jQuery] ajax request form in one page, is it possible ?
Hello, I want to build a form that work on one page only, to subtract the PHP pages for getting the data from all my web forms, I tried to pass the parameters to the same page but it dosent work :( i'll be glad if you can direct me to the solution Thanks
[jQuery] jQuery Accoridion - Dynamically Adding Content to it
Lets say you have the standard jQuery UI Accordion markup-- such as <div id="wrapper"> <h3><a href="#">Header Text</a></h3> <div> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas ligula risus, imperdiet ac malesuada at, vestibulum in felis. Ut ornare ullamcorper mattis. In eu enim at urna sollicitudin dignissim. Praesent et lacus ac metus tristique aliquam. Proin vehicula urna vitae est interdum tempus. </div> <h3><a href="#">Header Text</a></h3> <div> Lorem ipsum dolor sit amet,
[jQuery] [plugin] jqModal +r14 updated
Plugin Page: http://dev.iceburg.net/jquery/jqModal/ updated jqModal to +r14 Changes include smart detection of the triggering element. This allows you to call $.jqmShow() and $.jqmHide() within the event context of a non-initialized triggering element, and that element will mask a proper initialized trigger. This (very minor) change is intended to improve the plugin's natural behavior -- that is; to behave as expected. It will make "live querying" modal triggers easier for some. A simple example
[jQuery] Content slider?
I'm searching for a content slider like this: http://cssglobe.com/lab/easyslider1.7/01.html It almost fits my need but I would like to use it to slide the content on my page - not simple images. I've have three pages; competences, references and contact. Furthermore I have a frontpage with three link-icons - one for every subpages. Therefore I need to have four slides inside my content slider, but I should should have the ability to handle a click on the icons the first slide (=my frontpage) so that
Need help in converting Times
Hi folks, i am an abolute beginner in jquery and i have a problem converting an time (stored in xml) to something like this: in xml: 81.2345 (seconds) output should be 01:21:235 whats the best way to get it? thanks for your help
[jQuery] trying to talk to googleadservices via $.getScript()
Hello, miraculously enough, this call<br clear="all"> $.getScript('<a href="http://www.googleadservices.com/pagead/conversion.js">http://www.googleadservices.com/pagead/conversion.js</a>', function() { confirm('g'); }); does nothing and this one $.getScript('<a href="http://tracker.webtraffic.com.br/statistic.js">http://tracker.webtraffic.com.br/statistic.js</a>', function() {confirm('w')}); gives me the dialog. On firefox and IE (didn't test the others). This is completely weird, but it does not
[jQuery] Replacing like items
I have a form of data I am working on where I may have *nearly* the same thing appear with a checkbox appear multiple times. For example: <input type="checkbox" name="blah" value="widget1||123456"> <input type="checkbox" name="blah" value="widget2||123456"> <input type="checkbox" name="blah" value="widget3||123456"> <input type="checkbox" name="blah" value="widget4||123456"> <input type="checkbox" name="blah" value="widget5||123456"> So, if checkbox #1 (widget1) is checked, it will either disable
[jQuery] Making the cookie plugin work with the colorpicker plugin
Hey guys, I'm trying to take the hex value chosen from a jQuery colorpicker plugin, and store it as a cookie using the jQuery cookie plugin. I just don't know the appropriate way to tie the two together. Here's my colorpicker function: $('#colorSelector').ColorPicker({ color: '#ffffff', onShow: function (colpkr) { $(colpkr).fadeIn(500); return false; }, onHide: function (colpkr) { $(colpkr).fadeOut(500); return false; }, onChange: function (hsb, hex, rgb) { $('#colorSelector div, .preview-image,
[jQuery] jQuery Conference (Boston) ticket available.
Hi, I found out I can't go to the jQuery conference in Boston on 9/12 and 9/13, so I have one ticket that I'm looking to sell for $150 (original ticket price). Please contact me if you're interested. Thanks.
[jQuery] TableSorter plugin - default column sort DESC instead? How?
Ok, I can't figure this out... The default sort (when clicking on any of the headers in the tablesorter table) is ascending. Now, I want to change that to descending for ALL columns, not just the initial sort column (defined in sortList). I've tried editing sortInitialOrder parameter in the .js itself, and nothing. I've tried adding it as a parameter in my html page when defining and assigning tablesorter, and nothing. What am I missing? And how do I accomplish this?
[jQuery] simple fadeIn not working
Its really simple, i need one div to slowly fade in when the page is loaded, i used this code: $(document).ready(function(){ $("#container").fadeIn("slow"); }); But it haven´t worked for me at all... When i tryed to replace fadeIn with fadeTo it worked.. Thank you, Joseph
[jQuery] Settimeout on Function
Hi, I have this code: $(document).ready(function(){ $("#barcode span").hover( function () { $(this).addClass("barover"); }, function () { $(this).removeClass("barover"); } ); }); I would like to add a timeout so that the removeClass gets delayed for a specified amount of time. Any ideas how to add a settimeout to this? Thanks!
[jQuery] JQuery Cache issue
Hi all, I have unique problem. I have 3 pages - i didnt use any response.setHeader("Cache-Control", "no-cache"); etc like in my JSP !! in page-1 i enter search query, page-2 shows search results with dynamic getJSON getting called for more data -- ie., it will have some info + this dynamic data which will be calculated in page-2. when i click on more it will take me to page-3 with queryid, and show more details ... so when i come to page-2 frm page-3 using history.back(), history.go (-1) etc., that
[jQuery] Help with LavaLamp
Hi I keep having problems integrating a JQuery Lavalamp with Submenus. Take a look at <a href="http://karen.2kmegs.com">http://karen.2kmegs.com</a> the lavaLamp feature only works when hovering on the submenu items. I would like it to move when hovering on the root item like for example Products. My Javascript code is <script type="text/javascript"> function fademenu() { $('.fade').hover( function () { $(this).animate({backgroundColor:'#4fb4f7', color:'White'}, {queue:false,duration:900});
[jQuery] .hide() not hiding elements in IE
hi all, i'm having an interesting IE6 and IE7 issue that may just be par for the course. i'm curious if anyone else has run into this problem. here's the URL: http://jsbin.com/afede long story short, i have a bunch of nested lists with IDs in certain ULs, like <ul id="collapse">. i'm trying to use jQuery .hide() to hide all the ULs with that specific ID. everything works as expected in firefox, safari, chrome, IE8, etc. but IE6 and IE7 seem to only notice the first UL in the DOM tree. so IE6/7 hides
[jQuery] Toggle Starting Position
Hi Is it possible to force the starting position of the toggle event, for one or more matching element? Let says, you have multiple divs in page where you can collapse/expand them, then you would like to have one or more already opened but still be able to use the same toggle event previously set. Thanks you
[jQuery] localscroll not working, help? could it be lightbox?
problem can be seen here: http://unedible.com/alicewhite/ it's just not scrolling. sometimes when i change the code around a bit, the anchor images stop working completely. i'm also using lightbox, could that be the issue?
Next Page