• 締切済み

JavaScriptの記述方法

ソースを自分で書き写したのですが エラーが出てしまい下記のようになってしまいました。 ライン : 59 文字 : 75 エラー : 終了していない文字列型の定数です。 コード : 0 私が書き写したソース //ここから表示 document.write("<img src='"+strPicture[imgYear.substring(0,1)]+"'>"+"<img src='"+strPicture[imgYear.substring(1,2)]+"'>"+"<img src='"+strPicture[imgYear.substring(2,3)]+"'>"+"<img 元のソース //ここから表示 document.write("<img src='"+strPicture[imgYear.substring(0,1)]+"'>"+"<img src='"+strPicture[imgYear.substring(1,2)]+"'>"+"<img src='"+strPicture[imgYear.substring(2,3)]+"'>"+"<img imgの右側、半角スペース以上右側のどの部分でクリックしてもimg+半角スペースの所に点滅が表示されます。 そして、img+半角スペース点滅から「→キー」を1回押すとsrcのsとrの間に点滅が移動します。 また、imgのmとgの間からsrcのsとrの間に点滅を移動するには「→キー」を三回押さねばなりません。 エラーを無くすには、元のソースのように書けば問題解決すると思います。 色々と試してみたのですが、（半角スペースを挿入して「→キー」を１回押すとsの左側で止まってしまいました。） どうしてもわかりません。 また、メモ帳の設定は元のソースと同じく右端で折り返すにして書き写しました。 元のソースをコピペすれば、その場は解決なのですがどうしても元のソースの記述方法を知りたいです。 よろしければ教えていただけないでしょうか？ お願いします。

みんなの回答

  • kazu-kun
  • ベストアンサー率31% (72/232)
回答No.1

とりあえず、「書き写したソース」の一行目の最後のimgの後に改行を入れたらダメです。 この質問を見ただけでは、実際に改行が入っているか分かりませんので、自分でチェックしてみてください。 なお、メモ帳は改行や半角空白、全角空白、タブなどの区別が分かりにくいので、HTMLやPerl、JavaScriptの編集には適していないです。 他にもっと便利なテキストエディタがたくさんありますので、それらを使ったほうが良いですよ。

taro147
質問者

お礼

レスありがとうございます。 リターンを入れず、半角スペースを入れたら解決しました。 便利なテキストエディタとは、秀丸とかですか？後で色々探してみますね。 ありがとうございました。

  1. カテゴリ
  2. [技術者向] コンピューター
  3. プログラミング・開発
  4. JavaScript

