return to ThreeDots HomePage >>>

action before after
[01] focus: basic functionality
  1. $('.text_here').ThreeDots({max_rows:1});
asd as daodsiajda dsafoiaf afsoiajsfas nfas fasofijasf asfoiajsfa sfaoijfasd asoidjasd asdaisjdads asodijasd asdoijasdiojsad
asd as daodsiajda dsafoiaf afsoiajsfas nfas fasofijasf asfoiajsfa sfaoijfasd asoidjasd asdaisjdads asodijasd asdoijasdiojsad
[01.5] focus: basic functionality; don't truncate
  1. $('.text_here').ThreeDots({max_rows:1});
asd as daodsiajda
asd as daodsiajda
[02] focus: max_rows = 3
  1. the_obj2 = $('.text_here2').ThreeDots({max_rows:3});
asd as daodsiajda dsafoiaf afsoiajsfas nfas fasofijasf asfoiajsfa sfaoijfasd asoidjasd asdaisjdads asodijasd asdoijasdiojsad
asd as daodsiajda dsafoiaf afsoiajsfas nfas fasofijasf asfoiajsfa sfaoijfasd asoidjasd asdaisjdads asodijasd asdoijasdiojsad
[03] focus: max_rows = 100
  1. the_obj = $('.text_here3').ThreeDots({max_rows:100});
asd as daodsiajda dsafoiaf afsoiajsfas nfas fasofijasf asfoiajsfa sfaoijfasd asoidjasd asdaisjdads asodijasd asdoijasdiojsad
asd as daodsiajda dsafoiaf afsoiajsfas nfas fasofijasf asfoiajsfa sfaoijfasd asoidjasd asdaisjdads asodijasd asdoijasdiojsad
[04] focus: word truncation enabled & link as ellipsis
  1. the_obj = $('.text_here4').ThreeDots({max_rows:1, ellipsis_string:'<a href="google.com">(click here)</a>'});
asd as daodsiajda dsafoiaf afsoiajsfas nfas fasofijasf asfoiajsfa sfaoijfasd asoidjasd asdaisjdads asodijasd asdoijasdiojsad
asd as daodsiajda dsafoiaf afsoiajsfas nfas fasofijasf asfoiajsfa sfaoijfasd asoidjasd asdaisjdads asodijasd asdoijasdiojsad
[05] focus: word truncation enabled & link as ellipsis WITH 1 long word
  1. the_obj = $('.text_here4').ThreeDots({max_rows:1, ellipsis_string:'<a href="google.com">(click here)</a>'});
jjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjj
jjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjj
[06] focus: word truncation enabled & link as ellipsis WITH many long words
  1. the_obj = $('.text_here4').ThreeDots({max_rows:1, ellipsis_string:'<a href="google.com">(click here)</a>'});
jjj jjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjj jjjjjjjjjjjjjjjjjjjj jjjjjjjjjjjjjjjjjjjjj
jjj jjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjj jjjjjjjjjjjjjjjjjjjj jjjjjjjjjjjjjjjjjjjjj
[07] focus: basic functionality WITH whole_word = false
  1. $('.text_here5').ThreeDots({max_rows:1, whole_word:false});
asd as daodsiajda dsafoiaf afsoiajsfas nfas fasofijasf asfoiajsfa sfaoijfasd asoidjasd asdaisjdads asodijasd asdoijasdiojsad
asd as daodsiajda dsafoiaf afsoiajsfas nfas fasofijasf asfoiajsfa sfaoijfasd asoidjasd asdaisjdads asodijasd asdoijasdiojsad
[08] focus: max_rows = 3 WITH whole_word = false
  1. the_obj = $('.text_here6').ThreeDots({max_rows:3, whole_word:false});
asd as daodsiajda dsafoiaf afsoiajsfas nfas fasofijasf asfoiajsfa sfaoijfasd asoidjasd asdaisjdads asodijasd asdoijasdiojsad
asd as daodsiajda dsafoiaf afsoiajsfas nfas fasofijasf asfoiajsfa sfaoijfasd asoidjasd asdaisjdads asodijasd asdoijasdiojsad
[09] focus: max_rows = 1 WITH whole_word = false DESTRUCTED by max_rows = 100 ONLY
  1. the_obj = $('.text_here7').ThreeDots({max_rows:1, whole_word:false});
  2. $(the_obj).ThreeDots.update({max_rows:100});
