class='add:the-list:meta-3::_ajax_nonce=c143df3f8b updatemeta'の役割と意味を教えてください

このQ&Aのポイント
  • class='add:the-list:meta-3::_ajax_nonce=c143df3f8b updatemeta'は、wordpress2.9.2の管理画面で使用されるコードです。
  • このコードは、更新ボタンを押すと入力欄の内容をページ遷移なしで更新する役割を果たします。
  • 具体的な意味や詳細については、詳細なドキュメントを参照することをおすすめします。
回答を見る
  • ベストアンサー

「class='add:the-list:meta-3::_ajax_

「class='add:the-list:meta-3::_ajax_nonce=c143df3f8b updatemeta'」の意味、役割を教えてください。 wordpress2.9.2の管理画面を弄っているのですが、 ----------------------------------------------------------------- <input name='updatemeta' type='submit' tabindex='6' value='更新' class='add:the-list:meta-3::_ajax_nonce=c143df3f8b updatemeta'> ----------------------------------------------------------------- ↑のようなコードがありますが、 class='add:the-list:meta-3::_ajax_nonce=c143df3f8b updatemeta' のような記述は初めて見ました。 これはどんな役割をしているものなのでしょうか? ちなみに、 このボタンを押すと、入力欄に記入した文字がページ遷移なしで更新されます。 よろしくお願いいたします。

  • PHP
  • 回答数1
  • ありがとう数6

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

  • ベストアンサー
  • mpx
  • ベストアンサー率71% (149/209)
回答No.1

>> のような記述は初めて見ました。 >> これはどんな役割をしているものなのでしょうか? INPUTタグに対してクラスを定義しているだけです。 クラス名はCSS や Javascriptでそこのブロック位置情報やそのブロックに対する 動作内容を認識させるための情報提供の役目をしています。 例示の例では、以下2つのクラス名が定義されています ・add:the-list:meta-3::_ajax_nonce=c143df3f8b ・updatemeta それぞれのクラスが何に使われているかは、手元にソースが無いので 分かりませんが、同じページ上で読み込まれているスタイルシートか javascriptのソース中に記載(定義)されていますので 読んでみてください。(少々スキルが要りますが) >>このボタンを押すと、入力欄に記入した文字がページ遷移なしで更新されます。 これが、Ajax【Asynchronous JavaScript + XML】の代表的な動きです。 もしもAjaxをご存じない場合は、検索してみると膨大な情報がでてきますので 参考にしてください。

