2011-07-01 15 views
1

誰かがJavaScriptを手伝ってもらえますか?私は、コンソールlog_consoleにメッセージの色を追加する

<div id="log_console"></div> 

を記録しており、私は2つのパラメータtype = {success, error}text ="some text"を持つ関数を記述する必要があります。私は各メッセージを別々の行に表示する必要があります。成功の場合はの場合はエラーです。

この問題を解決するにはどうすればよいですか?トリックを行う必要がありますのonclickイベントと呼ば

+0

。どのブラウザでこれをしたいですか? –

+0

@Jana - あなたのコンソールがDOM要素か、開発者コンソールを参照しているかどうかは不明です。 OPのコードは@Balanivash –

+0

@adamによって追加されました。実際には追加しました。それはOPにあったし、バックティックの中にいなかったので、それは早く見えなかった。 – Balanivash

答えて

0

この機能:

function appendToLog(type, text) 
{ 
    var myLogDiv = document.getElementById("log_console"); 

    var myText = document.createTextNode(text + "<br/>"); 
    var myDiv = document.createElement("div"); 
    if(type=="error") 
    { 
     myDiv.style.color = "red"; 
    } 
    else 
    { 
     myDiv.style.color = "blue"; 
    } 

    myDiv.appendchild(myText); 
    myLogDiv.appendChild(myDiv); 

} 
1
function log(type, text) { 
    var colour = (type = 'success') ? 'blue', 'red'; 
    $('<p />').css('color', colour).html(text).appendTo($('#log_console')); 
} 
+0

ニース、同じ行の 'color'と' colour'。そのような場合には、内部的に同じ綴り、つまり 'color 'を使用する方が意味があります – ThiefMaster

+0

実際には侮辱の必要はありませんでしたか?変数名に関係なく、このコードは、簡潔な方法での解決 –

+0

それはどのように侮辱でしたか?IMOそれはかなり中立的なコメントでした。「あなたが英国ならば」という部分は、 – ThiefMaster

0
 

function add_message(type, text) { 
    var color; 
    switch(type) { 
     case "success": 
      color = "blue"; 
      break; 
     case "error": 
      color = "red"; 
      break; 
     default: 
      return; 
    } 
    var new_div = $("", { 'html': text, 'css': { 'color': color } }); 
    $("#log_console").append(new_div); 
} 
 

はあなたがここでそれで遊ぶことができます:私はこれが可能だとは思わないhttp://jsfiddle.net/NdWZr/

関連する問題