asp.net mvc - Break a string and merge string in c# with show and hide options -


my requirement:

my string should break after words , @ place need place "+more" option. when user click "+more" need show entire text. after end of text need show "-hide". when user click "-hide" should show previous. means text "+more" option. can 1 this.

my code:

var fullstring= "string above 150 charecters here";  var compressedstring = totalnews.fullstring(150);  <div class="temphide">    @compressedstring   </div> <a class="show" id="@newsitem.applicationnewsid">+more</a>  var continues = fullstring.substring(150, totalnews.length - 150); <div style="display:none;" >  @fullstring &nbsp;&nbsp;<a class="hide">-hide</a> </div>

script:

<script type="text/javascript">     $(document).ready(function () {         $('.show').click(function () {             $(this).next('div').slidetoggle();         });          $('.hide').click(function () {             $(this).parent().slideup();         });     });  </script>

my problem:
here when click "+more" option showing "+more" "-hide". requirement when click "+more" need show fullstring "-hide" option. doing showing "+more" , "-hide". please can 1 this.

script:

$.fn.truncate = function(options) {     $(this).append('<span class="truncate_lh" style="display:none;">&nbsp;</span>')      var defaults = {         maxlines: 2,         moretext: 'more',         lesstext: 'less',         ellipsis: '...'     };      $.extend(options, {         lineheight: ($('.truncate_lh').css('height').replace('px', ''))     });     $.extend(options, {         maxheight: (options.maxlines * options.lineheight)     });     options = $.extend(defaults, options);      return this.each(function() {         var text = $(this);          if (text.height() > options.maxheight) {              text.css({                 'overflow': 'hidden',                 'height': options.maxheight + 'px'             });              var link = $('<a href="#" class="showhide">' + options.moretext + '</a>');             var wrapdiv = $('<div class="truncate_wrap" />');              text.wrap(wrapdiv);             text.after(link);              link.click(function() {                 if (link.text() == options.moretext) {                     link.text(options.lesstext);                     text.css('height', 'auto');                 } else {                     link.text(options.moretext);                     text.css('height', options.maxheight + 'px');                 }                 return false;             });         }     }); };  $().ready(function() {       $('.truncate').truncate( {           maxlines: 4     });   });

view

<p class="truncate">//here text...</p>

i have done of

http://jsfiddle.net/pjgzq/1/

visit link


Comments

Post a Comment

Popular posts from this blog

Change php variable from jquery value using ajax (same page) -

what i'm trying this: i've php global variable $currentid , simple jquery script check if there "id" (page) in hash of url , if yes wanted give value $currentid . i've been reading lot , notice shall use ajax i'm not managing it. my code is: <script type="text/javascript"> $(document).ready(function(){ if (parent.location.hash != '' ) { var thecurrentid = parent.location.hash.split('#')[1]; $.ajax({ url: 'my.php', //current page type: 'post', data: {theid: thecurrentid }, datatype: 'json', success: function () { } }); } // code here }); </script> could me please? thank in advance. php server side language, meaning once has sent data browser, php variables , data cannot changed... however, using ajax, can send request php page , change data in dom based on result. consider th...
Read more

Pull out data related to my apps from Android Play Store and iOS App Store -

i want pull out data related apps (ratings, reviews, etc) google play store , apple app store ? how can accomplish ? i have found open source apis google mentioned not reliable. also there paid apis (e.g. appfigures) available. has idea how able pull data these play stores ?? i looking direction on how can accomplish this. can suggest ? we (appfigures) have been working on developing infrastructure give ability reviews , bunch of other data points major app stores several years :] we make available via our api though may want check out.
Read more

How can I fetch data from a web server in an android application? -

i want retrieve data web server in android application, , don't know begin. should use web services? i recommend these tutorials: connect android php , mysql , json in android , php , mysqli i used these tutorials , managed trying working without difficulty. between them describe each step in how attempting @ each stage, android application, database , web server side , has information included can process , use received information the thing add connect android php , mysql tutorial makes use of mysql_ in php deprecated. better use mysqli why included third link. the basic outline of want this: 1) in android app make request server php script using class this: import java.io.bufferedreader; import java.io.ioexception; import java.io.inputstream; import java.io.inputstreamreader; import java.io.unsupportedencodingexception; import java.util.list; import org.apache.http.httpentity; import org.apache.http.httpresponse; import org.apache.http.namevaluepair...
Read more