• 締切済み

Chrome検証画面のコンソールにエラーがでます

以下の最後の部分 }); がエラー表示が出ています。 window.onload = function(){ $("table").tablesorter({ headers : {'.disabled' : { sorter: false }} }) }); 調べてみると記述ミスか位置がずれているという事が分りました。 Uncaught SyntaxError: Unexpected token ')' の警告文がありました。 私はプログラミングの知識はゼロなので何処をどう直すのか分りません。 教えていただけだらありがたいです。

みんなの回答

回答No.2

>おっしゃるとおりコピペミスでした。 んま、よくあることです。 あまり気にせず、やってみてくださいね!。それでは

回答No.1

>調べてみると記述ミスか位置がずれているという事が分りました。 プログラムでは、 "("の数と")"の数は同じになります。 同じく"{"~"}"も 今回、function() { で始まったら、終わりは"}"です。 最小単位は function() { // ここに何かを書いている状態。 } なので、"}"よりも後に")"があったよ!というエラーになります。 なので }); これを } で、OKです。 最後の";"はこの場合はあってもなくてもOKです。 次の命令あるときに区切るものなので、次の命令がないケースでは 不要(つまりデータの無駄)となるため。 ただ、Jquery命令使ってるみたいなので、 https://qiita.com/kjunichi/items/177f86b9b74e2a159720 $(function(){  window.onload = function(){  $("table").tablesorter({   headers : {'.disabled' : { sorter: false }}   })  }; }); じゃないのかな・・・ 要は、コピって来るとき、Jqueryの開始部を忘れたのが 原因?な気がしてきた。

wolfganggon
質問者

お礼

有難うございました。おっしゃるとおりコピペミスでした。PC初心者なのでとても助かりました。

関連するQ&A

  • JavaScriptからPHPにデータの受け渡し

    index.html:1 Uncaught SyntaxError: Unexpected token < in JSON at position 0 VM50:1 Uncaught SyntaxError: Unexpected token < in JSON at position 0requestObj.onreadystatechange @ common.js:38 VM51:1 Uncaught SyntaxError: Unexpected token < in JSON at position 0requestObj.onreadystatechange @ common.js:38 VM52:1 Uncaught SyntaxError: Unexpected token < in JSON at position 0

  • chromeの開発環境のエラー

    chromeのdeveloper toolでjavascriptを実行するテストをしたのですが <script>document.location='http://yahoo.co.jp'<script> エラーが返ってきて Uncaught SyntaxError: Unexpected token '<' 解らないのでどなたかご教示お願いします。 因みに仮想マシンのlinuxのdebian系のOSでやっています。

  • 拡張機能(Chrome)

    Chromeの文字数カウントの拡張機能を作りました。デベロッパーツールで調べた所 "manifest-version":2,  の:2,の所が間違っていたようで赤い波線が出てきてUncaught SyntaxError: Unexpected token ':'と表示されました。全部半角で行っていて何回も確認してもこの表示が出てきてしまいます‥わかる方教えていただければ幸いです。

  • JavaScript IDの複数読み込みについて

    JavaScript(プログラミング)はほとんど知識のないもので、 自分なりに調べたのですが、分からないので質問させていただきます。 下記のようなJavaScriptがあります。 window.onload = function() { var target = document.getElementById("●●"); target.addEventListener("touchstart", function(){this.className="touchstyle";}, false); target.addEventListener("touchend", function(){this.className="notouchstyle";}, false); } "●●"のほかに"▲▲" "■■"というIDを読み込ませたいのですが、 それは可能でしょうか。 ("xxx"はclass指定に変更でも構いません) 色々と試してみたのですが、うまくいかず困っております。 何卒ご教授のほど宜しくお願い致します。

  • Javascriptで画面の切り替え

    Javascriptで画面の切り替えをしたく、 ソースを書いたのですが、 ブラウザの判定を入れたところ、 (今のところIEとFFだけで確認しています。) 全く動かなくなりました。 IE画面の左下に警告マークが出ているので 構文が間違っているようなのですが、 分かりません 解決策を教えていただけないでしょうか。 よろしくお願い致します。 ----------以下ソース---------------------- <HTML> <HEAD> <TITLE>::::Antique Messiah::::</TITLE> <meta http-equiv="Content-Type" content="text/html; charset=shift_jis"> <link href="messiah.css" rel="stylesheet" type="text/css"> <script language="javascript"> function ImageUp() { var isIE = (navigator.appName.substring(0,9)=="Microsoft"); alert(isIE); function check(){ if(isIE) alert("fftart"); window.open("top.html","","WIDTH=600,HEIGHT=600"); window.opener = ""; window.close(); else alert("fftart"); window.open("top.html","","WIDTH=600,HEIGHT=600"); top.name = 'CLOSE_WINDOW'; var wid = window.open('','CLOSE_WINDOW'); top.close(); } } function changesize(){ window.resizeTo(800,700); } window.onload=changesize; window.onresize=changesize; </script> </HEAD> <BODY onLoad="changesize(), setTimeout(ImageUp,3000)"> ~中略~ </body> <html>

    • ベストアンサー
    • CSS
  • chromeでxmlをJSで表示するには?

    chromeだとエラーで表示できません。 どうすればいいのでしょうか? window.onload=function(){ Docm = new ActiveXObject('microsoft.XMLDOM'); Docm.async = false; Docm.load('xmlsrc'); var string = ""; if(Docm.documentElement.hasChildNodes()) { var i = 0; var n_num = Docm.documentElement.childNodes.length; while (i < n_num) { string += Docm.documentElement.childNodes.item(i).text += " "; i++; } } else { string +="子ノードはありません。"; } hyouji.innerHTML = string; }

  • IE8で種類が一致しませんとエラーが出てしまいます

    初めて質問させていただきます。 javascriptは、勉強しだした全くの初心者ですがよろしくお願い致します。 自分で作ったHPで、写真をボタンで順に切り替えるページがあり、ちょうどYahooの知恵袋でぴったりのソースを書いていらっしゃる方をみつけ、参考にさせてもらってページを作ったのですが、先日IE8で確認したところ、種類が一致しませんとエラーが出てしまいました。safariやFirefox(MacでもWindowsでも)では問題ありません。 自分で手直しした部分の可能性もあるため、参考にした元のソースで、テストのページを作ってみましたが、やはり同じ divIMG.appendChild(ary[idx]); の行がだめなようです。 テストのページアドレス http://www.ne.jp/asahi/coo/pipi/ ここでは5枚の画像を入れてありますが右のボタンで5枚目を表示した後さらに押すとエラー になります。下の方 divIMG.appendChild(ary[idx]);の部分でエラーが出ます。 lightbox 等画像を順送りで閲覧出来る方法もあるようですが、実際のHPはこの方法で物件ごとのぺージを沢山作ってしまっているので部分的にソースを修正して回避出来ないものかと考えております。自分でも調べてみましたが、全く頭がついていきません。なにとぞよろしくお願い致します。 質問の文字数制限にかかるのでscriptの部分だけ書きます。 <script type="text/javascript"> var ary = []; var idx = 0; var divIMG; var btnF; var btnP; var btnE; var btnT; var aryImgURL = [ 'img1.jpg', 'img2.jpg', 'img3.jpg', 'img4.jpg', 'img5.jpg'] function preload(imgs) { for (var i = 0; i < imgs.length; i++) { var elmIMG = new Image(); elmIMG.src = imgs[i]; ary.push(elmIMG); } } function test(e) { var tgt = e.srcElement ? e.srcElement: e.target; switch (tgt.id) { case 'fbtn': if (idx < aryImgURL.length) { idx++; } break; case 'tbtn': idx = 0; break; case 'ebtn': idx = aryImgURL.length - 1; break; case 'pbtn': if (idx > 0) { idx--; } break; } showImage(); changeButtonStatus(); } function showImage() { while (divIMG.hasChildNodes()) { divIMG.removeChild(divIMG.firstChild); } divIMG.appendChild(ary[idx]); } function changeButtonStatus() { if (idx == 0) { btnP.disabled = true; btnT.disabled = true; } else { btnP.disabled = false; btnT.disabled = false; } if (idx == aryImgURL.length - 1) { btnF.disabled = true; btnE.disabled = true; } else { btnF.disabled = false; btnE.disabled = false; } } window.onload = function() { divIMG = document.getElementById('imgarea'); btnF = document.getElementById('fbtn'); btnP = document.getElementById('pbtn'); btnE = document.getElementById('ebtn'); btnT = document.getElementById('tbtn'); preload(aryImgURL); showImage(); changeButtonStatus(); } </script>

  • PCスマホの画面切り替えで領域がうまくとれません

    PC/スマホ兼用対応のページを作成しており、画面サイズが小さくなった際には横3グリッド(width300px/グリッド)から横2グリッド(width360px/グリッド)に変更するようなページです。 その中で、PCの際にはマウスオーバー時にイメージタイトルがスライドイン/スライドアウトするようにしているのですが、以下のスクリプトで画面サイズが変更するたびに値を取得しているつもりなのですが、一度PCでマウスオーバーを行い、スマホサイズに切り替えると左から300pxのところでイメージタイトルが残ってしまってしまいます。 逆の場合も、animation(left:'●●px')で指定した場所に移動してくれないのですが、ご教授いただけないでしょうか? 初めての質問なため、足りない点など多いかと思いますが、よろしくお願いいたします。 <script type="text/javascript"> window.onload = function(){ resizeTextArea(); } window.onresize=function(){ resizeTextArea(); } function getBrowserWidth() { if ( window.innerWidth ) { return window.innerWidth; } else if ( document.documentElement && document.documentElement.clientWidth != 0 ) { return document.documentElement.clientWidth; } else if ( document.body ) { return document.body.clientWidth; } return 0; } function resizeTextArea(){ var w = getBrowserWidth(); if (w >= 960) { //マスオーバー時に右にスライド $('.slideright').hover(function(){ $(".cover", this).stop().animate({left:'0px'},{queue:false,duration:300}); }, function() { $(".cover", this).stop().animate({left:'-300px'},{queue:false,duration:300}); }); //マスオーバー時に左にスライド $('.slideleft').hover(function(){ $(".cover", this).stop().animate({left:'120px'},{queue:false,duration:300}); }, function() { $(".cover", this).stop().animate({left:'300px'},{queue:false,duration:300}); }); }else{ $('.slideleft').hover(function(){ $(".cover", this).stop().animate({left:'180px'},{queue:false,duration:0}); }, function() { $(".cover", this).stop().animate({left:'180px'},{queue:false,duration:0}); }); } } </script>

  • 現在、サムネイル一覧を表示させておいて、そのサムネイルをクリックすると

    現在、サムネイル一覧を表示させておいて、そのサムネイルをクリックすると、左側の拡大写真がクリックしたサムネイルのものに切り替わるイメージギャラリーを作成しています。 なぜか、IE6でのみで「エラー:オブジェクトがありません」となります。エラーは「if(description.firstChild.nodeType == 3){ 」の部分で発生しています。 どうも原因が分らずに困っています。 何か分る方がいらっしゃれば、ソースを以下にのせておくので、アドバイスを頂けないでしょうか? <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html><head> function prepareGallery(){ if(!document.getElementsByTagName || !document.getElementById) return false; if(!document.getElementById("imagegallery")) return false; var gallery = document.getElementById("imagegallery"); var links = gallery.getElementsByTagName("a"); for(var i=0; i<links.length; i++){ links[i].onclick = function(){ return showPic(this); } } } function showPic(whichpic){ if(!document.getElementById("placeholder")) return true; var source = whichpic.getAttribute("href"); var placeholder = document.getElementById("placeholder"); if(placeholder.nodeName != "IMG") return true; placeholder.setAttribute("src",source); if(!document.getElementById("description")) return false; var text = whichpic.getAttribute("title") ? whichpic.getAttribute("title"):""; var description = document.getElementById("description"); if(description.firstChild.nodeType == 3){ description.firstChild.nodeValue = text; } return false; } function addLoadEvent(func){ var oldonload = window.onload; if(typeof window.onload != 'function'){ window.onload = func; }else{ window.onload = function(){ oldonload(); func(); } } } addLoadEvent(prepareGallery); </script> </head> <body> <div class="Area03_l"> <img src="sample01.jpg" id="placeholder" alt="サンプル01"><br> <div id="description">サンプル01</div> </div> <table border="0" cellspacing="3" cellpadding="0" class="photo_table" id="imagegallery"> <tr> <td><a href="sample01.jpg" title="サンプル01"><img src="sample01_thum.jpg" alt="サンプル01"></a></td> <td><a href="sample02.jpg" title="サンプル02"><img src="sample02_thum.jpg" alt="サンプル02"></a></td> </tr> </table> </body></html>

  • PCプログラミング勉強始めました。

    メモ帳に <metahttp-equiv="Content-Type"content="text/html;charet=utf8"/> <style type="text/css"> table{ border-collapse:collapse; } tabletd { width:20px; height:20px; border:1pxsolidblack; } </style> <scripttype="text/javascript"> window.onload=function(){ varhtml=['<table>'] html.push'<tr>') for(vari=0;i<<10;i++)html.push('<td></td>') html.push('<tr>') html.push('</table>') document.getElementByld('view7).innerHTML=html.join('') } </script> <devid="view"></div> <table> <tr><td></td><td></td></tr> <tr><td></td><td></td></tr> </table> と入力するとIEでは window.onload=function(){ varhtml=[''] html.push'') for(vari=0;i<<10;i++)html.push('') html.push('') html.push(' ') document.getElementByld('view7).innerHTML=html.join('') } と表示されます。 本には枠が表示されるとあるのですがうまくいきません。 解決をお願いします。

専門家に質問してみよう