Clever Geek Handbook

CCK Filefieldを使用します。 Flashを挿入して表示する

画像 サイト上のファイルを単にリンクとしてではなく、他の方法で表示する必要がある場合があります。 プレーヤーでビデオおよびオーディオファイルを表示し、表示（リスン）、swf-すぐにページに表示できるようにします。 マテリアルにファイルを添付するための優れたFilefieldモジュールがありますが、そのためのフォーマッタの選択はわずかです。 ファイルは参照によって簡単に表示できます。 他のモジュールは、その機能を少し拡張します。たとえば、Imagefieldでは、画像を表示できます。 SWFfieldモジュールの例を使用して、Flashコンテンツを表示する機能を追加する方法をアクセス可能な方法で説明しようとします。



さらに、多くのコード、いくつかの写真があり、一般的にすべてが退屈で退屈です...



開始する



モジュールディレクトリに新しいswffieldディレクトリを作成します。

モジュールについては、.infoファイルが必要です。この場合、 swffield.info

Copy Source | Copy HTML name = SwfField description = Flash CCK. dependencies[] = content dependencies[] = filefield package = CCK core = 6.x version = "6.x-1.1"



  1. Copy Source | Copy HTML name = SwfField description = Flash CCK. dependencies[] = content dependencies[] = filefield package = CCK core = 6.x version = "6.x-1.1"



  2. Copy Source | Copy HTML name = SwfField description = Flash CCK. dependencies[] = content dependencies[] = filefield package = CCK core = 6.x version = "6.x-1.1"



  3. Copy Source | Copy HTML name = SwfField description = Flash CCK. dependencies[] = content dependencies[] = filefield package = CCK core = 6.x version = "6.x-1.1"



  4. Copy Source | Copy HTML name = SwfField description = Flash CCK. dependencies[] = content dependencies[] = filefield package = CCK core = 6.x version = "6.x-1.1"



  5. Copy Source | Copy HTML name = SwfField description = Flash CCK. dependencies[] = content dependencies[] = filefield package = CCK core = 6.x version = "6.x-1.1"



  6. Copy Source | Copy HTML name = SwfField description = Flash CCK. dependencies[] = content dependencies[] = filefield package = CCK core = 6.x version = "6.x-1.1"



  7. Copy Source | Copy HTML name = SwfField description = Flash CCK. dependencies[] = content dependencies[] = filefield package = CCK core = 6.x version = "6.x-1.1"







また、 swffield.installファイルが必要です。

Copy Source | Copy HTML



  1. // hook_install（モジュールをインストール）
  2. 関数 swffield_install（）{
  3. //コンテンツモジュールをロードします
  4. drupal_load（ 'module' 、 'content' ）;
  5. //新しいモジュールのインストールについてCCKに通知します
  6. content_notify（ 'install' 、 'swffield' ）;
  7. }
  9. // hook_uninstall（モジュールのアンインストール）
  10. 関数 swffield_uninstall（）{
  11. drupal_load（ 'module' 、 'content' ）;
  12. //新しいモジュールの削除についてCCKに通知します
  13. content_notify（ 'uninstall' 、 'swffield' ）;
  14. }
  16. // hook_enable（モジュールを有効化）
  17. 関数 swffield_enable（）{
  18. drupal_load（ 'module' 、 'content' ）;
  19. //新しいモジュールが含まれていることをCCKに通知します
  20. content_notify（ 'enable' 、 'swffield' ）;
  21. }
  23. // hook_disable（モジュールのシャットダウン）
  24. function swffield_disable（）{
  25. drupal_load（ 'module' 、 'content' ）;
  26. // CCKに新しいモジュールを無効にするよう指示します
  27. content_notify（ 'disable' 、 'swffield' ）;
  28. }


モジュール



ファイルswffield.module 、 swffield.render.inc （ここではユーザーへのコンテンツの表示に関連するすべてのコードを取得します）およびswffield.widget.inc （管理パネルでフィールドを表示）を作成します。 原則として、すべてのコードはswffield.moduleで記述できます-それは動作します。



swffield.module

