クリックしてください:click it
そして、関数にいくつかの行を追加して: Show_More_Less()
、次の次のことを行うにはどうすればよいか教えてください:
1) ユーザーが "show more" を押すと、すべてのテキストが表示されshow more
、`show less' になります。
2) 「表示を減らす」 - 90 文字のテキストが表示され、show less
になりshow more
ます。
私はそれをやろうとしましたが、テキストを上書きしました (そして、それが永遠に 90 文字に変更された理由です)。
初期状態を次のようにしたい:90文字のみを表示し、divのテキストは次のようになりますshow more
<!DOCTYPE html>
<html>
<body>
<script>
function add_text_to_textarea() {
var str = "Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore";
if (str.length > 90) {
document.getElementById('show_more_less').style.visibility = 'visible';
}
else {
document.getElementById('show_more_less').style.visibility = 'hidden';
}
document.getElementById('mytext').innerHTML = str;
}
function Show_More_Less() {
var e = document.getElementById('show_more_less').innerHTML.toUpperCase();
var str = document.getElementById('mytext').innerHTML;
if (e == "SHOW MORE") {
document.getElementById('mytext').innerHTML = str;
document.getElementById('show_more_less').innerHTML = "Show less";
}
else {
document.getElementById('mytext').innerHTML = str.substr(0,90);
document.getElementById('show_more_less').innerHTML = "Show more";
}
}
</script>
<textarea id="mytext"></textarea>
<div id="run_fun" onClick="add_text_to_textarea();">click it</div>
<div id="show_more_less" onClick="Show_More_Less();" style="visibility : hidden;">Show more</div>
</body>
</html>
どんな助けでも大歓迎です!