2011-06-10 47 views
1
$str = "<div>blahblahblah<b>foofoo</b><i>barbar</i></div>"; 

我分開兩個部分剪切html內容並保持格式不變?

1-presentation_text 
2-full content when click on read more. 

    $presentation = substr($str,0,23); 
<div>blahblahblah<b>foo 
    $detail = substr($str,23); 
    foo</b><i>barbar</i></div> 

我怎能格式,當它在顯示演示塊和細節塊? 我的意思是

在演示塊應該是:

blahblahblah /* foo的具有大膽這裏*/



詳細塊

barbar/*富也有大膽*/

+1

這個問題目前還不清楚。 – 2011-06-10 12:28:15

+0

我更新了。你明白了嗎? – newbie 2011-06-10 12:36:03

回答

1

更容易做到這一點的客戶端:

CSS

.presentation { 
    width: 200px; 
    height: 20px; 
    overflow: hidden; 
} 
.detail { 
    width: auto; 
    height: auto; 
} 

的Javascript

$(function(){ 
    $('.presentation').live('click', function(){ 
     $(this).attr('class', 'detail'); 
    }); 

    $('.detail').live('click', function(){ 
     $(this).attr('class', 'presentation'); 
    }); 
}); 

HTML

<div class="presentation"> 
    <div>blahblahblah<b>foofoo</b><i>barbar</i></div> 
</div> 

工作例如:http://jsfiddle.net/fznWf/1/