Copy Source | Copy HTML



  1. //必要なファイルを接続します
  2. module_load_include（ 'inc' 、 'swffield' 、 'swffield.render' ）;
  3. module_load_include（ 'inc' 、 'swffield' 、 'swffield.widget' ）;
  5. //初期化。 ファイルフィールドがあるかどうかを確認し、ない場合はモジュールを無効にします。
  6. 関数 swffield_init（）{
  7. if （！module_exists（ 'filefield' ））{
  8. module_disable（ array （ 'swffield' ））;
  9. 帰る
  10. }
  11. }
  13. //ウィジェットのデータ入力フォームとその処理方法を設定します。
  14. //私たちのフィールドはFilefieldフィールドと変わりません
  15. 関数 swffield_elements（）{
  16. $ filefield_elements = module_invoke（ 'filefield' 、 'elements' ）;
  17. $ elements [ 'swffield_widget' ] = $ filefield_elements [ 'filefield_widget' ];
  19. $要素を 返し ます 。
  20. }
  22. // CCKフォーマッタ情報を報告します
  23. 関数 swffield_field_formatter_info（）{
  24. $フォーマッタ = 配列 （
  25. 'swffield_flash' => 配列 （
  26. 'label' => t（ 'Flash' ）、
  27. 'フィールドタイプ' => 配列 （ 'filefield' ）、
  28. 'description' => t（ 'Flashコンテンツの表示' ）、
  29. ）、
  30. ）;
  31. $フォーマッタを 返します。
  32. }
  34. //デフォルトのフィールド値がFilefieldと同じであることを指定します
  35. function swffield_default_value（＆ $ form 、＆ $ form_state 、 $ field 、 $ delta ）{
  36. return filefield_default_value（ $ form 、 $ form_state 、 $ field 、 $ delta ）;
  37. }
  39. //フィールドを空と見なすタイミングを指定します
  40. function swffield_content_is_empty（ $ item 、 $ field ）{
  41. return filefield_content_is_empty（ $ item 、 $ field ）;
  42. }
  44. //別のハンドラーを追加して、フィールド設定を保存します
  45. function swffield_form_content_field_overview_form_alter（＆ $ form 、＆ $ form_state ）{
  46. $ form [ '#submit' ] [] = 'swffield_form_content_field_overview_submit' ;
  47. }
  49. //フィールド設定を保存するためのハンドラー
  50. function swffield_form_content_field_overview_submit（＆ $ form 、＆ $ form_state ）{
  51. //マテリアルに新しいフィールドを追加する場合
  52. if （ isset （ $ form_state [ 'fields_added' ] [ '_add_new_field' ]）&& isset （ $ form [ '#type_name' ]））{
  53. //フィールドタイプ
  54. $ new_field = $ form_state [ 'fields_added' ] [ '_add_new_field' ];
  55. //材料タイプ
  56. $ node_type = $ form [ '#type_name' ];
  57. //フィールドデータを含む配列
  58. $ field = content_fields（ $ new_field 、 $ node_type ）;
  59. //フィールドがモジュールによって追加された場合
  60. if （ $ field [ 'widget' ] [ 'module' ] == 'swffield' ）{
  61. foreach （ $ field [ 'display_settings' ] as $ display_type => $ display_settings ）{
  62. if （ $ field [ 'display_settings' ] [ $ display_type ] [ 'format' ] == 'default' ）{
  63. // swffield_flashフィールドの表示を設定します
  64. $ field [ 'display_settings' ] [ $ display_type ] [ 'format' ] = 'swffield_flash' ;
  65. }
  66. }
  67. //フィールドを更新します
  68. content_field_instance_update（ $ field ）;
  69. }
  70. }
  71. }


swffield.widget.inc