関連するQ&A

  • javascriptの記述について

    私は今javascriptを独学で勉強をしていて、勉強した範囲内で自分で作成してみようと思いjavascriptのプログラムを 書いています。 やりたいこととしては メイン画像があり、その下に三つボタンを作成し、 その三つのボタンのどれか一つにマウスを持っいくとメイン画像が切り替わるという javascriptを作成しています。 またその三つのボタンにはそれぞれメイン画像が切り替わるようにイベントをだしています。 html側 <body> <div id="image"> <img src="image/main-image.jpg" /> </div> <div id="bottonbox"> <div id="botton1"> <img src="image/staff01.png" /> </div> <div id="botton2"> <img src="image/staff01.png" /> </div> <div id="botton3"> <img src="image/staff01.png" /> </div> </body> javascript window.addEventListener('load',photo_change,false); function photo_change(event){ var elem = document.getElementById('botton1'); elem.addEventListener('mouseover',botton1,false); elem.document.getElementById('botton2'); elem.addEventListener('mouseover',botton2,false); elem.document.getElementById('botton3'); elem.addEventListener('mouseover',botton3,false); } function botton1(event){ var img_change = document.getElementById('image'); img_change.removeChild(img_change.firstChild); var img =document.createElement('img'); img.src = 'image/main-image2.png'; img_change.appendChild(img); } ※botton2,3はsrc=画像名だけが違うだけで、botton1関数と同じの為、省略します。 これを実行すると、もともとあるメイン画像がremoveされず、下に新しい画像が表示されてしまいます。 ブレークポイントをつけてトレースしたのですが、どうやらimg_change.removeChild(img_change.firstChild); でremoveされていないらしくなぜか二回目にremoveされます。 ですので、試しに function botton1(event){ var img_change = document.getElementById('image'); //removeChild二回やってみる img_change.removeChild(img_change.firstChild); img_change.removeChild(img_change.firstChild); var img =document.createElement('img'); img.src = 'image/main-image2.png'; img_change.appendChild(img); } こうするともともとあったメイン画像がremoveされ、botton1にマウスを載せた時に 表示させようとしていた画像がちゃんと表示されます。 ですが、なぜ一回のimg_change.removeChild(img_change.firstChild);では メイン画像をremoveできないのでしょうか。 どなたかわかる方おしえていただけますでしょうか。 また、どこが悪いのか、など解説も付け加えていただけると幸いです。

  • 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の接続子について

    始めまして、JAVASCRIPPTで以下の様なコードを書いているのですが 'img' + page;の部分でエラーになってしまいます。どなたか正しい書き方を御享受下さい。 //画像を最初にキャッシュする var img1 = new Image(); var img2 = new Image(); var img3 = new Image(); var img4 = new Image(); var page = 0; img0 = "image/ginotitle.JPG"; img1 = "image/Gino1page.JPG"; img2 = "image/Gino2page.JPG"; img3 = "image/Gino3page.JPG"; function moverts(){ switch(window.event.button) { case 1://************** 左クリック ********************************************* page = page - 1 ; //指定された画像を変更する document.getElementById("pic").src = 'img' + page; //id名「pic」の画像ソースをobjの画像ソースに書き換える document.getElementById("pic").src = 'img' + page; break; case 2://************** 右クリック ********************************************* page = page + 1 ; alert( = sns ); //指定された画像を変更する document.getElementById("pic").src = 'img' + page; //id名「pic」の画像ソースをobjの画像ソースに書き換える document.getElementById("pic").src = 'img' + page; break; } }

  • javascript について追加の質問

    質問NO6591909＝3/14　10：59の追加の質問です。 素晴らしい回答で非常に感謝いたしますが、追加でもう一つお願いします。あと一息といったところです。最後の部分なのですが、 function pd1() { if(flag) document.getElementById('ID1').style.visibility = "hidden"; else document.getElementById('ID1').style.visibility = "visible"; var img = document.getElementById('s1').getElementsByTagName("img"); img[0].src = "別の画像のURL" flag = !flag; } function fx(){ var num = location.search.substr(1,1); var the_id = "ID" + num.toString(); var the_id2 = "s" + num.toString(); document.getElementById(the_id).style.visibility = "visible"; var img = document.getElementById(the_id2).getElementsByTagName("img"); img[0].src = "別の画像のURL" } この3行上の"別の画像のURL"とありますが、上記ですと決まった一枚の画像しか表示できないということになりますよね？　IDは9つありまして、9つ別々の画像をそれぞれ選択できるようにしたいのですが、その点を考慮するとどのような文になりますでしょうか？（function fx()を9つ別々に書くんでしょうか？・・・・・・）よろしくお願いいたします。 因みにここからhtml↓（さっきも書きましたが、また書いておきます。） <div id= "w1" onMouseover="document.s1img.src='img/s1rr.gif'" onMouseout="document.s1img.src='img/s1w.gif'"> <a href="javascript:pd1()">テキスト</a></div> <div id="ID1" style="visibility: hidden;" onMouseover="document.s1img.src='img/s1rr.gif'" onMouseout="document.s1img.src='img/s1w.gif'"> <p>テキスト<br /> </div> <div id="s1"><img src="img/s1w.gif" width="29" height="39" name="s1img"/></div>

  • JavaScripｔについての質問です。

    javascript初心者です。方法が分かりませんので、教えていただける方、お願いいたします。ホームページを作っております。とあるページの下の部分をクリックすると、新しいウィンドウが開きます。 <a href="#" onClick="window.open('f/f.html?1','newWin','width=850,height=650')">テキスト</a> 新しいページは次のようになっています。 ↓ここからJavaScript↓ flag = false; function pd1() { if(flag) document.getElementById('ID1').style.visibility = "hidden"; else document.getElementById('ID1').style.visibility = "visible"; flag = !flag; } function fx(){ var num = location.search.substr(1,1); var the_id = "ID" + num.toString(); document.getElementById(the_id).style.visibility = "visible"; } ここからhtml↓ <div id= "w1" onMouseover="document.s1img.src='img/s1rr.gif'" onMouseout="document.s1img.src='img/s1w.gif'"> <a href="javascript:pd1()">テキスト</a></div> <div id="ID1" style="visibility: hidden;" onMouseover="document.s1img.src='img/s1rr.gif'" onMouseout="document.s1img.src='img/s1w.gif'"> <p>テキスト<br /> </div> <div id="s1"><img src="img/s1w.gif" width="29" height="39" name="s1img"/></div> 以上です。上記に関して説明を付け加えますと、新しいウィンドウ（新しいページ）上では、function fx　とpd1が作動し、div　ID1がプルダウンメニューのように開くようになっています。 それに付け加えたいのですが、冒頭であげた部分をクリックするとID1がプルダウンのように開くだけでなく、div s1の　name="s1img"であげた部分を別の画像が表示されるようにするにはどのようなjavascriptを追加すればいいでしょうか？ 　　どなたか教えていただければ有り難いです・・・・・。

  • htmlのソースのことでお聞きします！

    ソースの中に画像として <IMG src="1　　　　.JPG"> <IMG src="2　　　　.JPG"> と配置する場合が多々あります。この場合で、画面上で １と２の画像ファイルの間にスペースをとりたいのですが どのようなキーを入れればいいのでしょうか？ 私は<br>とか、若しくは<pre></pre>を連続して入れているのですが 場合によっては<pre></pre>を記載するとｈｐソフトがエラー 表示します。 スペースを開ける方法で何か良い方法があるのでしょうか？ 詳しい方居られましたら宜しくご指導願います。

  • JavaScript(?)で入替えた画像をクリッカブルマップにする方法

    件名の通り、JSで入替えた画像をクリッカブルマップにしたいのです。一応画像の入替えはコントロールできるようになったのですが、入替え後のイメージを<MAP>制御したいのですが・・・方法がわからない・・・どうか教えて下さい。 ソース（抜粋） <SCRIPT Language="JavaScript"> <!-- function ImgSwap(imgName, imgSrc){ var appVer=parseInt(navigator.appVersion); var isNC=(document.layers && (appVer >= 4)); var isIE=(document.all && (appVer >= 4)); if (isNC || isIE){ if (document.images){ var img = document.images[imgName]; if (!img) img = ImgFind(document, imgName); if (img) img.src = imgSrc; } } } //--></SCRIPT> ・ ・ <TR><TD align="center" valign="top" height="165" background="../img/tv-frame.gif"> <IMG src="../img/off.gif" name="TV" border="0"> </TD></TR> <TR><TD align="center" valign="top"> <FORM><INPUT type="button" value="Top" name="top" onclick="ImgSwap('TV', '../img/top.gif')"><INPUT type="button" value="40's" name="40's" onclick="ImgSwap('TV', '../img/40s.gif')"><INPUT type="button" value="50's" name="50's" onclick="ImgSwap('TV', '../img/40s.gif')"></FORM> </TD></TR> この40sないし50sというGIFに<MAP>制御を施したいのです・・・御指導宜しく御願いします。

  • javascript 時計24時間表示

    こんばんは。 現在、ホームページにデジタルの時計を配置しているのですが 表示について質問させていただきます。 今配置しているのは下記のソースで <script type="text/javascript"> <!-- document.write('<img src="am.jpg" name="p0"><IMG src="0.jpg" name="p1"><IMG src="0.jpg" name="p2">'); document.write('<img src="ten.jpg" name="p7"><IMG src="0.jpg"name="p3"><IMG src="0.jpg" name="p4">'); /* document.write('<img src="ten.jpg" name="p8"><IMG src="0.jpg" name="p5"><IMG src="0.jpg" name="p6">'); */ function jikoku3(){ data = new Date(); hour = data.getHours(); if((hour >= 12)){ hour = hour - 12; hour2 = hour % 10; hour1 = (hour-hour2) / 10 ; ampm = "pm"; }else{ hour2 = hour % 10; hour1 = (hour-hour2) / 10 ; ampm = "am"; } mine = data.getMinutes(); mine2 = mine % 10; mine1 = (mine - mine2) / 10; sec = data.getSeconds(); sec2 = sec % 10; sec1 = (sec - sec2) / 10; document.p0.src = ampm + ".jpg"; document.p1.src = hour1 + ".jpg"; document.p2.src = hour2 + ".jpg"; document.p3.src = mine1 + ".jpg"; document.p4.src = mine2 + ".jpg"; document.p5.src = sec1 + ".jpg"; document.p6.src = sec2 + ".jpg"; document.p7.src = "ten.jpg"; document.p8.src = "ten.jpg"; } setInterval("jikoku3()",1000); // --> </script> 表示がAM07時とかの表記になってしまいます。 それをAM/PMではなくて20時、23時等の24時間表示にするには どうしたら良いでしょうか？ 本当に初歩的な質問をしてしまい失礼かと思いますが 宜しくお願い致します。

  • JavaScriptのことで教えて！

    １シートにJavaScriptを２つ使うことは出来ないのでしょうか？ 画像が点滅するJavaScript と画像が入れ替わるJavaScript 両方を１シートで使用できませんか？ この部分は入力できるのですが <SCRIPT language="JavaScript"> <!-- num = 2; // 入れ替える画像の枚数(最初の画像も含める) nme = "../img/img" // 画像のディレクトリとファイル名の数字と拡張子より前の部分 exp = "jpg" // 拡張子 cnt = 0; function changeImage() { cnt++; cnt %= num; document.img.src = nme + cnt + "." + exp; } //--> 勿論、点滅のJavaScriptも記載済みです。 ところが、 <BODY onload="blink()"> <BODY bgcolor="#ffffff" onLoad="setInterval('changeImage()',1000)"> このように並列して書くとエラーになります。 ２つのavaScriptは使用できないのでしょうか？ 精通されている方、居られましたら宜しくご指導願います。

  • CSSの空欄の記述方法

    CSSの空欄の記述方法 以下のようなCSSの記述が一般的ですが { とcolorプロパティの間に空欄があるのですが どうやって入れているのですか？ div.entry{ 　　　　　color: #000000; } この空欄は半角スペースを何回も入力していないのですが どうやったらこういうスペースを入力できますか？ TABキーだとこのスペースの半分しか入力できませんでした。 わかる方いらっしゃいましたら回答を宜しくお願い致します。

    • ベストアンサー
    • HTML

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

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

質問する