[jQuery] looking for a plugin or code that displays text slowly
Hello everyone. I'm looking for a plugin or code that will display the text contents slowly so it will simulate a live eent. For example: The fight begins... brief pause Fighter 1 throws a stiff jab followed by an upper cut! brief pause Fighter 2 tries a takedown!!! etc. Does anything like this exist? If not, would it be difficult to create using jQuery?
[jQuery] jQuery Form Plugin ajax submit
Using the following code:
$('.input_all').attr(disabled, disabled);
for input texts with the class=input_all seems to break jQuery forms
ajax submit.
How can I fix this?
[jQuery] Re: form elements brainteaser
That was fantastic! Thank you very much for that! On Aug 19, 5:09 pm, Peter Edwards p...@bjorsq.net wrote: Hi Chris, I have a working example at: http://jsbin.com/udota/ I've made the number of second inputs configurable so you can test it. All you need now is a way of checking if they all add up to 100 if you make them user configurable - I'll leave that up to you though! Peter on 19/08/2009 21:17 Chris Hall said:: I have a good idea of what I want to accomplish, but I'm not sure how to do this with jquery. If you can help give me an idea of what I must do or how to accomplish this I would GREATLY appreciate it! I have a form that can has 4 radio buttons and two sets of text inputs. The first set always contains 6 inputs. the second set can contain between 1 and 5 inputs. The goal is to allow the user to enter numbers in the two groups of inputs that total 100 (in both groups combined, not 100 for each group). If the first radio button is selected, I fill the first group (6 text inputs) with 17, 17, 17, 17, 16, 16 (easy because the number of text inputs in this group do not change), and place all 0's in the second group of text inputs. If the second radio button is selected, I must count the number of text inputs in this group and divide 100 between this group and place all 0's in the first group of text boxes (and the total must equal 100 so some boxes may have 1 more than others). If the third radio button is selected, I must count all text inputs (first and second group) and divide 100 between this group (and the total must equal 100 so some boxes may have 1 more than others). If the 4th radio button is selected I make all the text boxes enabled (otherwise they have been disabled) and the user can enter a custom configuration. I've went at this several different ways, but none work well. Thisbrainteaserhas me pulling out what little hair I have left. If you can offer any help I would *GREATLY* appreciate it.
[jQuery] form elements brainteaser
I have a good idea of what I want to accomplish, but I'm not sure how to do this with jquery. If you can help give me an idea of what I must do or how to accomplish this I would GREATLY appreciate it! I have a form that can has 4 radio buttons and two sets of text inputs. The first set always contains 6 inputs. the second set can contain between 1 and 5 inputs. The goal is to allow the user to enter numbers in the two groups of inputs that total 100 (in both groups combined, not 100 for each group). If the first radio button is selected, I fill the first group (6 text inputs) with 17, 17, 17, 17, 16, 16 (easy because the number of text inputs in this group do not change), and place all 0's in the second group of text inputs. If the second radio button is selected, I must count the number of text inputs in this group and divide 100 between this group and place all 0's in the first group of text boxes (and the total must equal 100 so some boxes may have 1 more than others). If the third radio button is selected, I must count all text inputs (first and second group) and divide 100 between this group (and the total must equal 100 so some boxes may have 1 more than others). If the 4th radio button is selected I make all the text boxes enabled (otherwise they have been disabled) and the user can enter a custom configuration. I've went at this several different ways, but none work well. This brainteaser has me pulling out what little hair I have left. If you can offer any help I would *GREATLY* appreciate it.
[jQuery] cluetip + livequery (or other rebinding method)
Hello everyone.
I've searched and the posts about rebinding cluetip and thought
livequery would be a good option, but it just seems to work on the
first load?
Background:
I'm using the cluetip plugin along with the dataTable plugin.
DataTable is pulling its table info from ajax after the page loads
using this in the ready event:
attributes_Table = $('#attributes').dataTable( {
bStateSave: true,
bProcessing: true,
bPaginate: false,
bLengthChange: false,
bFilter: false,
bSort: false,
bInfo: false,
aoColumns: [
{ sClass: attr, sTitle:
Attribute },
{ sClass: center, sTitle: Level }
],
sAjaxSource:
'/ajax.php?action=get_attributesid=122'
} ) ;
cluetip is bound in the ready event using:
$('a.attr').livequery(function(){
$(this).cluetip({
cluetipClass: 'rounded',
dropShadow: false,
positionBy: 'mouse',
arrows: true
})
})
When the page loads, the table is populated correctly and the cluetips
inside the table work great. But when an ajax call is made to refresh
the table using:
attributes_Table.fnReloadAjax();
cluetip no longer seems to work. No errors are in the error console.
Is there a way to force livequery to rebind a.attr after I reload the
ajax?
Is there a better way to force the rebind after I reload the ajax?
Any help is greatly appreciated!
[jQuery] Re: cluetip + livequery (or other rebinding method)
thanks, Karl. You are the best.
It does have a callback, but I'm not sure what I would need to include
to have it rebind.
Do you have any suggestions?
On Jun 17, 1:28 pm, Karl Swedberg k...@englishrules.com wrote:
Hi Chris,
I went tohttp://www.sprymedia.co.uk/article/DataTablesbut I
coujldn't find the fnReloadAjax function in the documentation. Does it
have a callback argument? If so, you could rebind the cluetip in there.
--Karl
Karl Swedbergwww.englishrules.comwww.learningjquery.com
On Jun 17, 2009, at 11:10 AM, Chris Hall wrote:
Hello everyone.
I've searched and the posts about rebinding cluetip and thought
livequery would be a good option, but it just seems to work on the
first load?
Background:
I'm using the cluetip plugin along with the dataTable plugin.
DataTable is pulling its table info from ajax after the page loads
using this in the ready event:
attributes_Table = $('#attributes').dataTable( {
bStateSave: true,
bProcessing: true,
bPaginate: false,
bLengthChange: false,
bFilter: false,
bSort: false,
bInfo: false,
aoColumns: [
{ sClass: attr, sTitle:
Attribute },
{ sClass: center, sTitle: Level }
],
sAjaxSource:
'/ajax.php?action=get_attributesid=122'
} ) ;
cluetip is bound in the ready event using:
$('a.attr').livequery(function(){
$(this).cluetip({
cluetipClass: 'rounded',
dropShadow: false,
positionBy: 'mouse',
arrows: true
})
})
When the page loads, the table is populated correctly and the cluetips
inside the table work great. But when an ajax call is made to refresh
the table using:
attributes_Table.fnReloadAjax();
cluetip no longer seems to work. No errors are in the error console.
Is there a way to force livequery to rebind a.attr after I reload the
ajax?
Is there a better way to force the rebind after I reload the ajax?
Any help is greatly appreciated!
[jQuery] remove radio buttom
I'm trying to remove radio buttons under a specific circumstance, but I'm not having much luck. Here are the appropriate snippets: alert(testing); // just to ensure we are here $(div.gloves_wear).empty(); ... table border=0 trtd align=centerbGloves Worn/b/td/tr trtddiv class=wear_gloves input type=radio name=gloves value=0 /None (no bonus)br / input type=radio name=gloves value=20 checked /Big Bear gloves (+1 Strength)br / /div/td/tr /table I get the alert, but it doesn't appear that the empty ever occurs. I get no errors in the javascript console, so I'm sure I'm just referencing it incorrectly or something. Any help is appreciated.
[jQuery] Re: remove radio buttom
Doh Thanks so much for bringing that to my attention. I must have looked at that a million times and was convinced the issue was elsewhere. On Mar 16, 9:12 am, Paul Mills paul.f.mi...@gmail.com wrote: Hi Chris, Your .empty() refers to .gloves_wear - but the class on the div is wear_gloves ! Otherwise code looks OK. Paul On Mar 16, 2:59 am, Chris Hall sifuh...@gmail.com wrote: I'm trying to remove radio buttons under a specific circumstance, but I'm not having much luck. Here are the appropriate snippets: alert(testing); // just to ensure we are here $(div.gloves_wear).empty(); ... table border=0 trtd align=centerbGloves Worn/b/td/tr trtddiv class=wear_gloves input type=radio name=gloves value=0 /None (no bonus)br / input type=radio name=gloves value=20 checked /Big Bear gloves (+1 Strength)br / /div/td/tr /table I get the alert, but it doesn't appear that the empty ever occurs. I get no errors in the javascript console, so I'm sure I'm just referencing it incorrectly or something. Any help is appreciated.
[jQuery] adding a radio button (Firefox vs. IE)
I have a weird issue that only seems to be a problem with Firefox, but
works ok in IE.
I'm adding a radio button using .appendTo and adding the button works
fine, but with Firefox it appears the button is not in the correct
group as selecting it will not deselect anything else in the group.
Selecting it in IE will correctly deselect anything else in the group.
I have reduced the code to just the bare essentials just for
troubleshooting, but you can see what happens.
Here is the HTML:
!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN http://
www.w3.org/TR/html4/loose.dtd
HTML
HEAD
script type=text/javascript src=/js/jquery.js/script
script
function responsePurchase2(response,status) {
var myinput = 'input type=radio name=gloves
value=999' +
response + '/inputbr /';
var myappend = 'div.gloves_wear';
$(myinput).appendTo(myappend);
return false;
}
/script
/HEAD
BODY
table border=0
form method=post action=/fighter-equipment.php?fighterid=97
name=gloveswear id=gloveswear
tr
td
div class=gloves_wear
input type=radio
name=gloves value=0 checkedNone/input
(no bonus)br /
input type=radio
name=gloves value=1 speed company
gloves/input (+1 Speed)br /
input type=radio
name=gloves value=2 speed company
gloves/input (+1 Speed)br /
input type=radio
name=gloves value=3 speed company
gloves/input (+1 Speed)br /
/div
/td
/tr
/form
tr
td colspan=2 align=center
a href=#
onclick=responsePurchase2(1,1)TEST/a
/td
/tr
/table
/BODY
/HTML
and you can see a test here:
http://www.leaguefighter.com/test.php
Select any of the radio buttons, then click the link TEST and click on
the new radio button.
It works for me in IE but not Firefox. I'm sure I'm doing something
wrong, but haven't been able to find it so far.
[jQuery] Re: adding a radio button (Firefox vs. IE)
Thanks That has been corrected, but just as you guessed that was not the issue. The code has been updated here: http://www.leaguefighter.com/test.php Select any of the radio buttons, then click the link TEST and click on the new radio button. It works for me in IE but not Firefox. I'm sure I'm doing something wrong, but haven't been able to find it so far.
[jQuery] Re: idiot alert!!! stupid jeditable question
Thanks for that example. It is starting to make sense to me. However, using this example, when I click on the text area to edit it I see that it looks correct (no br tags and the line breaks are present). However when I save the text area the display isn't correct The breaks aren't there (it appears they are still newlines and not br tags?). Thanks again for the help.
[jQuery] Re: idiot alert!!! stupid jeditable question
Thanks Mike. It appears I'm just not understanding something very basic about this great plugin. My goal is exactly what you are doing here: http://www.appelsiini.net/projects/jeditable/default.html on the Textile Render portion. When the HTML is displayed the line breaks are exactly like when the editor is displayed. That is what I am trying to accomplish (the text displaying the same in HTML as well as in the editor).
[jQuery] Re: adding a radio button (Firefox vs. IE)
Thanks a million, Karl! On Aug 25, 11:14 am, Karl Swedberg [EMAIL PROTECTED] wrote: Hey Chris, The problem is that you have an improperly nested form element. It should work if you do this ... form table ... /table /form instead of this ... table form tr ... /tr /form /table I took the html from your page and pasted it up here with that modification: http://test.learningjquery.com/radios.html --Karl Karl Swedbergwww.englishrules.comwww.learningjquery.com On Aug 25, 2008, at 9:34 AM, Chris Hall wrote: Thanks That has been corrected, but just as you guessed that was not the issue. The code has been updated here: http://www.leaguefighter.com/test.php Select any of the radio buttons, then click the link TEST and click on the new radio button. It works for me in IE but not Firefox. I'm sure I'm doing something wrong, but haven't been able to find it so far.
[jQuery] idiot alert!!! stupid jeditable question
Sorry for the stupid question, but can someone help me understand what I need to do to with jeditable (great plugin!) so when my text area data is submitted the line breaks are converted to br tags, but when the user edits the same text area again the br tags become line breaks again? For example, I enter: this is my test in my jeditable text area. Everything looks great but if I edit the same text area again I get this isbrmybrbrtest
[jQuery] tooltip data?
Does anyone know if a plugin exists that can display a tooltip from information received via ajax or from the output of a javascript function? I see a few that use ajax but I'm unable to modify them to also display tooltip data from a javascript function. Many thanks for the help.
[jQuery] Does a control like this exist?
Hello all, I'm looking for a very odd control, but I'm betting something like this exists. The control is a simple + and - (or even and ) that will increment or decrement a field, but my catch is allowing the increment is conditional. For example, you have field A, field B, and field C and you have 20 points to add to these fields. You can only have as many points in field B as you do in field A, and likewise, you can only have as many points in field C as in field B. So your first selection must be 1 point in field A. Then you can either put your next point also in field A or in field B. Does a form control even remotely like this exist? Many thanks for all the help!
[jQuery] adding a callback function?
Hello everyone.
I am trying to modify the SpinButton code (from here
http://www.softwareunity.com/sandbox/jqueryspinbtn/) to include a
callback when the value is changed.
I'm very new to callback functions and have tried searching the web
for how to add them but so far have had no luck.
My desired goal is to be able to pass a function or not and if the
function is included have it executed when the spinner button is
clicked.
Here is what I have tried (along with the original code):
$.fn.SpinButton = function(cfg){
return this.each(function(){
// Apply specified options or defaults:
// (Ought to refactor this some day to use $.extend() instead)
this.spinCfg = {
//min: cfg cfg.min ? Number(cfg.min) : null,
//max: cfg cfg.max ? Number(cfg.max) : null,
min: cfg !isNaN(parseFloat(cfg.min)) ?
Number(cfg.min) :
null, // Fixes bug with min:0
max: cfg !isNaN(parseFloat(cfg.max)) ?
Number(cfg.max) : null,
step: cfg cfg.step ? Number(cfg.step) : 1,
page: cfg cfg.page ? Number(cfg.page) : 10,
upClass: cfg cfg.upClass ? cfg.upClass : 'up',
downClass: cfg cfg.downClass ? cfg.downClass :
'down',
reset: cfg cfg.reset ? cfg.reset : this.value,
delay: cfg cfg.delay ? Number(cfg.delay) : 500,
interval: cfg cfg.interval ? Number(cfg.interval) :
100,
_btn_width: 20,
_btn_height: 12,
_direction: null,
_delay: null,
_repeat: null,
callback: function(){} /* I added this*/
};
this.adjustValue = function(i){
var v = (isNaN(this.value) ? this.spinCfg.reset :
Number(this.value)) + Number(i);
if (this.spinCfg.min !== null) v = Math.max(v,
this.spinCfg.min);
if (this.spinCfg.max !== null) v = Math.min(v,
this.spinCfg.max);
callback(); /* I added this)
this.value = v;
};
when trying to run this I get callback is not defined.
Any help is greatly appreciated!!!
[jQuery] Re: jTip reload issue
Thank you, I was able to solve the issue using the links you provided. On Aug 1, 11:40 pm, Karl Swedberg [EMAIL PROTECTED] wrote: Hi Chris, You're probably binding the jtip function to the page only when it's initially loaded. You'll probably need to re-bind it after the new content has been inserted into the DOM. Here is a link to to a quick solution:http://docs.jquery.com/ Frequently_Asked_Questions#Why_do_my_events_stop_working_after_an_Ajax_r equest.3F and here is a link to a lengthier discussion:http://docs.jquery.com/Tutorials:AJAX_and_Events One caveat: If I recall correctly, the Behaviors plugin doesn't work with content that is inserted via ajax (only via DOM manipulation). --Karl _ Karl Swedbergwww.englishrules.comwww.learningjquery.com On Aug 1, 2007, at 10:30 PM, Chris Hall wrote: Hello all. I am new to jQuery, and I must say it is FANTASTIC! I am using jTips and it is working very well, but with one exception. When my page is intially loaded, everything works great. However, when I reload a DIV using AJAX, the jtips in that div do not work. I have verified the code I am using to reload the div is exactly the same (for testing, but once this is fixed it will not be). So for example, when the page is initially loaded I have: Area description goes herebr / In this area you see a href=tips.php?tip=player14 class=jTip id=player14 name=GONtest13/a, a href=tips.php?tip=player19 class=jTip id=player19 name=GONtest5/a And everything works fine. But after the page has been loaded and I use AJAX to reload that div with: Area description goes herebr / In this area you see a href=tips.php?tip=player14 class=jTip id=player14 name=GONtest13/a, a href=tips.php?tip=player19 class=jTip id=player19 name=GONtest5/a The jtips do not work. What am I doing wrong? And thanks for all your help and your wonderful framework!!!
[jQuery] jTip reload issue
Hello all. I am new to jQuery, and I must say it is FANTASTIC! I am using jTips and it is working very well, but with one exception. When my page is intially loaded, everything works great. However, when I reload a DIV using AJAX, the jtips in that div do not work. I have verified the code I am using to reload the div is exactly the same (for testing, but once this is fixed it will not be). So for example, when the page is initially loaded I have: Area description goes herebr / In this area you see a href=tips.php?tip=player14 class=jTip id=player14 name=GONtest13/a, a href=tips.php?tip=player19 class=jTip id=player19 name=GONtest5/a And everything works fine. But after the page has been loaded and I use AJAX to reload that div with: Area description goes herebr / In this area you see a href=tips.php?tip=player14 class=jTip id=player14 name=GONtest13/a, a href=tips.php?tip=player19 class=jTip id=player19 name=GONtest5/a The jtips do not work. What am I doing wrong? And thanks for all your help and your wonderful framework!!!
