質問編集履歴

1

実際のHTMLとご指摘いただいた実行結果を掲載しました。

2018/06/02 01:56

投稿

reyjd
reyjd

スコア10

test CHANGED
File without changes
test CHANGED
@@ -28,7 +28,7 @@
28
28
 
29
29
  イメージとしては
30
30
 
31
- ```ここに言語を入力
31
+ ```CSS
32
32
 
33
33
  <style type="text/css" class="style_default">.xx,.yy・・・</style>
34
34
 
@@ -46,25 +46,77 @@
46
46
 
47
47
 
48
48
 
49
- 上記のことを行いたいのですが、いくつか問題があり
49
+ 上記のことを行いたいのですが、実際HTMLを記述しますと
50
50
 
51
51
 
52
52
 
53
+ ```HTML
54
+
55
+ <form method="post" action="https://hoge.jp/hoge">
56
+
57
+ <input type="hidden" name="Publisher_Id" value="12345" />
58
+
59
+ <input type="hidden" name="Form_Cd" value="hogehoge" />
60
+
61
+ <input type="hidden" name="charcode" value="auto" />
62
+
63
+ <dl class="pub_form center">
64
+
65
+ <dt class="t28 bold text_center red">
66
+
67
+ <label for="touroku_mail">※メールアドレスをご入力下さい<span class="require"></span></label>
68
+
69
+ </dt>
70
+
71
+ <dd>
72
+
73
+ <input type="text" name="Mail" size="40" istyle="3" mode="alphabet" value="" class="t40" placeholder="E-mail" align="center">
74
+
75
+ </dd>
76
+
77
+ <dt></dt>
78
+
79
+ </dl>
80
+
81
+
82
+
83
+ <div class="bcreate72">
84
+
85
+ <style type="text/css" class="style_default">.animate72,.a-option72,.a-btnsub72~~</style>
86
+
87
+ <style type="text/css" class="style_custom">.a-btn72~~</style>
88
+
89
+ <p align="center">
90
+
91
+ <button type="image" class="a-btn a-btn72" href="" target="_blank" data-id="72"><img class="a-main animate animate72" src="img/botton01.png" alt="" data-recalc-dims="0" />
92
+
93
+ </button>
94
+
95
+ </p>
96
+
97
+
98
+
99
+ </form>
100
+
101
+ ```
102
+
103
+
104
+
53
- ×<button>タグでtype="image"にすると、処理はうまくいくのですが
105
+ ×上記の<button>~</button>タグでtype="image"にすると、name要素が処理されメルマガサイトに情報が飛ぶのですが
54
106
 
55
107
 
56
108
 
57
109
  何故か画像の透過色がリセットさてしまう。
58
110
 
59
- (こちらもわかる方いらっしゃいましたら)
111
+ (こちらも原因わかる方いらっしゃいましたら教えてください
60
112
 
61
113
 
62
114
 
63
- また、こちらでは画像が綺麗に表示はされるのですが
115
+ また、上記<button>~を以下のように<a>~</a>にすると、こちらでは画像が綺麗に表示はされるのですが
64
116
 
65
117
 
66
118
 
67
- ```ここに言語を入力
119
+ ```HTML
68
120
 
69
121
  <a class="xx yy" href="index.html" type="image"><img class="yy" src="○○.png"></a>
70
122
 
@@ -72,9 +124,7 @@
72
124
 
73
125
 
74
126
 
75
- ×<a class="xx" href="**.html">画像</a>だとうまくいくが、フォーム情報が
127
+ ×<a class="xx" href="**.html">画像</a>だとうまくいくが、フォーム情報がうまく飛ばせない状態となります。
76
-
77
- 飛ばせない。
78
128
 
79
129
 
80
130
 
@@ -111,3 +161,29 @@
111
161
 
112
162
 
113
163
  よろしくお願いいたします。
164
+
165
+
166
+
167
+ ご指摘いただきましたフォームでやってみたところ「スクリプトやActiveXコントロールを実行しないように・・・」との記述後許可をすると
168
+
169
+ 画面のようになりました。
170
+
171
+ ![イメージ説明](792a21c0e62493ddcfa3e19c698a5a33.png)
172
+
173
+
174
+
175
+ ```HTML
176
+
177
+ <form action="https://hoge.jp/hoge" method="post" name="e-mail">
178
+
179
+ <input type="text" size="10" />
180
+
181
+ <a href="javascript:document.e-mail.submit()">投稿する</a>
182
+
183
+ </form>
184
+
185
+ ```
186
+
187
+
188
+
189
+ 以上ですが、なんとか完成の状態まで近づけたいのでご協力をお願い致します。