Copy Source | Copy HTML



  1. // CCKウィジェット情報を報告します
  2. 関数 swffield_widget_info（）{
  3. 配列を返す （
  4. 'swffield_widget' => 配列 （
  5. 'label' => t（ 'Flash' ）、
  6. 'フィールドタイプ' => 配列 （ 'filefield' ）、
  7. 「複数の値」 => CONTENT_HANDLE_CORE、
  8. 'callbacks' => 配列 （ 'default value' => CONTENT_CALLBACK_CUSTOM）、
  9. '説明' => 'Flashコンテンツ' 、
  10. ）、
  11. ）;
  12. }
  14. //このフックは、フィールドがフォームに追加されるたびに呼び出されます
  15. function swffield_widget（＆ $ form 、＆ $ form_state 、 $ field 、 $ items 、 $ delta = 0 ）{
  16. $ element = filefield_widget（ $ form 、 $ form_state 、 $ field 、 $ items 、 $ delta ）;
  18. $要素を 返し ます 。
  19. }
  21. //ウィジェット設定（フィールド）
  22. function swffield_widget_settings（ $ op 、 $ widget ）{
  23. スイッチ （ $ op ）{
  24. ケース 「フォーム」 ：
  25. return swffield_widget_settings_form（ $ widget ）;
  26. ケース 「検証」 ：
  27. return swffield_widget_settings_validate（ $ widget ）;
  28. ケース 「保存」 ：
  29. return swffield_widget_settings_save（ $ widget ）;
  30. }
  31. }
  33. //フィールド設定フォーム
  34. function swffield_widget_settings_form（ $ widget ）{
  35. $ form = module_invoke（ 'filefield' 、 'widget_settings' 、 'form' 、 $ widget ）;
  36. //デフォルトでは、CCKはtxtファイルタイプを置き換えます
  37. // Swfに置き換えます
  38. if （ $ form [ 'file_extensions' ] [ '#default_value' ] == 'txt' ）{
  39. $ form [ 'file_extensions' ] [ '#default_value' ] = 'swf' ;
  40. }
  41. //表示されるコンテンツの幅を示すフィールド「幅」
  42. $ form [ 'width' ] = 配列 （
  43. '#type' => 'textfield' 、
  44. '#title' => '幅' 、
  45. '#default_value' => $ widget [ 'width' ]？ $ウィジェット [ 'width' ]： 470 、
  46. '#size' => 15 、
  47. '#maxlength' => 5 、
  48. '#description' => 'Flashコンテンツの幅' 、
  49. '#weight' => 2 。 1
  50. ）;
  51. //「高さ」に類似
  52. $ form [ 'height' ] = array （
  53. '#type' => 'textfield' 、
  54. '#title' => '高さ' 、
  55. '#default_value' => $ widget [ 'height' ]？ $ウィジェット [ '高さ' ]： 350 、
  56. '#size' => 15 、
  57. '#maxlength' => 5 、
  58. '#description' => 'Flashコンテンツの高さ' 、
  59. '#weight' => 2 。 2
  60. ）;
  61. //ユーザーがJavascriptを無効にしている場合またはFlash Playerを使用していない場合の代替テキスト設定
  62. $ form [ 'alt_text' ] = array （
  63. '#type' => 'textarea' 、
  64. '#title' => '代替テキスト' 、
  65. '#default_value' => $ widget [ 'alt_text' ]？ $ widget [ 'alt_text' ]： 'Dear friends！<br />このサイトの技術にはAdobe Flash Playerがプリインストールされている必要があるため、ブラウザのプラグインの最新バージョンを<a href = "からインストールすることを強くお勧めします。 http://www.adobe.com/go/getflashplayer">Adobe.com </a> ' 、
  66. '#description' => 'ユーザーにFlash Playerがインストールされていない場合、このテキストが表示されます' 、
  67. '#weight' => 2 。 3
  68. ）;
  69. $フォームを 返す ;
  70. }
  72. //設定フォーム検証ツール
  73. function swffield_widget_settings_validate（ $ widget ）{
  74. $ extensions = array_filter（explode（ '' 、 $ widget [ 'file_extensions' ]））;
  75. $ flash_extensions = array （ 'swf' ）;
  76. //ファイル拡張子を確認します
  77. if （count（array_diff（ $ extensions 、 $ flash_extensions ））））{
  78. form_set_error（ 'file_extensions' 、 'SWF形式のみがサポートされています' ）;
  79. }
  80. //幅と高さを確認します
  81. foreach （ array （ 'width' 、 'height' ） as $ resolution ）{
  82. if （ empty （ $ widget [ $ resolution ]）||！preg_match（ '/ ^ [0-9] + $ /' 、 $ widget [ $ resolution ]））{
  83. form_set_error（ $ resolution 、 '無効なコンテンツサイズが指定されました。' ）;
  84. }
  85. }
  86. return module_invoke（ 'filefield' 、 'widget_settings' 、 'validate' 、 $ widget ）;
  87. }
  89. //フィールド設定を保存します
  90. function swffield_widget_settings_save（ $ widget ）{
  91. $ filefield_settings = module_invoke（ 'filefield' 、 'widget_settings' 、 'save' 、 $ widget ）;
  92. return array_merge（ $ filefield_settings 、 array （ 'width' 、 'height' 、 'alt_text' ））;
  93. }


