[jQuery] New Plugin: jTwit - Display Twitter Updates
As part of a project I'm working on for BarCamp Orlando, I created a jQuery plugin to display Twitter updates and named it jTwit. Details and code: http://code.google.com/p/jtwit/ Basically, it gets Twitter updates for a user and displays them in an element. It supports periodic updating, filtering, single or multi- column layout, fit-to-screen for kiosk/projector/fullscreen display, and a few other goodies. Any feedback or suggestions appreciated. -- cs http://iamzed.com/ http://hailtheale.com/
[jQuery] [form plugin] Form plugin beforeSubmit issue
Hey all, Working with the Form plugin...I am updating the value of a hidden form element in beforeSubmit, but it seems that the new value is not updated in the form data that is sent during the ajax post. In other words it looks like the form data itself cannot be altered in beforeSubmit. Is this the expected behavior, or is there something else I need to do in beforeSubmit to update the form data? -- Josh
[jQuery] Internet Explorer fails to update DOM after Ajax-Request
I am using the code below to update the DOM. It works in Safari, Firefox, Opera but IE just doesn't update the DOM. If I alert() the data it appears as it should. If I put the returned data as a string directly in the code (i.e. var data = "[html here]") it works. All files are UTF8 and I just can't figure out what is wrong. Best regards, Pontus
[jQuery] how to append HTML / Javascripts source code without running the script ?
How can I append a newly typeded in scripts and append into the DIV without running the script ? i got a div . <div id="newcontent" > </div> and I got a textarea <textarea id="typesmth"></textarea> $(document).ready(function(){ $("typesmth").blur(function(){ $("#newcontent").append($(this).text() ); }); }); and i got some filter to escape the html tags and JS as well but then it's append nicely into the div but the script still runs. but if i input <script> alert("test"); </script> and i got exactly
[jQuery] How do I increment the name of cloned elements?
Hi, all. I'm working on adding file inputs to a form. Here's my jQuery using the clone method: <script> $(document).ready(function() { $('#add-image').click(function() { $('#image-input').clone(true).insertBefore('#add-image#'); }); }); </script> Here's my HTML: <div id="image-input"> Click the browse button to locate an image. <input name="image-upload-1" type="file" size="40" value=""><br /> <br
[jQuery] Cant get IE7 to work with this * click and animate
I recently condensed my code from a big mess to this (below): I am getting no errors in Firefox/Safari... and non in IE7 > it just doesnt work? $(document).ready(function() { $('#grow1, #grow2, #grow3, #grow4').hide(); $('#content1, #content2, #content3, #content4').hide(); var fSpeed = 400; function openDiv(g, c) { $(g).animate({width: 560}, 'slow'); $(g).animate({height: 406, top: 0}, 'slow', function(){ $(c).fadeIn(fSpeed); }); }; function closeDiv(pG,
[jQuery] .size() no longer works on objects?
ok, so i should have caught this before now, but i just noticed that it seems $({foo:1,bar:2}).size() no longer works. I doubt this is unintentional, but i wanted to confirm. i know i used this in previous versions of jQuery. I can get the desired value with: var fooCount = 0; $.each({foo:1,bar:2},function(){fooCount++;}); not as pretty, but gets the job done; but if this indeed gone then i will have to go back and refactor some older code before using the latest rev of the lib :/
[jQuery] Mouseover will make a div appear/dissappear
Hello! I am creating a new script where an image have areas where when you place your move over a part of that image, a div will appear at the bottom, and when you click on another area, the current visible div will be hidden and a new div that has other text will appear. Here's my code: $(document).ready(function(){ test1(); test2(); }); function test1(){ $('#CFnum1').mouseover(function() { $('#comfort_flex_hold').find('#comfort_flex01').show("slow"); $ ('#comfort_flex_hold').find('div').not('#comfort_flex01').hide("slow");
[jQuery] ui.tabs - selecting an element within the clicked tab
When a tab is clicked, I need to call a function to do something to div.myDiv within the now active tab content My markup is something like this: <ul class="tabs-nav"> <li><a href="#tab1">This Calc</a></li> <li><a href="#tab2">That Calc</a></li> </ul> <div id="tab1" class="tabs-container"> <div class="myDiv">somecontent</div> </div> <div id="tab2" class="tabs-container"> <div class="myDiv">somecontent</div> </div>
[jQuery] Ui.Tabs add / remove / hide problem
<div>1) Static tab won't remove . . . </div> <div> var index = parseInt($("#room ul li a[href='#+id+"']").attr("linkedIndex"));</div> <div> $("#room ul").tabs("remove",index);</div> <div> </div> <div>2) the tab won't remove until i selected it to another tab.. </div> <div> </div> <div>$("#room ul").tabs("select",index-1); $("#room ul").tabs("remove",index);</div> <div> </div> <div>3) if i wanna hide instead of remove it ?</div> <div> </div> <div>4)Problem when i removed
[jQuery] neewbe help, Bassistance Validation Plugin
Hello all, It's my second time I post here, I hope help me. My problem is about Bassistance Validation Plugin. I wish use a ballon to show the error message for each onfocus input elements. But I can't manipulate onfocusin event. Someone can help? I do some thing here. see: blog.alexsandro.com.br/aa.htm [] Alexsandro
[jQuery] AJAX form not working in IE6
Hi, I had been trying to use the form plugin and follow through its example, got it working in FF but in IE got an error. I'm using jquery 1.2.3 and jquery form plugin 2.07. It is a very simple page and I'm so frustrated as to why IE doesn't work!! Here are the sources: The HTML (html-echo.html): <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http:// www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <title>Ajax test</title> <script type="text/javascript" src="jquery.js"></script>
[jQuery] Long list into two columns?
Has anyone seen a plugin or now of an easy way to split a long list into two columns? I've got a long dynamic list... Air Pollution Airborne Infectious Agents Alcohol Allergens Arsenic Asbestos And would like to do something like: Air Pollution Allergens Airborne Infectious Agents Arsenic Alcohol Asbestos So far I haven't turned up much... Thanks, Jim
[jQuery] When adding class parent fieldset my select loses focus
I have a form wich uses this js: $(document).ready(function() { $(':input').focus(function() { $(this).parents('fieldset').siblings().removeClass('notice'); $(this).parents('fieldset').addClass('notice'); }); }); This works fine with normal text inputs but when I clicking on a select in another fieldset you should see all <options> but that's not what I see. What I see is that the <options> show just one milisecond an then they collapse back when the class is applied to the
[jQuery] a simple rollover function
Hello! I am creating a new script where an image have areas where when you place your move over a part of that image, a div will appear at the bottom, and when you click on another area, the current visible div will be hidden and a new div that has other text will appear. Here's my code: $(document).ready(function(){ test1(); test2(); }); function test1(){ $('#CFnum1').mouseover(function() { $('#comfort_flex_hold').find('#comfort_flex01').show("slow"); $ ('#comfort_flex_hold').find('div').not('#comfort_flex01').hide("slow");
[jQuery] jquery-form plugin 0.20 is released
Hello, jQuery lovers, Very happy to release jQuery Form 0.20, a plugin that let you generate a form very easily, it's now also a framework for form-based UI. It's now available download at: http://dl.handlino.com/jquery-form-0.20.tar.gz For a quick update, we now have YUI-compatible datetime picker, and a more extensible framework. It can be extended with "actors" like this: $("input.map").form({ act_as: 'datetime-calendar' }) For more detail, read <a href="http://st.handlino.com/hdc/index.cgi? jquery_form_0_20_release_note">jQuery-Form
[jQuery] New CountDown plugin
Hi, I have developed a new JQuery Plugin for CountDown timer. You can take a look at http://monster-development.com/jquery/ Please give your feedbacks.
[jQuery] Are there more css themes to get or is it just "fauna"?
Hi, i did a bit of searching before posting here. i'm looking for more themes for jqueries UI (tabs, dialogs etc). at the moment, there is just Fauna theme. does anyone know where to get more (if any?)? thank you
[jQuery] GetJSON with multiple same names
Hi all, I'm using a remote web service that takes parameters to its servlet where the same name is used multiple times in the GET request, as in... http://server/servlet?name=value1&name=value2&name=value3 Using Name-Value pairs isn't cutting it, as only the last pair set is used. Is there something I can do short of building the entire URL myself? Thanks, Steve
[jQuery] help,about the selectors
<div><strong>my code:</strong></div> <div>$.ajax({ url: "test.do", dataType: "xml", success:paint });</div> <div>var paint = function(response){ <strong>var compenonts= $(response).find("Component"); // what expression should be here?? </strong> compenonts.each(function(index, compenont_ele){ var compenont = $(compenont_ele); var name= compenont.attr("name"); alert(name); }); }</div> <div><strong>I expect alert : a、b、c、d</strong></div> <div><strong>but actually alert
[jQuery] selectedIndex = 0
I have a select box with id=selYear, I can get the selectedIndex with javascript using document.myform.selYear.selectedIndex However when I use jQuery like this: $ ("#selYear").attr("selectedIndex"), I only get a value when the selectedIndex is >0. When selectedIndex = 0, this jQuery expression returns "undefined". Does that seem right? What am I missing? Do I have to work around a bug here? Thanks in advance for any clues you can share.
[jQuery] Iterating through an array
Hi, Sorry if this is a really basic query, but I'm just getting my toes wet with both javascript and jquery. I've written the following: $(document).ready(function() { cardgen(); }); function cardgen() { var cards = ['ac','2c','3c','4c','5c','6c','7c','8c','9c','10c','jc','qc','kc', 'ah','2h','3h','4h','5h','6h','7h','8h','9h','10h','jh','qh','kh', 'as','2s','3s','4s','5s','6s','7s','8s','9s','10s','js','qs','ks', 'ad','2d','3d','4d','5d','6d','7d','8d','9d','10d','jd','qd','kd'];
sortables & cookies
hi all, i have spent the last few nights searching and still haven't found a solution. if anyone can offer any suggestions it would be greatly appreciated. what i need to do is create sortable divs like on: http://interface.eyecon.ro/demos/sort.html but have the positions stored on page reload. i know interface is kind of out of date, but if anyone can show me a working example of what i am trying to do using jquery & interface or any other plugin, it would save me hours & hours. i don't really want
[jQuery] jcarousel
Hi Jan, I love your jcarousel plugin. I've used it on several occasions and think its perfect. However, I just tried to implement it vertically for the first time, and notice that it does not work in Safari. Your example vertical implementation also does not work in Safari. The previous and next buttons are disabled when they shouldn't be. Any advice on how to solve this problem? Thanks.
[jQuery] jCarousel 'scroll by' issue ahhh!
hi, i have two carousels, one above the other. the top one is say 50x50 showing 3 items of 6 total. so 150x50 is the clip. the one underneath is 150x50 showing 1 item if 6 total with a clip of 150x50. my next previous buttons are set to scroll each carousel by 3. so on initial page load, my carousels are at 1-1, click next, they move to 4-4, click next again they get screwed up and end up at 1-6 instead of back to 1-1. for a visual of the issue, check out pa.serveyourmarket.com and look to the bottom
[jQuery] AutoComplete not working in Internet Explorer
I'm trying to use the autocomplete feature but it's not working in IE. Firefox works fine but in IE I keep getting an "undefined" alert popup when using the demo on this page. Help! Anyone? http://docs.jquery.com/Plugins/AutoComplete/autocomplete
[jQuery] Attaching an event after load that got triggered from same event?
Here's my dilemma... I have an onclick event that converts a list item into a form, when the form gets submitted it POSTs the data back and converts the form back into a list item. All of this is in one big .click(function() { ... } block. I'm wondering how to add the event I'm already in to the new created list item. Thanks, Rob
[jQuery] Hover function bug.
Hello, Here is the code : ------------------------------------------------ code---------------------------------------------- <html><head> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript"> $(document).ready(function() { $("div#menu ul ul li").hover( /* Fonction permettant de r�v�ler le menu par un hover : fonction 1 : mousein - fonction 2 : mouseout */ function () { $(this).children().slideDown("fast");},
[jQuery] code check
Someone can helpme why this both script have not the same behaviour? I know this is simple, but really i cant see what im doing The repeat way $('.prev').click( function() { $.metadata.setType('attr','data'); var data = $('#prev').metadata(); calendario_lluvias(data.m, data.y); }); $('.next').click( function() { $.metadata.setType('attr','data'); var data = $('#prev').metadata(); calendario_lluvias(data.m, data.y); }); $('.today').click( function() { $.metadata.setType('attr','data'); var data =
[jQuery] jQuery Form Plugin Problem
Hi All, I'm having a baffling problem with the Form plugin. first let me go ahead and post the code: For the form: [code] <form method="post" action="includes/actions/addproject.inc.php" id="addprojectform"> <fieldset class="awesomeform"> <legend>Add A Project</legend> <label for="name">Project Name</label> <input type="text" id="projName" name="name" size="25" /> <br /> <label for="location">Location</label> <input type="text" id="projLocation" name="location" size="25" /> <br /> <label for="participants">Participants</label>
[jQuery] [validate] Validating an input with a dynamic name
I've seen this discussed before, but I'm not able to put the pieces together. I have a form that allows a user to add new rows to the form. Each row contains an input box and a hidden field <td><input name="1useThisRecord" id="1useThisRecord" type="hidden" value="1"></td> <td><input class="inputFormulary" name="1Name_Strength" id="1Name_Strength" type="text" value=""></td> When the user clicks a button elsewhere on the page a new row is added and the names are incremented accordingly: <td><input
[jQuery] Validation plugin - Override submit action
Hi all, I'm have a few problems with the validation plugin. I know there are solutions, I just can't find the documentation or examples I need. I am working with asp.net and the jQuery validatio plugin. Asp.net means only one form per page. But I have two buttons that cause the page to submit, for two totally unrelated reasons. One submits the main form on the page, the other submits a mini-form that is on every page. But since I cannot use 2 forms, the button for the mini-form doesn't fire as long
Draggable and sortable [Solved]
Hi all, I'm new in this forum and also in jQuery. I'm trying to implement a "trash" bin but i'm with a problem with sortable and draggable. The elements to delete in trash need to be sortable in the original block, but if I make them draggable I can't sort them. Here's an example code: The HTML <ul id="itens" style="background-color:#eee;"> <li class='item' id=0>Item 0</li> <li class='item' id=1>Item 1</li> <li class='item' id=2>Item 2</li> <li class='item' id=3>Item 3</li> <li class='item' id=4>Item
[jQuery] How to get row id value
I am trying to get the ID attribute of a table row so I can manipulate various pieces of information about the row. I'm new to JQuery, so I may be approaching this all wrong. Any help and advice would be appreciated. Here is an HTML snippet: <tr class="bco-row" id="co-101-01"> <td class="nowrap"> <a href="#" class="toggle-slide"> <img src="plus.gif" alt="expand" title="expand" width="9" height="9" /> </a> 101 / 01 </td> <td><ul class="bci"> <li><a
[jQuery] disable ajax cache selectively depending on response?
Don't know if this is possible: In an application I maintain AJAX requests are send to the server which integrate the result in the current page. As far as I understand the jQuery docs, these responses are cached (at least if they were successful). My Problem now: Though the http status code of the response indicates success the requested operation still might have failed and generated only a proper status message. In these cases (I just need a regexp on the html returned to find out) I'd like to
[jQuery] simple animate dont working, why
Get example animate from site... if i use http://code.jquery.com/jquery-latest.js - all right if i use local copy of jquery-latest.js - nothing if i use downloaded jquery-1.2.3.js - nothing why? i dont understand... <html> <head> <!--script src="/scripts/jquery-latest.js"></script--> <!--script src="/scripts/jquery-1.2.3.js"></script--> <script src="http://code.jquery.com/jquery-latest.js"></script> <script> $(document).ready(function(){ // Using multiple unit types within one animation. $("#go").click(function(){
[jQuery] Are selectors consistent?
Hi, I was wondering if a selector such as $(':checkbox') would return the list of elements in the same order each and every time? I don't really are if the order is the same as visually presented, but consistency is required for me to write a quick is-dirty check. thanks, Chuck
[jQuery] Traversing help...
My markup: <div class="topiccategory"> <div class="categorytitle">#qryTopics.category#</div> <div class="topiccount"> #qryTopics.category_total# Topics <span class="clicktoview">- Click To View</span> </div> </div> <div class="topiclist"> <div class="twocols"> <ul><li class="checkboxline"><input class ="check" type="checkbox" value="203" name="topicid" id="topic_203"
[jQuery] How do I stop jQuery from queuing animation?
How do I stop jQuery from queuing animation? Currently, when I mouse- over something with a hover multiple times, then move the mouse off- screen, it will run the function for every time I moused-over. I basically want it to only execute once, no matter how many times I mouse-over. In case you need it, I am using the following: $(document).ready(function(){ $('#mainNavigation li.two').hover( function(){ $('#twoSubNavigation').animate({ opacity: 'show', height: 'show' }); },//over
[jQuery] Windows in jQuery
Hi Is it possible to make a new window in jQuery with AJAX content loaded from external html file, like in this (http://prototype- window.xilinus.com/) library ?? It should not be a modal window but a single one. Regards Paul
Next Page