アプリ版：「スタンプのみでお礼する」機能のリリースについて

プルダウンメニューに画像を使用するには？

締切済

  • 質問者：rei-tcd
  • 質問日時：
  • 回答数：2件

JavaScript初心者です。


過去の質問

http://oshiete1.goo.ne.jp/kotaeru.php3?q=1886905

にあるソースを利用してみたいのですが、メニューの頭にあるボタンを画像（オリジナルのアイコン）に変えたいのですが、どのようにすればよいでしょうか？
ボタンのタグはなんとなく分かるのですが、差し替え方が全く分かりません。

↓これが、そのソースです。宜しくお願いします。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=SHIFT_JIS">
<title>サンプル</title>
<style>
<!--
div.inside {
padding-left:1em;
display:none;
}
-->
</style>
<script type="text/javascript">
<!--
function changeFold(f){
if(f.value == "＋"){
f.value="－";
f.parentNode.childNodes.item(2).style.display="block";
} else {
f.value="＋";
f.parentNode.childNodes.item(2).style.display="none";
}
}
//-->
</script>
</head>
<body>
<div><input type="button" value="＋" onClick="changeFold(this)">メニュー１<div class="inside">
もろもろ<br />
<a href="index.html">トップ</a><br />
<a href="sub.html">サブ</a><br />
</div>
</div>

<div><input type="button" value="＋" onClick="changeFold(this)">メニュー２<div class="inside">
また別のもろもろ<br />
<a href="index2.html">トップ２</a><br />
<a href="sub2.html">サブ２</a><br />
</div>
</div>
</body>
</html>

通報する

この質問への回答は締め切られました。

質問の本文を隠す

A 回答 (2件)

No.1

  • 回答者： papillon68
  • 回答日時：

rei-tcdさんこんにちは、papillon68と申します。



ボタンのタグをイメージのタグに入替えてみてはいかがでしょうか。

例えば、次のような感じです。


<script type="text/javascript">
<!--
function changeFold(f){
//if(f.value == "＋"){
//f.value="－";
//f.parentNode.childNodes.item(2).style.display="block";
//} else {
//f.value="＋";
//f.parentNode.childNodes.item(2).style.display="none";
//}
if(f.src.match(/a\.gif$/)){
f.src="b.gif";
f.parentNode.childNodes.item(3).style.display="block";
} else {
f.src="a.gif";
f.parentNode.childNodes.item(3).style.display="none";
}
}
//-->
</script>
</head>
<body>
<!--<div><input type="button" value="＋" onClick="changeFold(this)">メニュー１<div class="inside">//-->
<div><img src="a.gif" onClick="changeFold(this)"></img>メニュー１<div class="inside">
もろもろ<br />
<a href="index.html">トップ</a><br />
<a href="sub.html">サブ</a><br />
</div>
</div>
    • good
    • 0
    • 件
通報する

No.2

  • 回答者： papillon68
  • 回答日時：

type="button"


　↓
type="image"

とするだけでもいいです(@＾－＾@)


<script type="text/javascript">
<!--
function changeFold(f){
if(f.src.match(/a\.gif$/)){
f.src="b.gif";
f.parentNode.childNodes.item(2).style.display="block";
} else {
f.src="a.gif";
f.parentNode.childNodes.item(2).style.display="none";
}
}
//-->
</script>
</head>
<body>
<div><input type="image" src="a.gif" onClick="changeFold(this)">メニュー１<div class="inside">
もろもろ<br />
<a href="index.html">トップ</a><br />
<a href="sub.html">サブ</a><br />
</div>
</div>
    • good
    • 0
    • 件
通報する
この回答へのお礼

ご回答、ありがとうございます。

↑こちらでやってみました。
まさしくこれです！私が望んでいたのは。

通報する
お礼日時：2006/01/26 22:43

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう！

Q質問する（無料）

関連するカテゴリからQ&Aを探す

ページトップページトップ

Q質問する（無料）

デイリーランキングこのカテゴリの人気デイリーQ&Aランキング

マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング

おすすめ情報