swffield.render.inc

Copy Source | Copy HTML



  1. //テーマフック
  2. //ウィジェットのテーマ関数を設定し、フォーマッターとサイトでの表示
  3. 関数 swffield_theme（）{
  4. $テーマ = 配列 （
  5. 'swffield_widget' => 配列 （
  6. '引数' => 配列 （ '要素' => NULL）、
  7. ）、
  8. 'swffield_formatter_swffield_flash' => 配列 （
  9. '引数' => 配列 （ '要素' => NULL）、
  10. ）、
  11. 'swffield_flash' => 配列 （
  12. 'arguments' => 配列 （ 'item' => NULL、 'attributes' => NULL）、
  13. ）、
  14. ）;
  15. $テーマを 返します。
  16. }
  18. //ウィジェットのテーマはフォーム要素と同じです
  19. function theme_swffield_widget（ $ element ）{
  20. テーマを返す （ 'form_element' 、 $ element 、 $ element [ '#children' ]）;
  21. }
  23. //フォーマッタのテーマ
  24. function theme_swffield_formatter_swffield_flash（ $ element ）{
  25. //ファイルがアップロードされているかどうかを確認します
  26. if （ empty （ $ element [ '#item' ] [ 'fid' ]））{
  27. return '' ;
  28. }
  30. $ field = content_fields（ $ element [ '#field_name' ]、 $ element [ '#node' ]-> type）;
  31. $ item = $ element [ '#item' ];
  33. //フィールドを表示するクラス
  34. $ class = 'swffield swffield-' 。 $ field [ 'field_name' ];
  35. // swffield_flash関数を使用して出力を返します
  36. テーマを返す （ 'swffield_flash' 、 $ item 、 array （ 'class' => $ class 、 'width' => $ field [ 'widget' ] [ 'width' ]、 'height' => $ field [ 'widget' ] [ 'height' ]、 'alt' => $フィールド [ 'widget' ] [ 'alt_text' ]））;
  37. }
  39. //ヘルパーテーマ関数
  40. function theme_swffield_flash（ $ item 、 $ attributes ）{
  41. //ライブラリ「swfobject.js」をダウンロードします
  42. drupal_add_js（drupal_get_path（ 'module' 、 'swffield' ）。 "/" 。 "swfobject.js" ）;
  43. //表示されたアイテムのIDを生成します
  44. $ id = "swffield-" 。 rand（1、10000）;
  45. //ファイルパス
  46. $ file = "/" 。 $アイテム [ 'filepath' ];
  47. //準備完了要素
  48. return "<div id = '" 。 $ id 。 "'class ='" 。 $属性 [ 'クラス' ]。 「 '>」
  49. 。 $属性 [ 'alt' ]
  50. 。 「<script type = 'text / javascript'>」
  51. 。 「var flashvars = {};」
  52. 。 "var params = {bgcolor： '＃ffffff'、allowFullScreen： 'false'、allowScriptAccess： 'always'、wmode： 'opaque'};"
  53. 。 "new swfobject.embedSWF（ '" 。 $ file 。 "'、 '" 。 $ id 。 "'、 '" 。 $ attributes [ ' width ' ]。 "'、 '" 。 $ attributes [ ' height ' ]。 " '、' 9.0.0 '、false、flashvars、params）; "
  54. 。 「</ script>」
  55. 。 "</ div>" ;
  56. }


優れたjsライブラリSWFobjectを使用します。 swfobject.jsファイルは 、モジュールとともにディレクトリに配置する必要があります。

もう一つの微妙な点。 ページ上の要素の表示ごとに、固有のIDを生成する必要があります。これにより、コンテンツは後でJavaScriptによって挿入されます。 rand（1、10000）を使用しています。 もっと適切な方法があれば、コメントでそれを聞いてうれしいです。



おわりに



サイトのページにSWFコンテンツの表示を追加するために必要なのはそれだけです。 同様に、たとえば、FLVの場合は「ビデオプレーヤー」、MP3の場合は「オーディオプレーヤー」という表示を追加できます。



頑張って


More articles:


All Articles