JavaScriptソースをphpで書くには？

2023/10/23 04:35

このQ&Aのポイント

現在、テキストエリアに入力された文字数の制限チェックをphpで行いたいです。
JavaScriptを使用してHTMLソース内に制限チェックのコードを書いていますが、ソースコードが簡単に見られてしまうため、外部ファイルとして処理させたいです。
ただし、php初心者のためうまく実行できません。アドバイスがほしいです。

ベストアンサー

JavaScriptソースをphpで書くには？

2012/02/08 10:11

現在、テキストエリアに入力された文字数の制限チェックを下記のような JavaScript を使用して HTML ソース内に書き込んでおります。因みにオーサリングソフトは Dreamweaver CS5 を使用しております。しかしこれだと簡単にソースを見られてしまうので php で書き表して外部ファイルとして処理させたいと思いあれこれやってるのですが上手く出来ません。当方 php 初心者の為、どなたかご教授よろしくお願い致します。 <script type="text/javascript"> function limitMaxLength(target, len, err) { if( target.value.length > len ) { target.value = target.value.substr(0, len); if( "undefined" != typeof(err) ) { alert(err); } } } </script>

Deep-Forest
お礼率80% (89/111)

PHP
回答数3
ありがとう数1

みんなの回答 （3）
専門家の回答

質問者が選んだベストアンサー

ベストアンサー

bm_hiro
ベストアンサー率51% (200/388)

2012/02/08 14:47 回答No.3

既に他の方も言われてますが、JavaScriptは確実に他の人が見れるものと思ったほうがいいです。多少難読化されててもブラウザのアドオンとかで普通に見れてしまいます。処理を隠蔽してしまいたいと思うなら、処理部分は完全にサーバーで処理し、ブラウザでは入出力のみをやらせることです。入力があるたびに、AJAXで通信し、サーバーで文字数のチェックをし、結果を返す。という極めて非効率的な方法になります。これでも多少なりともJavaScriptを使わないといけませんので、それは見られてしまいます。

質問者

お礼 2012/02/10 08:24

ご回答いただき有難う御座います。確かに仰るとおりですネ～取り敢えず外部ファイルに修正変更しようと思います。

その他の回答 (2)

neko-ten
ベストアンサー率55% (1287/2335)

2012/02/08 11:36 回答No.2

ふつうにただのjsにして外に置いとけばいいんでない。まぁ、クライアントサイドスクリプトなんだから、クライアントが読み込めない状態にしたら動かない。なんで、そもそも見られたくないなら使うなってことになる。

yambejp
ベストアンサー率51% (3827/7415)

2012/02/08 10:51 回答No.1

PHPで書こうがしょせんjavascriptはプレーンなテキストなのでたいがいのものは解析可能です。 javascriptの難読化なんて百害あって一利なしです。ケチなことを考えず、javascript部分はいいものならむしろ積極的に開示するくらいの心づもりが必要です。もちろん、jsファイルを外出しすることはよいことなので積極的に対応してください

関連するQ&A