関連するQ&A

  • inputタグのclass名にコロン「:」が使われていますが、どういう

    inputタグのclass名にコロン「:」が使われていますが、どういう意味があるのでしょうか? 以下、wordpress2.9.2の管理画面のソースになります。 ----------------------------------------------------------------- <input name='updatemeta' type='submit' value='更新' class='add:the-list:meta-3::_ajax_nonce=c143df3f8b updatemeta'> ----------------------------------------------------------------- よろしくお願いいたします。

  • Struts1.3.10でAjax連携

    Struts-1.3.10を使用しています。 データの登録・更新・削除等を行っているのですが、毎回の画面更新がだるいので Ajaxを利用して画面遷移を発生させないような処理を行おうと思っています。 JSFなどはf:ajaxタグなどで容易に再描画を行うことができるようですが このシステムではJSFは使用していません。 このシステムをStruts2に移行するのもStruts1と2では互換性がないということでためらっています。 そこでStruts1系でAjaxを利用して画面の一部(データの一覧部分など)を再描画させるための フレームワーク等があれば教えていただけませんか。 調べているとDWRを使用するというのがありましたが例としてあげられているのがStruts2系のものが多かったです。Struts1でも問題なく使用できるのでしょうか? よろしくお願いします。

    • ベストアンサー
    • Java
  • jQuery・Ajaxについて教えて下さい。

    jQueryを使用した「Tipped」というツールチップ作成フレームワークを使用しています。 「ツールチップの上にさらにツールチップを表示する」ということが出来ず困っております。 ドキュメント http://projects.nickstakenburg.com/tipped/documentation 特定のクラス名の文字にカーソルを当てると、Ajaxにより外部HTML(PHP)の内容が小窓で表示されるというものです。 これを使って外部HTMLの表示をすることはできたのですが、 ツールチップ内に表示されるHTMLの中にさらに同名のクラス名を埋め込み、 そこにカーソルを当てたとき二重(入れ子)でツールチップを表示するということをしたいのですが、 最初の1つしか表示されません。 ■読み込む側(A.php) ~ 必要なファイルの読み込み ~ <span class='tipped' data-tipped='B.php'>カーソルを当てると「B.php」の内容を表示</span> <script type="text/javascript"> jQuery(document).ready(function() { Tipped.create(".tipped", { ajax: true }); }); </script> ~ ■読み込まれる側(B.php) <span class='tipped' data-tipped='C.php'>ここにカーソルを当てて「C.php」の内容を表示させたい</span> A.phpからB.phpのツールチップを表示することはできました。 B.phpからC.phpのツールチップを表示することもできますが、 A.phpに表示したB.phpからはC.phpのツールチップが表示できません。 Ajaxを使わず、B.phpに静的なツールチップを埋め込んだ場合も表示できませんでした。 wordpressの記事ページで動作させています。 必要なjsファイルは読み込んでおり、ファイルはそれぞれ同じ階層にあります。 何が問題で表示できないのでしょうか。どうかご教示をお願いします。

  • ListのItemListenerについて

    50音のリストから選択したタイトルの画像を表示するようなプログラムを作ろうと思っているのですが、ItemListenerの2種類以上の使い方?が分かりません。 左側のChoiceからListの内容は書き換えることが出来たのですが、真ん中のListから右のListを書き換え、更には右のListから下部へ画像を表示させたいのです。 この場合どのように記入すればいいのか教えてください。お願いします。 以下拙いですが自分の書いた部分です import java.applet.Applet; import java.awt.*; import java.awt.event.*; public class Test extends Applet implements ItemListener{ Panel p[]=new Panel[1]; Choice c1; String s[]={"あ","い","う","え","お","か","き","く","け","こ", "さ","し","す","せ","そ","た","ち","つ","て","と", "な","に","ぬ","ね","の","は","ひ","ふ","へ","ほ", "ま","み","む","め","も","や","ゆ","よ","","", "ら","り","る","れ","ろ","わ","","","","",}; List lst1,lst2; int i; public void init() { p[0]=new Panel(new GridLayout(1,3)); c1=(Choice)p[0].add(new Choice()); for (i=0;i<50;i=i+5) c1.add(s[i]+"行"); c1.addItemListener(this); lst1=(List)p[0].add(new List(5)); lst1.add(s[0]); lst1.add(s[1]); lst1.add(s[2]); lst1.add(s[3]); lst1.add(s[4]); lst1.addItemListener(this); lst2=(List)p[0].add(new List(5)); lst2.addItemListener(this); add(p[0]); } public void itemStateChanged(ItemEvent e){ Choice c1=(Choice)e.getSource(); String str=(String)c1.getSelectedItem(); if(str.equals("あ行")){ lst1.removeAll(); for(i=0;i<5;i++){ lst1.add(s[i]); } lst2.removeAll(); } else if(str.equals("か行")){ lst1.removeAll(); for(i=5;i<10;i++){ lst1.add(s[i]); } lst2.removeAll(); } 以下わ行まで書いてあります } public void destroy() { } }

    • ベストアンサー
    • Java
  • ListのSort

    Visual C++ 2005/CLIにてWindowsアプリケーションを作成しています 三つの要素があるListのbの要素でソートしたいのですが、どうしたら よいでしょうか? public ref class Test { private: a; b; c: } void main() { List<Test^>^ test = gcnew List<Test^>; //ここ test->Sort(); // <-ここがわかない }

  • C# Listとclassが絡んだコードが分かりま

    C#の勉強を始めました。 鳩でもわかるC#(増分バックアップ)を参考に勉強してますが、以下のコードが分かりません。 コードの雰囲気から、vs2[0]とvs2[1]の2つの変数の塊をどんどん繋いでいるのかなと想像するのですが、 厳密には何が起きているのか分かりません。 fileAndTimesの中が覗ければ、理解が深まるのかとも思うのですが、私にはできません。 このコードは何をやっているのでしょうか? また、fileAndTimesの中身を出力に書き出すはどんなコードを書けばよいでしょうか? 詳しい方ご教示願います。 ///////////////////////////// List<FileAndTime> CreateFileAndTimes(string logFilePath) {      ・      ・      ・ FileAndTime fileAndTime = new FileAndTime(vs2[0], long.Parse(vs2[1])); fileAndTimes.Add(fileAndTime);      ・      ・      ・ return fileAndTimes; } internal class FileAndTime { public FileAndTime(string path, long tick) { FilePath = path; Tick = tick; } public long Tick { get; protected set; } = 0; public string FilePath { get; protected set; } = ""; public bool IsChecked { get; set; } = false; }

  • メーリングリストって

    メーリングリストについてお聞きしたいのですが、 質問1.メーリングリストって送られてくる人以外のアドレスも表示されるのですか。要するにAさんからB,C,D,E,Fに送るとBさんはC,D,E,Fのアドレスが表示されているのですか。BCCそれともCCで送られてくるのでしょうか。 質問2.同じくCさんからDさんに送ることはできるのですか、できるとしたらAさんはそれを見たり参加したりできるのですか?

  • classファイルが起動しない

    classファイルをhtml内で起動したところ、クラスファイルが生成できないとjava実行時にエラーが発生します。プログラムのどこが悪いのでしょうか? <プログラム> import java.awt.*; import java.awt.event.ItemEvent; import java.awt.event.ItemListener; import java.io.*; import javax.swing.*; import javax.swing.event.ListSelectionEvent; import javax.swing.event.ListSelectionListener; import javax.swing.table.DefaultTableModel; public abstract class jyusyo1 extends JApplet implements ListSelectionListener, ItemListener { /* member class not found */ class MyListener {} public jyusyo1() { jmenubar = new JMenuBar(); jmenu1 = new JMenu("\u691C\u7D22"); jmenuitem1 = new JMenuItem("\u6F22\u5B57\u4F4F\u6240"); jmenuitem2 = new JMenuItem("\u30AB\u30CA\u4F4F\u6240"); jmenuitem3 = new JMenuItem("\u4F4F\u6240\u30B3\u30FC\u30C9"); jmenuitem4 = new JMenuItem("\u90F5\u4FBF\u756A\u53F7"); c = new JComboBox(); outString = ""; L = new JList(); items = new String[1]; defaulttablemodel = new DefaultTableModel(); t1 = new JTable(defaulttablemodel); } public void init() { String s = new String(); int i = 0; JFrame jframe = new JFrame(); jframe.setTitle("\u4F4F\u6240\u691C\u7D22"); jframe.setDefaultCloseOperation(3); JPanel jpanel = new JPanel(); jpanel.setLayout(new BorderLayout()); Container container = getContentPane(); for(int j = 0; j < 5; j++) defaulttablemodel.addColumn(str3[j]); try { BufferedReader bufferedreader = new BufferedReader(new FileReader("ken.dat")); while(bufferedreader.ready()) { try { String s1 = bufferedreader.readLine(); c.addItem(s1); i++; continue; } catch(EOFException eofexception) { bufferedreader.close(); } break; } } catch(Exception exception) { System.err.println(exception); } container.add(c); c.addItemListener(this); setLayout(new BorderLayout()); JScrollPane jscrollpane = new JScrollPane(L); L.setVisibleRowCount(10); L.setSelectionMode(0); L.addListSelectionListener(this); container.add(jscrollpane); } public void valueChanged(ListSelectionEvent listselectionevent) { } public abstract void itemStateChanged(ItemEvent itemevent); JMenuBar jmenubar; JMenu jmenu1; JMenuItem jmenuitem1; JMenuItem jmenuitem2; JMenuItem jmenuitem3; JMenuItem jmenuitem4; JComboBox c; String outString; JList L; String items[]; DefaultTableModel defaulttablemodel; JTable t1; String str3[] = { "\u30B3\u30FC\u30C9", "\u65B0\u90F5\u756A", "\u4F4F\u6240\uFF13", "\u4F4F\u6240\uFF14", "\u65E5\u4ED8" }; }

  • エクセルでリストを使って特定の文字列を数える

    エクセル2003を使っています。 シート3に A B C というリストAと D E F というリストB そして A B C D E F と一緒になっているリストCを作りました。 そしてシート1にリストCを使ってこのような表を作りました。 A D A C B D F E C B A B と選択したとします。 そのとき、左側にリストAの中に含まれている文字列を数える方法はないでしょうか。 使っているのは、 Windows XP Professional SP2 Microsoft Office Excel 2003 SP3 です。

  • IEでAjax

    現在、以下のソースをもとにAjaxのテストをしているのですが FireFoxだと正常に動作されますが、IE8だと無反応です。 もちろんJavaScriptは有効にしています。 この原因はどこにあるのでしょうか? ■test.html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitiona..."> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>テスト</title> <script type="text/javascript"> <!-- var ajax = new XMLHttpRequest(); function makeTable(keyword) {  ajax.onload = function() {   document.getElementById('layerTable').innerHTML = ajax.responseText;  }  ajax.open('GET', 'sample.php?keyword=' + keyword, true);  ajax.send(null); } </script> </head> <body> <h1>Ajaxのテスト</h1> <form id="formMain" name="formMain" method="post" action=""> <p>キーワードを入力して、表示するボタンをクリックしてください。</p> <p> <input type="text" name="keyword" size="35"> <input name="buttonMake" type="button" id="buttonMake" value="表示する" onClick="makeTable(this.form.keyword.value)" /> </p> </form> <div id="layerTable">ここに応答が表示されます</div> </body> </html> ■sample.php <?php $keyword = $_GET['keyword']; $doc = "<b>Ajaxのテストです</b><br />"; $doc .= "キーワードは{$keyword}"; print($doc); ?>

    • ベストアンサー
    • AJAX

専門家に質問してみよう