asd as daodsiajda dsafoiaf afsoiajsfas nfas fasofijasf asfoiajsfa sfaoijfasd asoidjasd asdaisjdads asodijasd asdoijasdiojsad
asd as daodsiajda dsafoiaf afsoiajsfas nfas fasofijasf asfoiajsfa sfaoijfasd asoidjasd asdaisjdads asodijasd asdoijasdiojsad
[10] focus: max_rows = 1 WITH whole_word = false AND ellipsis as link
  1. the_obj = $('.text_here8').ThreeDots({max_rows:1, whole_word:false, ellipsis_string:'<a href="google.com">(click here)</a>'});
asd as daodsiajda dsafoiaf afsoiajsfas nfas fasofijasf asfoiajsfa sfaoijfasd asoidjasd asdaisjdads asodijasd asdoijasdiojsad
asd as daodsiajda dsafoiaf afsoiajsfas nfas fasofijasf asfoiajsfa sfaoijfasd asoidjasd asdaisjdads asodijasd asdoijasdiojsad
[11] focus: max_rows = 1 WITH whole_word = false AND ellipsis as link WITH 1 long word
  1. the_obj = $('.text_here8').ThreeDots({max_rows:1, whole_word:false, ellipsis_string:'<a href="google.com">(click here)</a>'});
jjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjj
jjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjj
[12] focus: max_rows = 1 WITH whole_word = false AND ellipsis as link WITH multiple long words
  1. the_obj = $('.text_here8').ThreeDots({max_rows:1, whole_word:false, ellipsis_string:'<a href="google.com">(click here)</a>'});
jjj jjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjj jjjjjjjjjjjjjjjjjjjj jjjjjjjjjjjjjjjjjjjjj
jjj jjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjj jjjjjjjjjjjjjjjjjjjj jjjjjjjjjjjjjjjjjjjjj
[13] focus: max_row = 1 WITH delimiter emphasis on PERIOD
  1. $('.text_here').ThreeDots({max_rows:1});
asd as.daodsiajda.dsafoiaf.afsoiajsfas.nfas.fasofijasf.asfoiajsfa.sfaoijfasd.asoidjasd.asdaisjdads.asodijasd.asdoijasdiojsad
asd as.daodsiajda.dsafoiaf.afsoiajsfas.nfas.fasofijasf.asfoiajsfa.sfaoijfasd.asoidjasd.asdaisjdads.asodijasd.asdoijasdiojsad
[14] focus: max_rows = 1 WITH whole_word = TRUE AND ellipsis as link WITH emphasis on PERIOD delimiter
  1. the_obj = $('.text_here4').ThreeDots({max_rows:1, whole_word:false, ellipsis_string:'<a href="google.com">(click here)</a>'});
jjj.jjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjj.jjjjjjjjjjjjjjjjjjjj jjjjjjjjjjjjjjjjjjjjj
jjj.jjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjj.jjjjjjjjjjjjjjjjjjjj jjjjjjjjjjjjjjjjjjjjj
[15] focus: empty delimiter specification
  1. $('.text_here9').ThreeDots({max_rows:1; valid_delimiters[null]});
asd as.daodsiajda.dsafoiaf.afsoiajsfas.nfas.fasofijasf.asfoiajsfa.sfaoijfasd.asoidjasd.asdaisjdads.asodijasd.asdoijasdiojsad
asd as.daodsiajda.dsafoiaf.afsoiajsfas.nfas.fasofijasf.asfoiajsfa.sfaoijfasd.asoidjasd.asdaisjdads.asodijasd.asdoijasdiojsad
[16] focus: empty delmiter specification WITH max_rows = 1 AND ellipsis as LINK AND whole_word = false
  1. the_obj = $('.text_here10').ThreeDots({max_rows:1, whole_word:false, valid_delimiters[null], ellipsis_string:'<a href="google.com">(click here)</a>'});
