MAJIDEKA.COM－文字・画像

● ２時限目 ●



[画像] or [★ HTML講座 ★] or [背景画像]

[文字・画像]

　ボタンクリックで文章や画像をテキストエリアに書き込んで表示させるには

　ボタンクリックで文字や画像を表示・追加していくには

ボタンクリックで文章や画像をテキストエリアに書き込んで表示させるには

・JavaScriptを使用してボタンクリックで文章や画像をテキストエリアに書き込んで表示させる方法

文章や画像をテキストエリアに書き込んでその場で表示させるには、JavaScriptを使用します。
　初期設定で画像を表示する場合には、画像の貼りつけを行ってください。
　例えば、テキストエディタに下記のような記述を<body>～</body>の間にしてから、ブラウザで確認してください。
　　<script type="text/javascript">  </script> <form name="f1"> <textarea name="t1" cols="70" rows="7"> MAJIDEKA<b>MAJIDEYO</b><i>MAJINOSUKE</i> </textarea><br> <input type="button" value="Click" onclick="func()"> </form> <div id="d1">MAJIDEKA<b>MAJIDEYO</b><i>MAJINOSUKE</i></div>
　ブラウザにはこのように表示されます。

ボタンクリックで文字や画像を表示・追加していくには

・JavaScriptを使用してボタンクリックで文字や画像を表示・追加していく方法

ボタンクリックで文字や画像を表示・追加していくには、JavaScriptを使用します。
　img src="xxx.gif"の""内には画像のURLを記入してください。
　初期設定で文字を表示する場合には、文字を記述してください。
　例えば、テキストエディタに下記のような記述をしてから、ブラウザで確認してください。
　　<html> <head> <title>ボタンクリックで表示・追加</title> <script type="text/javascript">  </script> </head> <body> <button onclick="func()">Click</button> <div id="ia1"><div> </body> </html>
　ブラウザにはこのように表示されます。

▲ページトップへ

Copyright (c) 2006～ MAJIDEKA.COM. All Rights Reserved.