javascript使用時の画像ファイルへのパス

2021年9月22日 at 9:47

サイト内で scrolltopcontroll.js というスクリプトを使いたいと、heder.php にリンクを設置し、どうやら動作しているようですが、↑の画像ファイルの読み込みができません。
jsでは
controlHTML: '', //HTML for control, which is auto wrapped in DIV w/ ID="topcontrol"
と書きました。
現在、テーマフォルダーのトップimagesフォルダーに up.png を置いています。上記のパスの書き方を教えてください。画面では下部右に画像ファイルを示す

タグ:

Re: javascript使用時の画像ファイルへのパス

2021年9月24日 at 21:02
こんにちは。

すいません、フォーラムが、自動的に Javascript を消してしまっているようで、
うまく、ご希望の Javascript のコードをみることができないようです。

何かコードを別の場所・・・
http://gist.github.com
のようなサービスで保存して見せてもらうか、

コードを画像のスクショにしてみせてもらえますか?
 

Re: javascript使用時の画像ファイルへのパス

2021年9月24日 at 21:53
ご連絡いただき、ありがとうございます。JavaScriptの該当する部分をScreenShotにして添付します。赤下線部分についての質問です。このパスの書き方がわかりません。
なお、JavaScriptは動作しています。右下に画像部分が空の
 

Re: javascript使用時の画像ファイルへのパス

2021年9月24日 at 21:06
先に、僕の想像で回答します。

Concrete CMS には、本文に、Javascript で使えるように、var 宣言が書いてあります。(添付画像参照)

例えば CCM_APPLICATION_URL の変数をいれて、その後にコンクリの中にある画像のパスを指定するなどで、Javascript の中の画像 URL パスを相対的に指定したものを合わせることで対応しています。

見当違いだったらすいません。
 

Re: javascript使用時の画像ファイルへのパス

2021年9月30日 at 14:12
> ご連絡いただき、ありがとうございます。JavaScriptの該当する部分をScreenShotにして添付
します。赤下線部分についての質問です。このパスの書き方がわかりません。
> なお、JavaScriptは動作しています。右下に画像部分が空の

こんにちは。
返信が遅れました。
やはり、予想通り、パスの指定が間違っているようです。

それだと、表示されているページから1階層上の images ディレクトリに入っているという指定になります。

コンクリはドメイン直下にインストールされていますか?
サブディレクトリの中にありませんか?

だったら、ドメイン直下からのパスを直接指定してあげる必要があります。


'/application/themes/[テーマ名]/images/up.png'

サブディレクトリであれば、


'[ディレクトリ名]/application/themes/[テーマ名]/images/up.png'

もしくは CCM_APPLICATION_URL の変数を挟む方法があります。

これで試してみてください。
 

Re: javascript使用時の画像ファイルへのパス

2021年10月1日 at 11:11
ありがとうございました。添付書類のように修正して、うまく動作、画像表示しました。
( 指示いただいたものにはC5 の前の / がなかったので、うまくいず、思い直してドメイントップからのURLを書き込んだところ、うまくいきました。そこで、" の後に / を入れてアップしたところうまく動作しました。)
html で作成したモックアップサイトでは、最初にお見せしたJavaScriptの書き方(相対パス)で動作していたので、これと一緒で表示されると思っていましたが、concret5 では、そのトップからのパスで表示される、相対パスではないということですね。
これから js を導入する際に、気を付けます。ありがとうございました。
 

Re: javascript使用時の画像ファイルへのパス

2021年10月8日 at 20:51
こんにちは。
パスを修正してうまくいったとのこと、よかったです。

Concrete CMS は、いろいろな URL の階層にページを作ることができるので、
相対パスだと 404 になってしまいます。

なので、ドメインのトップからたどって指定する方法をとります。

よろしくお願いします。