jjj.jjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjj.jjjjjjjjjjjjjjjjjjjj jjjjjjjjjjjjjjjjjjjjj
jjj.jjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjj.jjjjjjjjjjjjjjjjjjjj jjjjjjjjjjjjjjjjjjjjj
[17] focus: invalid multi-character delimiter specified
  1. $('.text_here11').ThreeDots({max_rows:1; valid_delimiters['long']});
asd as.longsiajda.dsafoiaf.afsoiajsfas.nfas.fasofijasf.asfoiajsfa.sfaoijfasd.asoidjasd.asdaisjdads.asodijasd.asdoijasdiojsad
asd as.longsiajda.dsafoiaf.afsoiajsfas.nfas.fasofijasf.asfoiajsfa.sfaoijfasd.asoidjasd.asdaisjdads.asodijasd.asdoijasdiojsad
[18] focus: invalid multi-char delimiter WITH whole_word = false
  1. the_obj = $('.text_here12').ThreeDots({max_rows:1, whole_word:false, valid_delimiters['long'], ellipsis_string:'<a href="google.com">(click here)</a>'});
jlongjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjj.jjjjjjjjjjjjjjjjjjjj jjjjjjjjjjjjjjjjjjjjj
jlongjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjj.jjjjjjjjjjjjjjjjjjjj jjjjjjjjjjjjjjjjjjjjj
[19] focus: MISSING CLASS: 'ellipsis_text' AND W/ custom delimiter '*'
  1. the_obj2 = $('.text_here13').ThreeDots({max_rows:1; valid_delimiters['*']});
a*d a*.long*iajda.d*afoiaf.af*oiaj*fa*.nfa*.fa*ofija*f.a*foiaj*fa.*faoijfa*d.a*oidja*d.a*dai*jdad*.a*odija*d.a*doija*dioj*ad
a*d a*.long*iajda.d*afoiaf.af*oiaj*fa*.nfa*.fa*ofija*f.a*foiaj*fa.*faoijfa*d.a*oidja*d.a*dai*jdad*.a*odija*d.a*doija*dioj*ad
[20] focus: MISSING CLASS part 2: CLASS 'ellipsis_text' is PRESENT AND W/ custom delimiter '*'
  1. the_obj2 = $('.text_here13').ThreeDots({max_rows:1; valid_delimiters['*']});
a*d a*.long*iajda.d*afoiaf.af*oiaj*fa*.nfa*.fa*ofija*f.a*foiaj*fa.*faoijfa*d.a*oidja*d.a*dai*jdad*.a*odija*d.a*doija*dioj*ad
a*d a*.long*iajda.d*afoiaf.af*oiaj*fa*.nfa*.fa*ofija*f.a*foiaj*fa.*faoijfa*d.a*oidja*d.a*dai*jdad*.a*odija*d.a*doija*dioj*ad
[21] focus: custom delimiter '*' AND whole_word = TRUE AND ellipsis_string AS LINK AND CUSTOM DELIMITER '*'
  1. the_obj = $('.text_here14').ThreeDots({max_rows:1, whole_word:false, valid_delimiters['*'], ellipsis_string:'<a href="google.com">(click here)</a>'});
a*d a*.long*iajda.d*afoiaf.af*oiaj*fa*.nfa*.fa*ofija*f.a*foiaj*fa.*faoijfa*d.a*oidja*d.a*dai*jdad*.a*odija*d.a*doija*dioj*ad
a*d a*.long*iajda.d*afoiaf.af*oiaj*fa*.nfa*.fa*ofija*f.a*foiaj*fa.*faoijfa*d.a*oidja*d.a*dai*jdad*.a*odija*d.a*doija*dioj*ad
[22] focus: custom delimiter '*' AND whole_word = FALSE AND ellipsis_string AS LINK AND CUSTOM DELIMITER '*'
  1. the_obj = $('.text_here15').ThreeDots({max_rows:1, whole_word:false, valid_delimiters['*'], ellipsis_string:'<a href="google.com">(click here)</a>'});
