2012-03-03 6 views
-1

私は何かしたいことがありますが、それが可能であるかどうかはわかりません。HTML/JS - ユーザーが画像URLを背景として貼り付けるようにします。

テキストボックス(入力)が必要で、ユーザーが画像のURLを貼り付けると、そのURLがWebサイトの背景画像URLとして設定されます。

これは可能ですか?誰かがコードを書くことができますか?可能であれば難しいとは思わないでしょう。

ありがとうございます。

+0

これは間違いなく可能ですが、それほど難しいことでもありません。まだ何か試しましたか?これは「私の仕事をしてください」のように聞こえるからです! – Fabian

答えて

2
<script type="text/javascript"> 
function changebackground(){ 
    var url = document.getElementById('bgchanger').value; 
    document.getElementsByTagName('body')[0].style.backgroundImage = "url('" + url + "')"; 
} 
</script> 
<input type="text" id="bgchanger" value="Enter a background URL" /> 
<input type="button" onclick="changebackground();" value="Change!" /> 

未テストですが大丈夫です。

編集は、テストの結果、完璧に動作します:http://jsfiddle.net/EK3Y3/

+0

あなたは素晴らしいです!編集:私が前に持っていたものを見た場合、心配しないで、それを得た!もう一度、ありがとう! – user802609

+0

問題ありません。喜んで助けてくれた。 :) – Jack

0

はい。これを簡単に実現するためにjQueryを使用できますが、javascriptも使用できます。

例を示します。 http://jsfiddle.net/FvDWw/

このテキストボックスに有効な画像URLを貼り付けます。

0

あなたが入力要素の「変更」イベントにハンドラを取り付けることにより、これを行うことができます。次に、input要素の値を使用して、 "body"要素のCSSの "background-image"プロパティを更新します。

たとえば、http://jsfiddle.net/aB3sg/

関連する問題