2016-08-05 7 views
0

私はサイトを作っています。ヘルプボタンがあります。クリックすると、テキストの後ろに画像が表示されます。ボタンをクリックしたときにテキストの背後にあるイメージを取得する方法

<body> 
 
    <div id="inputdiv"> 
 
\t Team 1: 
 
<p> 
 
<input type="text" name="fname" id="name"> 
 

 
<p> 
 
Team 2: 
 
<p> 
 
<input type="text" name="fname2" id="name2"> 
 
</div> 
 

 
<button onclick="showimage"> Help</button> 
 
    <img src="https://support.files.wordpress.com/2009/07/pigeony.jpg?w=688">

私はこれをどのように行うのでしょうか?ありがとう。関数を呼び出すしようとしている場合は、最初の

答えて

0

それはonclick="showimage()"する必要がありますだけでなく、絵のために

onclick="showimage": 多分同じdiv要素にテキストや画像を入れてみてください?私は、テキストが画像の上に行くようにデフォルト設定されていることを知っています。基礎

1

まずようないくつかのフレームワークの中に見ていない場合は、jqueryの関数を呼び出すしたい場合は、として呼び出す必要があります「(showimage)」(あなたのコードでは、あなたは

<button onclick="showimage()"> Help</button>

そして、あなたかのように書く必要がありますテキストの後ろに画像を表示したい場合は、画像を表示するdivのIDを設定し、jqueryを

function showimage(){ 
    $("#id-of-that-div").css("background-image", "url('https://support.files.wordpress.com/2009/07/pigeony.jpg?w=688')"); 
} 
関連する問題