2017-08-10 6 views
0

私は自動的にテキストの一部を太字にするツールを作成しました。これは次のように動作するはずです。フォーマットする必要のあるテキストを挿入したい.txtファイルがあります。これはhier.txtという名前です。 私は、サイト上のJavascript経由でtxtファイルの内容を表示します。 すべてはこの時点まで動作します。私はテキストを取ってランダムにそれのいくつかの通路を太字のスタイリングで表示することになっている別のJavascriptを持っています。私は以前にそれが働いていた、コード内で直接テキストを挿入しようとしたが、つもり簡単に使えているので、それがテキストファイルで動作することが重要である 。ここでJavascriptとスタイルを変更して.txtファイルのコンテンツを表示するには?

は、私がこれまでに達成し何のコードです:

スクリプト.txtファイルを表示する:いくつかの単語を太字にする

$(document).ready(function() { 
    $('#randomText').load("hier.txt"); 
}); 

その他のスクリプトを:

<script> 

     target = document.getElementById("randomText"); 
oldHTML = target.innerHTML; 

for (j=0; j<25;j++){ 
    words = oldHTML.split(" "); 
    wordCount = words.length; 
    var newHTML = ""; 
    var highlightStart = Math.floor(Math.random() * wordCount) + 1; 
    var highlightLength = Math.floor(Math.random() * 5) + 1; 
    for (i = 0; i < wordCount; i++) { 
    if (i == highlightStart) newHTML = newHTML + "<b>"; 
    newHTML = newHTML + words[i] + " "; 
    if (i == highlightStart + highlightLength) newHTML = newHTML +   "</b>"; 
    target.innerHTML = newHTML; 
    }//for i 
    oldHTML = newHTML; 
}// for j 

</script> 

答えて

1

使用​​非同期AJAX呼び出しが、私はあなたが何を意味するか見

+0

を完了した後にタスクを実行するためのコールバック関数他のものに干渉しないように関数を実装する方法をより詳しく説明してください。 – LP3813

+0

'$ {function(){function bold(){ var target = document.getElementById(" randomText "); var oldHTML = target.innerHTML; for(j = 0; j <25; j ++){ /*ものを行う* /};}; $( '#randomText')負荷( "hier.txt"、太字)}) ' – guest271314

+0

あなたは "ものを行う" ことで、正確に何を意味するのですか? :D – LP3813

関連する問題