画面に表示される「・」の理由と対処方法について
- HTMLとJavaScriptを勉強中ですが、作成したプログラムで画面下部に「・」が表示されてしまいます。この理由と対処方法を教えてください。
- プログラムを作成した際、画面下部に「・」が表示される問題が発生しました。この問題の原因と解決方法について教えてください。
- JavaScriptとHTMLの勉強をしていますが、作成したプログラムで画面下に「・」が表示されてしまいます。この現象の理由と解決策を教えてください。
- ベストアンサー
作成画面の一番下に「・」？
今ＨＴＭＬとＪＡＶＡＳＣＲＩＰＴの勉強をしています。 下記のプログラムを作りましたが画面表示すると一番下に「・」が表示されてしまいます。これはこういうものなんでしょうか？それとも消す方法あるいはプログラミング改良の方法があるのでしょうか？ 下記にプログラムを示します。 <HTML> <HEAD> <TITLE>Java Script</TITLE> </HEAD> <BODY> <SCRIPT LANGUAGE="JavaScript"> var t=new Date(); var h=t.getHours(); document.write("<DIV ALIGN=right>",t,"</DIV><BR>"); document.write("<CENTER>"); if (8<h && h<12){ document.write("<H2>おはよう</H2>"); document.write("<IMG SRC='***.jpg'>"); } if (12<=h && h<=14){ document.write("<H2>こんにちは</H2>"); document.write("<IMG SRC='***.jpg'>"); } if (h<8 || 14<h){ document.write("<H2>こんばんは</H2>"); document.write("<IMG SRC='***.jpg'>"); } document.write("</CENTER>"); </SCRIPT> </BODY> </HTML>
- sakapon
- お礼率79% (237/298)
- JavaScript
- 回答数3
- ありがとう数3
- みんなの回答 （3）
- 専門家の回答
質問者が選んだベストアンサー
- ベストアンサー
どこかに全角スペースなどの見えないゴミが入ってるとかないですか？ 場所を特定したいのであれば、上から順番に一行ずつ削除したソースをそれぞれ再現して、どこが引っかかっているか地道に見てみるしかないと思います。 ちなみに上記ソースをコピーして再現してみましたが、おっしゃるような現象は起きませんでした。 （Windows98、IE5.5 SP2およびNN4.7にて確認） #2さんもおっしゃっていますが、環境等も書いた方がいいですね。
その他の回答 (2)
- BlueRay
- ベストアンサー率45% (204/453)
環境はどのような環境でしょうか？ 当方のWin2000SP(ALL)&IE6では、そのようなものは表示されませんよ。
補足
回答ありがとうございます。 環境をきちんと書かずにすみません。環境に特化した事象じゃないと思ったものですから。。。 ＷＩＮ９８でＩＥ５です。Win2000SP(ALL)&IE6だと出ないんですかね？？
- mnabe
- ベストアンサー率33% (427/1283)
確認ですが・・・ >document.write("<IMG SRC='***.jpg'>"); の部分には、しっかりしたファイル名が書かれていて、そのフィルが、同ディレクトリに存在していますよね?? それが出来ていれば、表示されると思います。
お礼
回答ありがとうございます。 ファイル名は入れいてます。ｊｐｇの画像ファイルはちゃんと表示され、改行された画像の下の部分に「・」が１個だけ出ちゃうんです。
関連するQ&A
- html内かscript内で画像出力。どちらが軽い
ホームページの読み込みは、画像を使えば使うほど重くなってしまいます。 下記コードでは、(1)と(2)で1.jpg～5.jpgの画像をページに出力しています。 (1)はHTMLに、(2)はscript内に、 (1)と(2)では(2)の方がhtmlに<img src=".jpg" width="800" height="300"/> と書かなかった分、ページが重くならない、ということになりますか？ <html> <head> <title>HTML上に直接imgを出力した場合</title> </head> <body> <img src="1.jpg" width="800" height="300"/> <img src="2.jpg" width="800" height="300"/> <img src="3.jpg" width="800" height="300"/> <img src="4.jpg" width="800" height="300"/> <img src="5.jpg" width="800" height="300"/> </body> </html> <html> <head> <title>HTML上にはimgを出力せず、script内でimgを出力した場合</title> <script language="JavaScript"> var imgSanple = new Array( "1.jpg", "2.jpg", "3.jpg", "4.jpg", "5.jpg"); var randomSelect = Math.floor((Math.random() * 100)) % imgSanple.length; var i = "<img src='"+imgSanple[randomSelect]+"' width='800' height='300'>"; document.write(i); // --> </script> </head> <body> <noscript> <img src="1.jpg" width="800" height="300"> </noscript> </body> </html>
- ベストアンサー
- JavaScript
- JavaScriptでリクエストを飛ばす方法を教えて下さい。
下記内容で画像の切り替えを教えて頂いたのですがこれに 画像をクリックした時にサーバー側にクリックした事を分るために URL（リクエスト）をバックグラウンド（非同期かな）で渡したいと 思います。 どうしたら良いでしょうか？？ ブラウザーの画面は画像をクリックしても切り替わりません。 誠に恐縮ですが下記ソースに追加して教えて頂ければと思います。 何卒よろしくお願いします。 <html> <head> <script type="text/javascript"><!-- function clickImg( img ) { var arraySrc = img.src.split( '/' ); var src = arraySrc[arraySrc.length - 1]; if( src == "a.jpg" ) { document.cookie = "click=1;"; img.src = "b.jpg"; img.style.cursor = "default"; } } function init() { if( document.cookie ) { var img = document.getElementById( "img1" ); document.getElementById( "img1" ).src = "b.jpg"; img.style.cursor = "default"; } } //--></script> </head> <body onload="init();"> <img src="a.jpg" id="img1" style="cursor:pointer;" onclick="clickImg(this);" /> </body> </html>
- 締切済み
- JavaScript
- キャプション付きの複数画像を複数ランダムに表示
タイトルの通りなのですが、キャプションなしは検索して分かったのですが、キャプション付きだと分かりません。どなたかお教えください。 参考にしたプログラムは、以下の通りです。 <HTML> <HEAD> <TITLE></TITLE> <script language="javascript"> <!--// var arrImage = new Array( "img/img0.jpg", "img/img1.jpg", "img/img2.jpg", "img/img3.jpg", "img/img4.jpg"); var arrLink = new Array( "01.html", "02.html", "03.html", "04.html", "05.html"); var arrFlag = new Array(999,999,999); function Show(){ document.imgNumber1.src = arrImage[StartRandom(0)]; document.links[0].href = arrLink[nTemp]; document.imgNumber2.src = arrImage[StartRandom(1)]; document.links[1].href = arrLink[nTemp]; document.imgNumber3.src = arrImage[StartRandom(2)]; document.links[2].href = arrLink[nTemp]; } var nTemp, nLoop; function StartRandom(nIndex){ nLoop = 0; nTemp = Math.round(Math.random()*(arrImage.length-1)); if (nIndex != 0){ for (nLoop = 0; nLoop < nIndex ; nLoop++){ if (nTemp == arrFlag[nLoop]){ StartRandom(nIndex); } } } arrFlag[nIndex] = nTemp; return nTemp; } //--> </script> </HEAD> <BODY onLoad="Show()"> <a href="01.html"><IMG name="imgNumber1" src="img/img1.jpg" width="170" height="170" border="0"></a> <a href="02.html"><IMG name="imgNumber2" src="img/img2.jpg" width="170" height="170" border="0"></a> <a href="03.html"><IMG name="imgNumber3" src="img/img3.jpg" width="170" height="170" border="0"></a> </BODY> </HTML> <BODY>から</BODY>のプログラムでなぜ表示できるかもよくわかっていません。（これについてはおいおい学ぶとして、できればとっかかりのヒントをお願いします） あと、スクリプトが利かない場合の表示は、<NOSCRIPT>～</NOSCRIPT>で間に変わりのものを書けばいいのでしょうか。 すいませんが、よろしくお願いします。
- ベストアンサー
- HTML
- 関数の重複で動かない？
ブログのサイドバーにjavascriptを使ってるのですが同じものを2個貼り付けたら古い方が動かなくなってしまいました。 関数の重複かも、というとところまではなんとなくわかったのですがどこをどうすれば動くようになるでしょうか？ ---------------------------------------- <HTML> <HEAD> <TITLE>TAG index Webサイト</TITLE> <SCRIPT TYPE="text/javascript"> <!-- if (document.images) { // 設定開始（使用する画像を設定してください） // 通常の画像 var img0 = new Image(); img0.src = "image/start.jpg"; // ポイント時の画像1 var img1 = new Image(); img1.src = "image/newyork.jpg"; // ポイント時の画像2 var img2 = new Image(); img2.src = "image/london.jpg"; // ポイント時の画像3 var img3 = new Image(); img3.src = "image/yokohama.jpg"; // 設定終了 } // ポイント時の処理 function On(name) { if (document.images) { document.images['def'].src = eval(name + '.src'); } } // 放した時の処理 function Off() { if (document.images) { document.images['def'].src = img0.src; } } // --> </SCRIPT> </HEAD> <BODY> <IMG SRC="image/start.jpg" ALT="START" WIDTH="150" HEIGHT="100" NAME="def"> <BR> <A HREF="change3.html" onMouseOver="On('img1')" onMouseOut="Off()">NEW YORK</A> ｜ <A HREF="change3.html" onMouseOver="On('img2')" onMouseOut="Off()">LONDON</A> ｜ <A HREF="change3.html" onMouseOver="On('img3')" onMouseOut="Off()">YOKOHAMA</A> </BODY> </HTML> ----------------------------------------------
- 締切済み
- JavaScript
- なぜ「ページでエラーが発生しました。」？
字数が限られているので、「なぜエラーなのですか？」 -----ここからhead区間 <!--JavaScript Function window.onerror = null; var ver4 = (navigator.appVersion.charAt(0) >= "4"); var NN4 = ver4 && (navigator.appName.charAt(0) == "N"); var IE4 = ver4 && (navigator.appName.charAt(0) == "M"); var NN3 = ((navigator.appVersion.charAt(0) == "3") && (navigator.appName.charAt(0) == "N")); if(NN3 || NN4 || IE4){ var img_b = new Array(); img_b[0] = new Image(); img_b[0].src = "kbw.jpg" img_b[1] = new Image(); img_b[1].src = "ao.jpg" img_b[2] = new Image(); img_b[2].src = "bcw.jpg" img_b[3] = new Image(); img_b[3].src = "sm.gif" } function B_in(nam,num){ if(NN3 || NN4 || IE4) document.images[nam].src = img_b[num].src; } function B_out(nam,num){ if(NN3 || NN4 || IE4) document.images[nam].src = img_b[num].src; return false; } // END ---> </SCRIPT> </head> -----ここからbody <BODY onLoad="time(0)"> <SCRIPT LANGUAGE="JavaScript"> <!--- ここから表示 document.write(TodayIMG(0)); //end ---> </SCRIPT>
- ベストアンサー
- JavaScript
- <body onload="display_image()">が実行されません
いつもお世話になります。 下記java scriptにて画像(4枚)をランダムに表示させるようにしたいのですが、 なぜか<body onload="display_image()">が実行されず表示されません。 これを新規で移せば実行されるのですが、作成中のHTML上ではなぜか文字色がグレーとなり実行されません。 アドバイスお願い致します。 <div align="center"><br /> <Script type="text/javascript"> <!-- var iValue, rNumber; var img1 = new Image(); var img2 = new Image(); var img3 = new Image(); var img4 = new Image(); img1 = "img/img1.jpg"; img2 = "img/img2.jpg"; img3 = "img/img3.jpg"; img4 = "img/img4.jpg"; function display_image(){ iValue = Math.random() * 4; rNumber = Math.ceil(iValue); if(rNumber==0) rNumber++; document.image1.src=eval("img" + rNumber); } //--> </Script> <body onload="display_image()"> <img src="image8" name="image8" width="700" height="400" id="image8" /></div> </Body>
- ベストアンサー
- JavaScript
- rightの位置
javascriptでrightの位置を下記のように取得できたのですが これをjQueryを使ってrightの位置の値を取得するようにするにはどのようにスクリプトを組めばいいのでしょうか？ 【javascript】 var ele = document.getElementById("crop_img"); var bounds = ele.getBoundingClientRect(); var x1 = bounds.right; 【css】 <style type="text/css"> #crop_img { position: absolute; top:0px; width:100%; } </style> 【HTML】 <div id="crop"> <img src="./test.jpg" id="crop_img" alt=""> </div>
- ベストアンサー
- AJAX
- HTML5での画像表示について
HTML５を勉強しはじめたばかりの者です。 http://nigohiroki.hatenablog.com/entry/2013/01/04/025502 ここのサイトみながらラインと四角を表示することはできたのですが、 画像を表示することができません。 <!DOCTYPE HTML> <html lang="ja-JP"> <head> <meta charset="UTF-8"> <title>canvasApp</title> </head> <body onload="init()"> <canvas id="first" width="200" height="200"></canvas> <script type="text/javascript"> var canvas = document.getElementById('first'); var ctx = canvas.getContext('2d'); function init(){ var img = new Image(); img.src = "01.jpg"; ctx.drawImage(img, 100, 100, 200, 200); } </script> </body> </html> どこがおかしいのかさっぱりわかりません。 試しに</body>の前に<img src="01.jpg">と入れるとなぜか表示できるのですが、 外すと表示できなくなります。 よろしくお願いします。
- ベストアンサー
- HTML
- HPに写真を載せる方法
HPに写真を載せるに当たって、アクセスのたび４枚の写真を順番に表示させたいのです。 写真をA～Dとした場合、ランダムならば <SCRIPT Language="JavaScript"> <!-- var imgMax = 4 var imgRand = Math.floor(Math.random() * imgMax); if(imgRand == 0) document.write('<img src="A.jpg" width=380 height=285>'); else if(imgRand == 1) document.write('<img src="B.jpg" width=380 height=285>'); else if(imgRand == 2) document.write('<img src="C.jpg" width=380 height=285>'); else if(imgRand == 3) document.write('<img src="D.jpg" width=380 height=285>'); //--> </SCRIPT> ここまでは判ったのですが・・・・ A⇒B⇒C⇒D Aに戻る に、変更するには どうしたらよいのでしょうか？ 初心者で、専門用語は判りませんが宜しくお願い致します。
- ベストアンサー
- レンタルサーバ・ASP
- JS：画像を繰り返しランダム読込すると途中で止まる
現状は、ページの読み込み時にランダムで2枚の画像を読み込んで、loadのたびに違う画像が表示されるようにしています。 それをリロードせずに繰り返し画像を切り変えるように変更したく下記のように「setTimeout("getImg()",1000); 」を追加したところ、画像の切り替え8回目の切り替えあたりで止まってしまいます。（その際、2枚の画像が同じ画像になります。毎回同じ画像でなるわけではない） 変数か何かをクリアすればいいような気はするのですが、初心者レベルのためわかりませんでした。 原因わかる方いましたらご教示頂ければ幸いです。 javascript：img1111.js ------------------------ function getImg(str){ //ランダム function randNum(){ var randNum = Math.floor(Math.random()*img.length); return randNum; } //表示処理 if(str=="wide"){ var n = randNum(); setIMG = 'url(images/'+img[n][1]+')'; document.getElementById('inner_recomend').style.backgroundImage = setIMG; if(img[n][0]){ setURL = '<a href="'+img[n][0]+'" target="_blank"></a>'; }else{ setURL = ''; } document.getElementById('right_contents_rec').innerHTML = setURL; }else{ //画像とURL取得 function imgSet(id,n){ var setIMG = 'url(images/'+img[n][1]+')'; document.getElementById(id).style.backgroundImage = setIMG; if(img[n][0]){ setURL = '<a href="'+img[n][0]+'" target="_blank"></a>'; }else{ setURL = ''; } document.getElementById(id).innerHTML = setURL; } var n = randNum(); imgSet('right_contents_rec1',n); img.splice(n,1); var nn = randNum(); imgSet('right_contents_rec2',nn); } //次のタイマー呼びだし setTimeout("getImg()",1000); } ------------- htmlは下記 ------------- <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> </head> <body> <div id="swap"> <div id="select01"> <div id="inner_recomend"> <div id="right_contents_rec1"></div> <div id="right_contents_rec2"></div> </div> </div> </div> </body> <script type="text/javascript" src="img1111.js"></script> <script type="text/javascript"> var img = new Array(); //画像リストの設定 ('URL','画像ファイル名') img[0] = Array('http://www.000.co.jp/','15961.jpg'); img[1] = Array('http://www.000.co.jp/','15962.jpg'); img[2] = Array('http://www.000.co.jp/','15963.jpg'); img[3] = Array('http://www.000.co.jp/','15964.jpg'); img[4] = Array('http://www.000.co.jp/','15965.jpg'); img[5] = Array('http://www.000.co.jp/','15966.jpg'); img[6] = Array('http://www.000.co.jp/','15967.jpg'); img[7] = Array('http://www.000.co.jp/','15968.jpg'); img[8] = Array('http://www.000.co.jp/','15969.jpg'); // getImg(); </script> </html> ------------- よろしくお願いいたします。
- ベストアンサー
- JavaScript
お礼
全角スペース？調べてみます。 このプログラムはＨＴＭＬのマニュアルに載っているプログラムそのものなんです。（著作権に触れなければいいですが）それを実行したところ一番下に「・」が１個だけ表示されるんです。 Windows98、IE5.5 環境で実施しています。
補足
テキストエディタにmifesを使ってるんですが、これで保存すると最後にゴミコードがついて保存され、それが表示されていました。バイナリ2で表示し削除したら消えました。ありがとうございました。