a*d a*.long*iajda.d*afoiaf.af*oiaj*fa*.nfa*.fa*ofija*f.a*foiaj*fa.*faoijfa*d.a*oidja*d.a*dai*jdad*.a*odija*d.a*doija*dioj*ad
a*d a*.long*iajda.d*afoiaf.af*oiaj*fa*.nfa*.fa*ofija*f.a*foiaj*fa.*faoijfa*d.a*oidja*d.a*dai*jdad*.a*odija*d.a*doija*dioj*ad
[23] focus: max_rows = 0
  1. the_obj = $('.text_here16').ThreeDots({max_rows:0, whole_word:false, valid_delimiters['*'], ellipsis_string:'<a href="google.com">(click here)</a>'});
a*d a*.long*iajda.d*afoiaf.af*oiaj*fa*.nfa*.fa*ofija*f.a*foiaj*fa.*faoijfa*d.a*oidja*d.a*dai*jdad*.a*odija*d.a*doija*dioj*ad
a*d a*.long*iajda.d*afoiaf.af*oiaj*fa*.nfa*.fa*ofija*f.a*foiaj*fa.*faoijfa*d.a*oidja*d.a*dai*jdad*.a*odija*d.a*doija*dioj*ad
[24] focus: allow dangling ellipsis
  1. the_obj = $('.text_here17').ThreeDots({max_rows:2, allow_dangle: true, whole_word:true, valid_delimiters['*'], ellipsis_string:'<a href="google.com">(click here)</a>'});
a*d a*.long*iajda.d*afoiaf.af*oiaj*fa*.nfa*.fa*ofija*f.a*foiaj*fa.*faoijfa*d.a*oidja*d.a*dai*jdad*.a*odija*d.a*doija*dioj*ad
a*d a*.long*iajda.d*afoiaf.af*oiaj*fa*.nfa*.fa*ofija*f.a*foiaj*fa.*faoijfa*d.a*oidja*d.a*dai*jdad*.a*odija*d.a*doija*dioj*ad
[25] focus: don't allow dangling ellipsis
  1. the_obj = $('.text_here18').ThreeDots({max_rows:2, allow_dangle: false, whole_word:true, valid_delimiters['*'], ellipsis_string:'<a href="google.com">(click here)</a>'});
a*d a*.long*iajda.d*afoiaf.af oiaj*fa*.nfa*.fa*ofija*f.a*foiaj*fa.*faoijfa*d.a*oidja*d.a*dai*jdad*.a*odija*d.a*doija*dioj*ad
a*d a*.long*iajda.d*afoiaf.af oiaj*fa*.nfa*.fa*ofija*f.a*foiaj*fa.*faoijfa*d.a*oidja*d.a*dai*jdad*.a*odija*d.a*doija*dioj*ad
[26] focus: empty string
  1. the_obj = $('.text_here18').ThreeDots({max_rows:2, allow_dangle: false, whole_word:true, valid_delimiters['*'], ellipsis_string:'<a href="google.com">(click here)</a>'});
[27] focus: leading delimiter
  1. the_obj = $('.text_here19').ThreeDots({max_rows:2, allow_dangle: false, whole_word:true, ellipsis_string:'<a href="google.com">(click here)</a>'});
.sadasd asdasd.sadasd asdasd.sadasd asdasd.sadasd asdasd.sadasd asdasd.sadasd asdasd
.sadasd asdasd.sadasd asdasd.sadasd asdasd.sadasd asdasd.sadasd asdasd.sadasd asdasd
[28] focus: leading delimiter
  1. the_obj = $('.text_here20').ThreeDots({max_rows:2, allow_dangle: false, whole_word:true, ellipsis_string:'<a href="google.com">(click here)</a>'});
........................................................................................................................................................................................................................................................................................................................
........................................................................................................................................................................................................................................................................................................................
[29] focus: ellipsis hoverable & text not hoverable W/ ELLIPSIS
  1. the_obj = $('.text_here21').ThreeDots({max_rows:2, allow_dangle: false, whole_word:true, ellipsis_string:'<a href="google.com">(click here)</a> alt_text_e:true, alt_text_t:false'});
