2011-12-30 13 views
1

私のボディオンロードをdivタグに表示しようとしていますが、解決できません。それは私のジャバスクリプトに3つの機能があるのでできますか?ボディオンロード作業ができません

単純なフォームを使用しているとき、それは魅力のように機能します。しかし、私はフォームを必要としません、それはDivタグに表示されるだけです。アルのため

おかげで助けをyoureの私をここに与える:)

これは私のスクリプト

<script language="javascript" type="text/javascript"> 
<!-- 
// Get the HTTP Object 
function getHTTPObject(){ 
    if (window.ActiveXObject) return new ActiveXObject("Microsoft.XMLHTTP"); 
    else if (window.XMLHttpRequest) return new XMLHttpRequest(); 
    else { 
     alert("Your browser does not support AJAX."); 
     return null; 

    } 
}  
// Change the value of the outputText field 
function setOutput(){ 
    if(httpObject.readyState == 4){ 
     document.getElementById('outputText').value = httpObject.responseText; 
    } 

} 
// Implement business logic  
function doWork(){  
    httpObject = getHTTPObject(); 
    if (httpObject != null) { 
     httpObject.open("GET", "rss.php?rssFeed=" 
         +document.getElementById('inputText').value, true); 
     httpObject.send(null); 
     httpObject.onreadystatechange = setOutput; 
    } 

} 

var httpObject = null; 

//--> 

</script> 

これは、表示するための使用してコードイムです。

私は入力タイプやテキストエリアを使いたくないということです。私は表示テキストの周りに境界線を取得するので。

私はただのテキストのように見せたいだけです。テキストフィールドではありません。

document.getElementById('outputText').innerHTML= httpObject.responseText; 

<body onload="doWork()"> 
<div id="page-wrap"> 
<h1> Dagens ordspråk</h1> 

<div id="myDiv"> 
<input type="hidden" onclick="doWork();" name="inputText" id="inputText"/> 
<textarea name="outputText" id="outputText" cols="50" rows="20"></ 
</textarea> 
</div> 
</div> 
+0

..国境を持たないようにテキストエリア入力のスタイルを設定することができます) ">')? –

+0

申し訳ありませんが、 Dymond

+0

実際には、私は を持っていますが、それでも私のフォームでのみ動作します。 divタグだけでなく、 – Dymond

答えて

1

変更

document.getElementById('outputText').value = httpObject.responseText; 

そして、あなたは

<div id="outputText"></div> 

...今の結果を保持するために divにあなたのテキストエリアに変換することができます

また、あなたが実際にあなたのJS関数の1つを呼び出すコードを表示することができます(たとえば、多分あなたは `<ボディのonload" doWorkを(持っている

<style type="text/css"> 
    textarea{ border: 0;} 
</style> 
+0

ありがとうございました!スタイルのタイプワークト:) – Dymond