[jQuery] What happen with jQuery? Is it slow?
Make this test http://dante.dojotoolkit.org/taskspeed/
[jQuery] stuck trying to reload tab programatically.
Hi everyone, I'm very new to Javascript but very impressed by JQuery, but now rather stuck, I've read and read but found no solution. If anyone can point me in the right direction I would be much obliged. I have a set of tabs loading content via ajax: My main tab page Jquery: <script type="text/javascript"> $(document).ready(function(){ $("#tabs").tabs({ cookie: { expires: 30 } }); }); </script> My tabs: <div id="tabs"> <ul> <li><a href="#moderatorManage"><span>Find and Manage Moderators</ span></a></li>
[jQuery] binding to an event in the-silky-smooth-marquee
-----BEGIN PGP SIGNED MESSAGE----- Hash: SHA1 I am trying to bind to a trigger issued by the silky smooth marquee based on jquery (http://remysharp.com/2008/09/10/the-silky-smooth-marquee/) Every time the marquee loops, I want to issue an alert. This is done by binding to the 'stop' event, according to the documentation. I must not be doing the binding correctly: <script type="text/javascript" src="js/jquery-1.3.2.min.js"></script> <script type="text/javascript" src="js/jquery.marquee.js"></script>
Convert Button onclick to Link href
OK... I have a few input buttons per page: <input type="button" value="MyButton" onclick="location='http:// www.mysite.com/xxx.html'"> I want to convert them to: <a href="http://www.mysite.com/xxx.html"><span>MyButton</span></a> How can I convert that with jquery? I try to get the onlick val but jquery or javascript seems to convert onclick to a function. I have this, but it's not quite right, I'm trying to just move the onclick data to the link, but I'd rather do it with href. $(":button").each(function(){
Setting table height dynamically after page has been loaded
OK, I am very new to jQuery so bare with me here. I am trying to get the document body height and set it as the height of a table, after the page has been loaded. Below is an example of what I am trying to do. <table id="heightTable" cellpadding="5" cellspacing="0" height="" style="visibility:hidden"> <tr> <td> </td> </tr> </table>'); $(document).ready(function() { $(#heightTable).height($(document.body).height()); } I am not sure where to place the jQuery code, before
[jQuery] menu fader with mouseover
I have problems using JQuery to create a menu with fade in and fade out external images, i.e. i put mouse over a menu item and image fade in on a another div. My problem starts when i mouse over faster between itens. All images appear at the same time. I would like to schedule a time to stay on the mouse buttons to it so the image appears. My code is: $(function(){ //$("#about-button").css({ // opacity: 0.3 //}); $("#page-wrap div.button").mouseover(function(){
[jQuery] Resizable Issues.
If you have the 'containment' option set as well as the 'alsoResize' option, the containment will prevent the main element from resizing past its borders but the alsoResize element will still resize past its borders. Is there a way to fix this? Thanks in advance, Matt Mueller
[jQuery] What's your favorite 'portfolio slider' plugin?
I'm being lazy. I could spend a few hours trying out all the plugins, but am hoping someone already went through that heavy lifting for me... I'm looking for a portfolio slider. Ideally, it'd have the following features: - sliding objects can be a mix of HTML (text, images, maybe flash/video as well) - each slide appends a bookmarkable querystring to the URL. Bonus points if: - it has a built in ajax triggers to append to the list of items Anyone have a favorite that does the above? -DA
[jQuery] hoverFlow for simple slideDown
Hi i'm trying to make a dropdown animation and using the hoverFlow plugin for smooth animation but i just want the submenu to slidedown, so no animation nedded, Does anyone know that plugin? This is a demo page with opacity effect, which is not what i want.. http://www.francesconizzola.it/_demo/nizzola/francesco-nizzola.php
Jquery .text help appending
Hey all i am trying to append to a .text part of this code here: function buildEventText(event, element) { $("<span class='event-title' />") .text('4:00pm ').css("color", "red") .text('blah').css("color", "blue") .appendTo(element); } But i am unable to do so. It just takes the last .text (in this case, the blah text). I need it to have red for the 4:00 text and then blue for everything else. I just can not seem to get it to work correctly. Any help would be great! David
[jQuery] selecting multiple selects
I am writing a sortby function that uses two "select"s on the page and digs out the option val and submits the page for a new view. You can see the sortby on this page: http://www.beachhouse.com/vacation/search.asp?Country=United+States&State=California&City=Newport+Beach at the top and bottom. I figured I could set a class for both the selects as class="sortby", and do singel $(.sortby).change(function() BUT that did not seem to work so I created two unique ids for the selects, id="sortBy1" and
[jQuery] Jquery Autocomplete Problem
Hi, I have a bug with JQuery Autocomplete plugin. I don't know whether it's a bug or feature by design. The bug is easy to produce on-demand. Step-by-step to produce a bug. . Click to add new Author textbox. . Select second Author textbox to focus. . Type first two characters, says, 'La'. . Autocomplete list is popped up on the second textbox as expected. . Type 'DOWN' key one time. . It causes to jump to first original Author textbox. Why? Instead of moving a highlight to second item of autocomplete
[jQuery] Refresh SPAN without entire page
Hi All, How to Refresh SPAN without page refresh , Can you tell name of the jquery function ,<br clear="all"> -- உங்கள் நண்பன் பரணி குமார் Regards B.S.Bharanikumar POST YOUR OPINION <a href="http://bharanikumariyerphp.site88.net/bharanikumar/">http://bharanikumariyerphp.site88.net/bharanikumar/</a>
[jQuery] animate padding start value - Firefox (getComputedStyle)
(Firefox 3.0.10, OS X) I am setting a padding value via a stylesheet and trying to animate it - - CSS myElement { padding: 20px } - Javascript myElement.animate( {padding: 12px} ) When calculating the start padding value, jQuery calls 'getComputedStyle'. Unfortunately, computedStyle.padding = "" computedStyle.padding-top = "20px" computedStyle.padding-right = "20px" computedStyle.padding-bottom = "20px" computedStyle.padding-left = "20px" and the call to 'getPropertyValue' returns an empty string
[jQuery] Submit form when hitting enter
I have a form that I built, and I replaced the submit button with an image. When you click the image, it calls the .submit() jQuery function and submits the form. Because I am not using the normal submit input button, hitting enter in most browsers won't submit the form. I think that users are used to this happening, so I would like to replicate this. What would I need to do? Can I trigger the .submit() function when the enter button is hit?
[jQuery] document.ready speed?
Does document.ready wait for external scripts to be loaded I have google analytics (+1 other) loading just before the body tag however script in document ready seem to be waiting for these to load I only want to wait for the jquery plugins at the top of the page to load the scripts at the bottom are written like this document.write(unescape("%3Cscript src='" + gaJsHost + "google- analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
[jQuery] How can i write js equals to $('document').ready()?
Hi I am using jquery, but in some pages I cannot use it but I need to write js code like: $('document').ready(myInitFunction) How can i write js to do this work? is it document.onLoad() event? thanks!
jQuery AJAX
Hey All, I am having a lot of issues with a AJAX News Ticker style marquee that I am writing. I've been pulling my hair out for a few days now. If anyone could help. Please refer to http://www.aboutbq.com/test/ticker/ for the script so far. The AJAX call is working... the animation works for three cycles. After that, for some reason the animation stops working but the function is still being called which is evident by the data continuing to change. Does anyone know why the animation would stop after
[jQuery] tablesorter plugin help -- getting it to ignore quotation marks
I'm using the tablesorter plugin, and have run into a small issue I can't figure out how to solve: One of the columns in my table contains titles, some of which are books, others of which are articles or television episodes. The latter two start with a double quote (“)... So, for example, one cell in the column might be: <td><em>Title of Book</em></td> while another would be: <td>“Title of Article”</td> Tablesorter seems to be factoring these starting double quotes into the sort
[jQuery] new project - fluidIA - open source UI prototyping based on jQuery
Hello, A year ago, on a part time basis I started an open source user interface prototyping project - www.fluidIA.org. Recently this turned into a grad project. Seeing the powerful potential of jQuery, I've relied on this Javascript library to build this browser based application. The tool aims to empower interaction designers and developers to quickly generate wireframes/prototypes, and more so, allows for rapid refinement through object orientation and inheritance. Support for state based objects
[jQuery] Easing seems not work in 1.3.2 animate
I try to integrate easing with 1.3.2 animate but seems its just not working. Which version of the easing plugin I should use?
[jQuery] Setting element type?
Hi can anyone tell me how to set the 'type' of an html form element using jquery? is there something like? $("element").type("password"); Many Thanks Ash
[jQuery] connected sortable containment
Hello again, I have a connected sortable that I'd like to keep contained to the 'sortcontainer' but it seems to be acting erratically not sure what I"m doing wrong or if it is even possible ? thanks Mike my jquery is like so... $("#hottopic, #hidden").sortable({ connectWith: ['.connectedSortable'], containment: 'sortcontainer' }); and my html like so..... <div id="sortcontainer"> <div class="transfer"> <label for="hottopic">Hot Topics</label> <ul id="hottopic"
Retrieve the content from Div's sharing a CSS class [SOLVED]
Hi All, I have a bunch of <div>'s on a page, each of which shares a CSS class titled "portlet-header". What I would like to do is retrieve the content inside each of these div's, and then construct a string of each div content separated by a comma. At the moment I can retrieve the total content from ALL of the div's sharing the "portlet-header" class by using: $(".portlet-header").text() However, I was hoping that there would be a way of looping through each div of the shared CSS class in turn, constructing
[jQuery] Check and Delete problem
Hi all , The below is my script , for check and delete the rows, but some time i got error like undefined , <script type="text/javascript"> function check_delete(site) { //alert(site) var lenChkBox = $("input:checked").length; //var hdnValues = ""; //alert(lenChkBox) if(lenChkBox > 1){ for(var i=0;i<lenChkBox; i++){ hdnValues += document.chk_delete.chk_delete[i].value+','; } } var hdnValues = ""; if(lenChkBox = 1){ //alert(document.chk_delete.chk_delete.value)
[jQuery] resize iframe to fit contents
hi, i have an iframe on page to hold record editing form - the form presented in the frame needs to be different sizes depending on the form size i want the page called to resize the frame but, i can't figure out how to refer to it from the page loaded in the iframe parent().$("#myiframe").height( $("#formcontentwrapper").height() ) ; any help appreciated
[jQuery] Validate textbox on at least one checkbox selected
Hi all, I have a textbox and 2 checkbox, and I'd like to validate the textbox if at least one of the two checkbox is selected. If is just one checkbox, I'll write: myTextboxl: { required: '#myFirstCheckbox:checked' } but in the case of 2 checkbox, how can I solve? Thanks a lot. Louis
jquery accordion inside the jquery tabs
I'll just paste the code first, explain the problems later header <script type="text/javascript"> $(function() { $(".tabs").tabs(); }); </script> <script type="text/javascript"> $(function() { $(".accordion").accordion(); }); </script> html body <div class="tabs"> <ul> <li><a href="#tabs-1">something</a></li> <li><a href="#tabs-2">something else</a></li> <li><a href="#tabs-3">something else too</a></li> </ul> <div id="tabs-1">
[jQuery] know if one id are hidden
HI, i work in .net and in my jquery function want know if mi object are in state hidden or not... but this 2 method not work if($("#check_id").attr("type", hidden)){//......} or if ($("#check_id").is(input[type='hidden'])){//......} what is the right metod??
[jQuery] Reorder list items?
How can I re order items in a list... kinda like what happends on: http://www.viget.com/work
[jQuery] Can't get JQuery to work, Pls Help
Hi I'm new to Jquery and trying a simple example before I start working with it. Can someone please help me understand why the following is not working. Firebug repport '$ is not defined'. jquery-1.3.2.min.js is in the same directory as the web page as well. <head> <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> <script type="text/javascript" src="jquery-1.3.2.min.js"></script> <style type="text/css"> #box { background:red; width:80px; height:80px;
Datepicker uses wrong year if this is not selected at least
Hi all, I have a datePicker defined in this way $("#dayOfBirth").datepicker({ changeMonth: true, changeYear: true, dateFormat: 'dd/mm/yy', yearRange: '1900:2000', showAnim: 'slideDown', onClose: function(date) { abc(); }
any ActiveX object want to be enable for JQuery enable
Hi, I am going to use the Jquery in my application.But i have some doubt. Any ActiveX object want to any for working with Jquery.. Thanks & Regards, JsrSajan.
[jQuery] removing focus from field
Hi all, I'm submitting a form when the value of a drop-down menu changes. After that I would like to remove the focus from the field itself. I have tried different things: blur, focus=remove and so on but no one works. How can I remove the focus for a field? Thanks and have a nice day! Sig
how to write this Javascript code in jQuery?
I have this particular line of code in javascript: ResizeableTextbox('myRT'); In my jquery code, I create a text box as soon as I click on an option in the drop down box. Instead of the text box,in want this resizeable textbox. $(".select"+increment).change(function () { var str = "";var stringinc=0,numberinc=0,dateinc=0; $(".select"+increment+" option:selected").each(function () { if($(this).text() =='String') { stringinc++; $("<label id=labelstr"+stringinc+" >"+a+"</label>").appendTo(".menu li");
[jQuery] AJAX News Ticker decay problem
Hello All, I am relatively new to jquery but I have been charged at work to write a plugin for an AJAX news Ticker. I have had problems with the ticker animating. It runs correctly the first three cycles, but then the fourth cycle no longer animates. My code up to this point is here: http://aboutbq.com/test/ticker/ I'm not sure what the issue is. The function which does the animation is still being called because the ajax data continues to be updated. But the animation no longer runs. I suspect there
[jQuery] Cluetip from a function?
Hi there, Is it possible to load cluetip from a function, such as: <script type="text/javascript"> function showtooltip(item){ $(item).cluetip( { }); } </script> The reason I ask is that sometimes you don't want to bind to all elements if a user will only select 1 or 2 items, sometimes the cluetip might not even get activated at all so it seems a waste of resources binding cluetip on document.ready Regards DotnetShadow
[jQuery] how to get the element that triggered the event
i have a link that onclick calls function printSection <a class='print' href='javascript:printSection();'>Print</a> i want to find out which link isit so i can get the parent, and do whatever i need to
[jQuery] submit() not submitting
I have this function that validates and is supposed to submit a simple form: $(function() { $('#godkend').click(function() { if($('#Select1').val() == "") { alert('Du har ikke valgt første'); } else if($('#Select2').val() == "" && $('#Select2').is(':visible')) { alert('Du har ikke valgt anden'); } else if($('#Select3').val() == "" && $('#Select3').is(':visible')) { alert('Du har ikke valgt tredje'); } else { alert('fint'); $("form:first").submit(); } }); }); The validation works fine, but the submitting
[jQuery] store array in cookie
I need a way to store an associative array in a cookie. Or maybe JSON encoded string. I am using jquery. var cookie=[]; cookie["product_1"]=[]; cookie["product_1"][cookie["product_1"].length]=12; $.cookie('uploads', $.toJSON(cookie), { path: '/', expires: 10 });
Next Page