JavaScriptを使った計算フォーム
JavaScriptを使った計算フォームで質問です。人数をテキストボックスに入力し、そのあと項目を選ぶと計算がされるようにしたいのですがラジオボタンが持っているvalueを取り出せません。下記の「←------???」と書いてあるところを何とかすれば完成だと思うのですが、どなたか教えていただけないでしょうか？ <script language="JavaScript" type="text/JavaScript"> function sjLeft(source,length) { if (source.length < length) { return (""); } return source.substr(0, length); } function sjReplace(source,start,length,target) { sjlen = source.length; if ((start > sjlen) || (start < 0)) { return String(""); } return String(sjLeft(source,start ) + target + source.substr(start+length, sjlen)); } function sjInsert( source, start, target) { return sjReplace(source,start,0,target); } function fcheck(obj) { s1_2value = ??? * new Number(document.form1.n1.value);　←------??? document.form1.s1_2.value = String(s1_2value); document.form1.total.value = s1_2value; return true; } </script> <form name="form1" method="POST"> <table width="400" border="1"> <tr> <td>人数</td> <td></td> <td><input type=text name=n1 size=8 onChange="fcheck(this);">人</td> <td></td> </tr> <tr> td><input name="n2" type="radio" value="13000" onChange="fcheck(this);">食事A</td> <td>\13,000</td> <td>×人数</td> <td><input name=s1_2 type=text size=8 readonly>円</td> </tr> <tr> <td colspan="2"> </td> <td>総計</td> <td><input type=text readonly name=total size=10>円</td> </tr> </table> </form>
- ベストアンサー
- JavaScript
PHPでJavascriptの引数の扱い方
はじめまして。宜しくお願い致します。環境：Linux(Redhat 9), apache2, PHP4.3.6 [やりたいこと] 下記↓ソース内容↓より、input=button と input=text が幾つかある。個々のボタンが押されたら、PHPにて"個々"の内部処理を行う。内部処理終了後は、個々のテキストにインクリメントした値が画面表示される。 HTML＋Javascript にて、カウンター部分は一応完成しています。 ↓ソース内容↓ <html> <head> <script language="JavaScript">  </script> </head> <body> <form name="ose"> <input type="text" name="view0" readonly size=5 maxlength=3> <input type="button" value="押せ0" onClick="ccc(view0)"><br> <input type="text" name="view1" readonly size=5 maxlength=3> <input type="button" value="押せ1" onClick="ccc(view1)"> </form> </body> </html> コレをPHPに書き換えると、上手くいきません。 ↓PHPに書き換えた場合↓ <script type="text/javascript">  </script> 引数に付いている "$"マークをJavascript側で認識しないのだろう、と考えています。出来れば、PHPで単体の関数として使用したい為、模索中です。 ※現在は、別の関数の中に上記の『↓HTML＋Javascriptの場合↓』を無理矢理入れて使用しています。(別の関数：HTMLをPHPファイルに書き込む) 別の関数内に入れてても問題は無しです。但、上記のJavascriptを使用しないソース達にも書き込んでしまうので、ちょとやだなーと。いい方法があったら教えて下さい。
- ベストアンサー
- PHP
phpソースの中のjavascripｔを実行する方法
現在、AJAXの勉強をしているプログラミング初心者です。環境はapache2,php5です。 phpのソースの中にjavascriptを埋め込んだものを動作させるにはどうしたらよいのかが分かりません、例えば以下の２つのファイルの場合。 abc.php↓ --------------------------------------------------------------- <html> <head></head> <body> <?php echo "こんにちわ"; ?> <script tyep="text/javascript"> alert("hello"); </script> </body> </html> --------------------------------------------------------------- abc.html↓ --------------------------------------------------------------- <html> <head> <script> try{ var obj= new ActiveXObject("Microsoft.XMLHTTP");} catch(e){var obj=new XMLHttpRequest();} function load(point){ obj.open("POST","abc.php",true); obj.send(null) obj.onreadystatechange=change; } function change(){ if(obj.readyState==4){ document.getElementById("target").innerHTML=obj.responseText; } } </script> </head> <body> <div id="target"></div> <a href="#" onclick="load();">click!</a> </body> </html> --------------------------------------------------------------- としたところ、 abc.phpを実行した場合はabc.phpのjavascriptが実行されてアラートがでるのですが、 abc.htmlからabc.phpにリクエストを出して出力された場合には、 javascriptが実行されずにアラートが出ない。どうしてこのようになるのでしょうか？また解決策があれば教えてください。よろしくお願いします。
- 締切済み
- その他（プログラミング・開発）
javascript関数の戻り値でphpの条件分岐
こんばんは。またまたプログラミングで詰まってしまいました・・・。 <?php 　　　echo "<script> funcJS(); </script>"; //javascriptの関数。戻り値true/false 　　　if(funcJS()の戻り値がtrueかどうか){ 　　　　　　＜～phpの処理～＞　　　 } ?> のようなプログラムがあったとして、funcJS()の戻り値の値によって、『phpの処理』を行うかどうかを決定したいのですがそのアルゴリズムが思いつきません。色々と試行錯誤はやってみて、 (1)phpの変数にfuncJS()の戻り値を格納して、if文で条件分岐　$value = "<script> funcJS(); </script>";　　しかし、これは$valueに戻り値を入れることができませんでした。 (2)javascript変数に戻り値を格納して、javascript内のif文で条件分岐 <?php 　　　echo "<script> var value=funcJS(); </script>"; //javascriptの関数。戻り値true/false 　　　echo "<script> if(value == 'true'){ </script>"; 　　　　　　＜～phpの処理～＞　　　echo "<script> } </script>"; ?> 　これも"}"がないと怒られてしまいました。自分で思いつく限りは試してみたのですが、他に方法が思い浮かばず頭を抱えている状態です。何か良い方法を知っている方、思いついた方、よろしくお願いします。
- ベストアンサー
- JavaScript
JavaScriptからphp関数の呼び出し
javaScriptで1秒毎にphpの関数を呼び出しているのですが、 php側で、returnしている日時が動的に表示されません。何がいけないのか教えて頂けますでしょうか？色んな参考ページを見ると、phpの関数で動的に動かせると書いてあるのですが、動的になりません。 -------------------------------------------------------- ＜jsphptest.htmlソース＞ <html> <head> <script type="text/javascript"src="jsphptest.php"></script> <script language="javascript">  </script> </head> <body onLoad="time();"> <form name="form1" mathod=post> JavaScript日時<input type="text" name="j_tokei" size=25><br> PHP日時<input type="text" name="p_tokei" size=25> </form> </body> </html> -------------------------------------------------------- ＜jsphptest.phpソース＞ <?php $str .= "function php_time(){"; $str .= "return('".date('Y-m-d H:i:s')."');"; $str .= "}"; echo $str; ?>
- ベストアンサー
- JavaScript
javascriptで切り替えて、php（include）でソースを呼
javascriptで切り替えて、php（include）でソースを呼び出すということを行いたいのですが…。インラインフレーム内のページで現在のものはこのようになっています。（ラジオボタンで即座にフレーム内ページを変更） <script language="JavaScript">  </script> <ul> <li> <input type="radio" name= "dEdit" value="" id="dEdit01" onClick="kirikae('/m/dd.html')"> </ul> ～～～～これを、親ページでのincludeに変更したいのですが、現状よい方法が浮かびません。以下のような形態で、ラジオボタンで表示するソースを変更、は変えずに、URL変更していたものをソースをincludeする、に変更したい考えです。お知恵をお貸しください。 <ul><input type="radio" name= "dEdit" value="" id="dEdit01" onClick="～～～～～"> </ul> <?php include("/m/dd.html")?>
- 締切済み
- PHP
JavaScriptで取得した値について
初めまして、Etizenと言います。早速質問なのですが、JavaScriptで例えば、 <SCRIPT LANGUAGE="JavaScript">  </SCRIPT> という、配列でデータを取得した場合にこれを、HTMLの <input type="text" name="STFCD" Value> のValueの中に仕込むことは可能でしょうか？よろしくお願い致します
- 締切済み
- JavaScript
Javascriptで複数のjsonを読み込みたい
Javascriptについてご教授頂きたい点があり、質問しました。私事で、現在とあるサイトの修正を行なっています。そのサイト内の更新情報の部分がJavascriptで制作されており、具体的にはjson形式のファイルをJavascriptで読み込み、HTMLとして出力する形になっています。質問下部が、そのJavascriptです。現在はjsonファイルをひとつだけの読み込んで表示しているのですが、今後コンテンツの拡充するため、2種類のjsonを読み込む必要がでてきました。 jsonファイルの中身や項目ついては2種類ともほぼ同じような内容です。考えられる様々な方法を試してみたのですが、うまくいかず、質問させていただきました。どなたかお力添えを頂けないでしょうか。 var result2 = ''; var rec2 = 5; var jsonHostname = "元々のJSONのディレクトリURL"; var jsonUrl = ''; jsondata2 = ""; function callback_whats_new(data2) {callbackCommon2(data2);} function callbackCommon2(data2) { jsondata2 = data2; if(typeof jsondata2 == 'object'){ draw2(); } else { indexDiv2.innerHTML = '<br><div class="t_m" style="text-align:left; margin-left:8px;">当サイトをご覧いただくには、<br>JavaScriptとFlashの再生環境が必要となります。<br><br>' + '詳しくは「<a href="">ご利用に際して</a>」をご覧ください。<br><br></div>'; } } function getIndex2(n2) { var list = n2; var type = list; indexDiv2 = document.getElementById(type); filename = type; var url = jsonHostname + filename + '.json?' + (new Date().getTime()); 元々入っていたjsonファイルののURL var idval = 'jsonp_' + type; var charset = 'utf-8'; charset = charset ? charset : 'utf-8'; var headObj = document.getElementsByTagName('head')[0]; var scriptTag = document.getElementById(idval); if (scriptTag) { headObj.removeChild(scriptTag); } scriptTag = document.createElement('script'); scriptTag.type = 'text/javascript'; scriptTag.id = idval; scriptTag.charset = charset; scriptTag.src = url; headObj.appendChild(scriptTag); } function draw2(e,n1, n2, n3, n4) { result2=""; if (typeof n1 != 'undefined') turn = n1; if (typeof n2 != 'undefined') cat_2 = n2; if (typeof n3 != 'undefined') category = n3; hl = jsondata2.headline; if(typeof rec2!='number'){ hlLength = hl.length; }else if(rec2 > hl.length){ hlLength = hl.length; }else{ hlLength = rec2; } tMon = 0; for (var i = 0; i < hlLength; i++) { wrHTML2(i); } if (result2) { indexDiv2.innerHTML = result2; } else { indexDiv2.innerHTML = '<span class="t_m">該当する情報はありません。</span>\n'; } if (typeof list == 'object' && listNum < list.length) getIndex2(list); } function wrHTML2(n) { var f = 0; var f2 = 0; var icon=""; var date = (jsondata2.headline[n].date) ? jsondata2.headline[n].date : ""; if (cat_2 && cat_2 != Number(date.substr(4,2))) return; var uri = (jsondata2.headline[n].uri.uri) ? jsondata2.headline[n].uri.uri : ""; var tar = jsondata2.headline[n].uri.target; var no = jsondata2.headline[n].txt.no; var txt = (jsondata2.headline[n].txt.txt) ? jsondata2.headline[n].txt.txt : ""; var jsOpenWinFlg; if (-1!= uri.indexOf("/html/")){ if (-1!= (jsOpenWinFlg = uri.indexOf("/report/"))){ var aElementAttr = 'href="JavaScript:popupWin(\''+uri+'\',\'subwin\',\'900\',\'700\');"'; }else if (-1!= (jsOpenWinFlg = uri.indexOf("/news/other/"))){ var aElementAttr = 'href="JavaScript:popupWin(\''+uri+'\',\'subwin\',\'900\',\'700\');"'; }else{ var aElementAttr = 'href="'+uri+'" target="'+tar+'"'; } }else{ var aElementAttr = 'href="'+uri+'" target="'+tar+'"'; } if (date) date = date.substr(2,2) + '/' + date.substr(4,2) + '/' + date.substr(6); result2 += '<table width="100%"><tr>'; result2 += '<td width="17%" valign="top">' + date + '</td>'; result2 += '<td width="83%" valign="top">'; result2 += '<a ' + aElementAttr + '>' + txt + '</a>'; result2 += '</td>'; result2 += '</tr></table>'; }
- 締切済み
- JavaScript
テキストフィールドでの全角チェックについて
テキストフィールド内にて、全角文字以外が入力されたらエラーをだすようにしています。そのとき以下のソースだと改行した時に、enterが半角とみなされてしまう現象が起こってしまいました。 function jstrlen(str) { len = 0; for (i = 0; i < str.length; i++) { wrk = escape(str.substr(i,1)); if ((wrk.substr(0,2) == "%u") && (wrk < "%uFF71")) { len++; } len++; } return len; } function isZen(str) { len1 = jstrlen(str.value); len2 = str.value.length * 2; if(len1 != len2){ alert("半角文字が混在"); str.focus() ; }else{ alert("全角文字のみ"); } } 対処方法をどなたかよろしくお願いします。
- ベストアンサー
- JavaScript
PHP内にJavaScript
下記のようなはじめての訪問者に対してようこそ！と表示するJavaScriptをPHP内で動かすにはどのように記入すればよいのでしょうか？ ==================================================== <script language="JavaScript"> var key = "freekeyword"; var n = 0; var cookies = document.cookie.split("; "); for(var i=0;i<cookies.length;i++){ var str = cookies[i].split("="); if(str[0] == key){ // n = str[1]; } } window.onload = function() { if(n == 0){ document.getElementById('welcome').innerHTML = 'ようこそ！'; } n++; setCookie(key,n); } function setCookie(key,val){ document.cookie = key + "=" + escape(val) + "; "; } </script> ==================================================== このスクプリトを下記<head>内にどのように記入すればよいのでしょうか？ PHPの文法などほとんど分からないレベルなのでそもそも質問自体間違ってるかもしれませんがPHP内で同様の動作をさせたいのです。よろしくお願いします ==================================================== <?php echo ' <html> <head> </head>'; echo ' <body> <div id="welcome"></div> </body></html>'; ?> ====================================================
- ベストアンサー
- PHP