PHPとjquery1.3 で ajax を使用し、下記のような処理を書いてみました。
text.phpにckeditorを表示させたいのですが、どのようにすればいいのでしょうか?
ソースコードで教えて頂けると助かります!
ちなみに呼び出しもとのファイルでの ckeditor の動作は確認できました。
よろしくお願いします。
■呼び出し元のhtml
<html>
<head>
<script type="text/javascript" src="jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="ckeditor/ckeditor.js"></script>
<script type="text/javascript">
$( function() {
$("select").change(function () {
var value = "";
$("select option:selected").each(function () {
value += $(this).val();
});
$("#out").load("text.php?name=" + value);
}).change();
});
</script>
<title>テスト</title>
</head>
<body>
<select name="text">
<option value="normal">テキスト入力</option>
<option value="html">htmlエディター</option>
</select>
<div id="out"></div>
</body>
</html>
■text.phpの内容
<?
if(isset($_GET['name'])){$name = $_GET['name'];}
if($name == "normal"){
?><textarea cols="80" rows="10">テキスト入力</textarea><?
}elseif($name == "html"){
?><textarea class="ckeditor" id="editor" cols="80" rows="10">htmlエディター</textarea><?
}
?>
A 回答 (1件)
- 最新から表示
- 回答順に表示
No.1
- 回答日時:
こういうやり方もあります。
という1例です。-------------------------------------------
■index.php
<html>
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/ …
<script type="text/javascript" src="ckeditor/ckeditor.js"></script>
<script type="text/javascript" src="ckeditor/adapters/jquery.js"></script>
<script type="text/javascript">
$(function()
{
$("select").change( function()
{
var value = "";
$("select option:selected").each(function ()
{
value += $(this).val();
});
// ----------------------
$("#out").load( "text.php?name=" + value, function()
{
console.debug( value );
if( value == 'html' )
{
$('textArea').ckeditor();
$('textArea').css({ visibility : 'visible' });
}
});
}).change();
});
</script>
<title>テスト</title>
</head>
<body>
<select name="text">
<option value="normal">テキスト入力</option>
<option value="html">htmlエディター</option>
</select>
<div id="out"></div>
</body>
</html>
-------------------------------------------
■text.php
<textarea cols="80" rows="10"></textarea>
==================================================
ドキュメントを簡単に読むと、他にもやり方はたくさんあるみたいですねー。
ありがとうございます。
残念ながら動作は確認できませんでした。
どうやら下記の行でエラーが発生しているようでした。
$('textArea').ckeditor();
やり方としては大変参考になりました。
少しこのやり方でうまく動かないか試してみます。
本当にありがとうございます。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript 以前の質問だと、どの条件でも配列が表示されてしまいます。 1 2022/07/09 11:40
- JavaScript sessionStorageを調べています。 1 2023/06/20 12:41
- JavaScript switch文のswitch(n)の部分を複数の値にするか、if文に変えてほしいです。 1 2022/07/27 17:18
- JavaScript 入力フォームの javascript で メールアドレスの正規チェックをを行い、ボタンをクリックして 2 2022/04/27 16:06
- JavaScript セレクトボックスを2つ設けて選択して初めてメッセを表示 1 2022/07/27 12:15
- HTML・CSS ボタンをクリックした時に、入力フォームのすぐ下部に、「入力欄が空白です」というテキストメッセージが表 1 2022/04/27 16:25
- JavaScript ①入力フォーム→②確認表示画面→③送信完了画面のコードを書いているのです、 入力フォームから受け取っ 2 2022/05/10 16:45
- AJAX JavascriptからPHPへのAjax通信でnullが返ってくる 3 2022/08/03 22:00
- JavaScript セレクトボックスを2つ選択してメッセージなどを表示するには。~運賃検索プログラムを完成させたい~ 1 2022/07/22 11:10
- JavaScript セレクトボックスで配列を呼び出したい。 1 2022/07/08 20:14
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
iframeの部分だけリロード
-
ロールオーバーとスワップイメ...
-
エクセルVBAでマルチページの切...
-
リンクをアップデートするしな...
-
ページの自動ジャンプを止めるには
-
アクセス元URLをばれないよ...
-
Teams もらったリンクを開いて...
-
中国のEV
-
文字を一括で置換するソフト・...
-
ビルダー 不要なタグの生成を...
-
画像へのリンク(URL)埋め込み
-
HTMLのリンク先が表示されない
-
リンクは「貼る」?「張る」?...
-
キングファイルの背表紙を作成...
-
検索エンジンにインデックスさ...
-
ホームページを工事中にしたい。
-
Dreamweaver テンプレート解除...
-
UserForm.showでマルチページ1...
-
<IFRAME>でコンテンツ部分のみ...
-
Gmailのリンクが機能しないのは...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
ホームページ内検索をフォーム...
-
簡易版パスワード入力画面について
-
海外の時間をホームページ上に表示
-
【JavaScript】特定の条件で特...
-
iframeの部分だけリロード
-
pythonにおける単方向リストの...
-
【javascript】 IMEのカタカナ...
-
チェックボタンをクリックする...
-
getElementsByTagNameが使えない
-
キングファイルの背表紙を作成...
-
カンマ区切り形式ではなく、セ...
-
パワーポイントで参照ページを...
-
各ページの1番上の表示について
-
<IFRAME>でコンテンツ部分のみ...
-
エクセルで例えば、関数を使っ...
-
リンクをアップデートするしな...
-
VBAでマルチページのページ指定...
-
エクセルVBAでマルチページの切...
-
エクセルでアルファベット5段階...
-
文字を一括で置換するソフト・...
おすすめ情報