.sadasd asdasd.sadasd asdasd.sadasd asdasd.sadasd asdasd.sadasd asdasd.sadasd asdasd
.sadasd asdasd.sadasd asdasd.sadasd asdasd.sadasd asdasd.sadasd asdasd.sadasd asdasd
[30] focus: ellipsis hoverable & text not hoverable WO/ ELLIPSIS
  1. the_obj = $('.text_here22').ThreeDots({max_rows:100, allow_dangle: false, whole_word:true, ellipsis_string:'<a href="google.com">(click here)</a> alt_text_e:true, alt_text_t:false'});
.sadasd asdasd.sadasd asdasd.sadasd asdasd.sadasd asdasd.sadasd asdasd.sadasd asdasd
.sadasd asdasd.sadasd asdasd.sadasd asdasd.sadasd asdasd.sadasd asdasd.sadasd asdasd
[31] focus: ellipsis not hoverable & text hoverable W/ ELLIPSIS
  1. the_obj = $('.text_here23').ThreeDots({max_rows:2, allow_dangle: false, whole_word:true, ellipsis_string:'<a href="google.com">(click here)</a> alt_text_e:false, alt_text_t:true'});
.sadasd asdasd.sadasd asdasd.sadasd asdasd.sadasd asdasd.sadasd asdasd.sadasd asdasd
.sadasd asdasd.sadasd asdasd.sadasd asdasd.sadasd asdasd.sadasd asdasd.sadasd asdasd
[32] focus: ellipsis not hoverable & text hoverable WO/ ELLIPSIS
  1. the_obj = $('.text_here24').ThreeDots({max_rows:100, allow_dangle: false, whole_word:true, ellipsis_string:'<a href="google.com">(click here)</a> alt_text_e:false, alt_text_t:true'});
.sadasd asdasd.sadasd asdasd.sadasd asdasd.sadasd asdasd.sadasd asdasd.sadasd asdasd
.sadasd asdasd.sadasd asdasd.sadasd asdasd.sadasd asdasd.sadasd asdasd.sadasd asdasd
[33] focus: ellipsis not hoverable & text not hoverable W/ ELLIPSIS
  1. the_obj = $('.text_here25').ThreeDots({max_rows:2, allow_dangle: false, whole_word:true, ellipsis_string:'<a href="google.com">(click here)</a> alt_text_e:false, alt_text_t:false'});
.sadasd asdasd.sadasd asdasd.sadasd asdasd.sadasd asdasd.sadasd asdasd.sadasd asdasd
.sadasd asdasd.sadasd asdasd.sadasd asdasd.sadasd asdasd.sadasd asdasd.sadasd asdasd
[34] focus: ellipsis not hoverable & text not hoverable WO/ ELLIPSIS
  1. the_obj = $('.text_here26').ThreeDots({max_rows:100, allow_dangle: false, whole_word:true, ellipsis_string:'<a href="google.com">(click here)</a> alt_text_e:false, alt_text_t:false'});
.sadasd asdasd.sadasd asdasd.sadasd asdasd.sadasd asdasd.sadasd asdasd.sadasd asdasd
.sadasd asdasd.sadasd asdasd.sadasd asdasd.sadasd asdasd.sadasd asdasd.sadasd asdasd
[35] focus: ellipsis hoverable & text hoverable W/ ELLIPSIS
  1. the_obj = $('.text_here27').ThreeDots({max_rows:2, allow_dangle: false, whole_word:true, ellipsis_string:'<a href="google.com">(click here)</a> alt_text_e:false, alt_text_t:false'});
.sadasd asdasd.sadasd asdasd.sadasd asdasd.sadasd asdasd.sadasd asdasd.sadasd asdasd
.sadasd asdasd.sadasd asdasd.sadasd asdasd.sadasd asdasd.sadasd asdasd.sadasd asdasd
[36] focus: ellipsis hoverable & text hoverable WO/ ELLIPSIS
  1. the_obj = $('.text_here28').ThreeDots({max_rows:100, allow_dangle: false, whole_word:true, ellipsis_string:'<a href="google.com">(click here)</a> alt_text_e:false, alt_text_t:false'});
.sadasd asdasd.sadasd asdasd.sadasd asdasd.sadasd asdasd.sadasd asdasd.sadasd asdasd
.sadasd asdasd.sadasd asdasd.sadasd asdasd.sadasd asdasd.sadasd asdasd.sadasd asdasd