質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.48%
if

if文とは様々なプログラミング言語で使用される制御構文の一種であり、条件によって処理の流れを制御します。

PHP

PHPは、Webサイト構築に特化して開発されたプログラミング言語です。大きな特徴のひとつは、HTMLに直接プログラムを埋め込むことができるという点です。PHPを用いることで、HTMLを動的コンテンツとして出力できます。HTMLがそのままブラウザに表示されるのに対し、PHPプログラムはサーバ側で実行された結果がブラウザに表示されるため、PHPスクリプトは「サーバサイドスクリプト」と呼ばれています。

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

Q&A

解決済

3回答

1747閲覧

PHPで設定した変数をJavaScriptのif文で活用する方法

moroheia

総合スコア14

if

if文とは様々なプログラミング言語で使用される制御構文の一種であり、条件によって処理の流れを制御します。

PHP

PHPは、Webサイト構築に特化して開発されたプログラミング言語です。大きな特徴のひとつは、HTMLに直接プログラムを埋め込むことができるという点です。PHPを用いることで、HTMLを動的コンテンツとして出力できます。HTMLがそのままブラウザに表示されるのに対し、PHPプログラムはサーバ側で実行された結果がブラウザに表示されるため、PHPスクリプトは「サーバサイドスクリプト」と呼ばれています。

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

0グッド

0クリップ

投稿2017/09/28 07:07

編集2017/09/28 07:56

###前提・実現したいこと
phpで定義した変数をjavascriptで活用したいです。
変数をif文で活用できる状態にしたいです。

###発生している問題・エラーメッセージ
sample.htmlを開いた時のエラー内容

Uncaught ReferenceError: sample is not defined

###該当のソースコード
sample.php

<?php $sample ='a,b'; ?> <script type="text/javascript"> var sample='<?php echo $sample; ?>'; </script> <script type="text/javascript" src="sample.js"></script>

sample.js

var test = sample; var propArry = test.split( "," ); if (propArry[0] == "a") { document.getElementById("vr").innerHTML = propArry[1]; } else { document.getElementById("vr").innerHTML = "NO data"; }

sample.html

<!DOCTYPE html> <html> <head> <script type="text/javascript" src="sample.js" charset="UTF-8"></script> </head> <body> <span id="vr"></span> </body>

###試したこと
alert(sample); では無事にデータが表示されました。

※コードの内容を簡略化しているため、特に意味のないものになっています。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

kei344

2017/09/28 07:53

エラーはsample.phpを表示して起こっているのでしょうか。sample.htmlを表示して起こっているのでしょうか。
moroheia

2017/09/28 07:57

説明が不足しており、申し訳ございません。sample.htmlを表示して起こります。
guest

回答3

0

sample.html でそのエラーが出るのは当然です。少なくとも var sample=''; が sample.js より前に書いてある必要があります。

PHPはブラウザでアクセスしたタイミングで動きますが、ページをHTMLとして返した時点で終了しています。P変数を保持したい場合なんらか別の方法を模索する必要があります。

投稿2017/09/28 08:01

kei344

総合スコア69398

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

moroheia

2017/09/28 08:20

現在の記入形式でもalert(sample);で値を表示できていますが、if文に使う場合は異なる方法で値をphpからJavaScriptへ送るべきということでしょうか。
kei344

2017/09/28 08:34

> alert(sample);で値を表示できていますが sample.html で表示できているとしたら、質問内容に以外のコードがあると思いますので、質問文を修正されてはいかがでしょう。 特別設置しない限り .html の拡張子でPHPが動くことはありません。
moroheia

2017/09/28 09:06

alert(sample);で表示できたのはJavaScriptに記入した時でした。 phpを開くと表示されたので当然でした。 特別設置というのはどのような内容でしょうか。
kei344

2017/09/28 10:08

> 特別設置というのはどのような内容でしょうか。 できないことはない、というだけなので普通はしませんので気にしなくて良いです。
moroheia

2017/09/29 02:25

JS、PHP、HTMLの連携をしたい場合の流れを考え直そうと思います。 例えば、 HTML内にPHPを記載し、表示する流れや PHP内にJSを記載し、HTMLで読み込む流れなど。 いずれも .htaccessを修正する必要があり、 セキュリティ面が気になります。
kei344

2017/09/29 02:40

基礎的な部分のイメージができていないようなので、WEB/PHP/HTML/CSS/JavaScriptの入門書を読むことをお勧めします。Webの情報は「体系立てた情報」で無いことが多いので、本屋で何冊か本を買って読むのが良いと思います。
moroheia

2017/09/29 02:50

かしこまりました。読んでみます。 しかし、こちらの内容は急ぎの内容のため、それですと間に合わず、悩んでいます。 急がば回れでしょうか・・・急いで本を読み上げてみます・・・
kei344

2017/09/29 03:08

最終的にどのようなページを作るかはわかりませんが、今の状態でPHPを使うなら .html は使わずに .php だけで書くことをお勧めします。
moroheia

2017/09/29 03:52

やはりそうですよね・・。まずはphpでの表示で試してみます。
guest

0

自己解決

過去に制作していた方と連絡がとれ、本件はこれまでAjaxを利用して行なうようにしていたことがわかりました。
ご回答いただいた皆様、誠にありがとうございました。

投稿2017/10/02 01:32

moroheia

総合スコア14

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

0

var test = sample;
とかかずに
var test = str;
と書いていませんか?
宣言されていない変数をいきなり使えばnot definedのエラーがでます。

投稿2017/09/28 07:13

yambejp

総合スコア114757

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

moroheia

2017/09/28 07:22

すいません。エラー内容を修正し忘れていました。 var test = sample;と記入し、 sample 部分にnot definedのエラーがでます。
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.48%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問