サポート » プラグイン » 自作ウィジェットのJSでフォームに触りたい

  • 解決済 syntaro

    (@syntarou)


    こんにちは、自作ウィジェットをカスタマイズしていて困っています。
    まだまだ、駆け出しですが、アドバイスお願いいたします。

    これは、単純に、メニュー一覧に登録されているメニューを、そのまま出力するウィジェットです。
    背景色と、文字色だけカスタマイズできるようになりました。

    1.ウィジェットを配置するとき、文字色、背景色を現在保存していますが、
     それを設定したあと、あらたにボタンを押すと、追加CSS文字列を初期化して、
     追加CSSを作成しなおすことができるようにしたいです。

     追加CSSはつくったあとでカスタマイズできるようにします。
     jQueryや前進のJavascriptなどためしてのですが、ボタンをおすまではかけましたが、
     そこから、ウィジェット設定の各項目を取得しようとしすると、NULLや長さ0の配列ばかりで、 
     取得や設定ができないようでした。各フィールドへのアクセス方法を教えていただけないでしょうか。
     名前を間違えてるわけではなさそうです。
     画面起動のあと、つくられるJavaScriptがフィールドを定義する場所にみえて、それにアクセスできません。

    2.この場合、できるようにしてもデザインがよろしくないでしょうか?
     追加CSSを書くヒントだけ表示して、自動生成せずに、ユーザーまかせにしたほうがいいでしょうか。
     それとも、全部GUIから設定できたほうがいいでしょうか?

    以上よろしくお願いします。

    • このトピックは2ヶ月、 3週前にTakayuki Miyoshiが編集しました。理由: コード引用部分の削除
6件の返信を表示中 - 1 - 6件目 (全6件中)
  • モデレーター Takayuki Miyoshi

    (@takayukister)

    コードを投稿に含める際はコード部分をバッククォートで囲むのを忘れないようにしてください。コードをそのまま引用してしまうと文字列変換が働くため正確性が損なわれます。可能であれば本トピックのコメントにて改めてコードの投稿をお願いします。

    トピック投稿者 syntaro

    (@syntarou)

    大変失礼いたしました。

    https://github.com/syntaro/whitecat/blob/main/whitecat-simplemenu-widget/whitecat-simplemenu-widget.php

    また失敗する可能性もあるのでこちらの方法でコードを掲載させていただきます。

    よろしくおねがいします。

    <?php
    /*
    Plugin Name: WhiteCat SimpleMenu Widget
    Plugin URI: 
    Description: Menuを表示するウィジェットを追加する
    Author: SynthTAROU
    Version: 0.1
    Author URI:
    */
    ?>
    
    <?php
    /*  Copyright 2022 SynthTAROU
    
        This program is free software; you can redistribute it and/or modify
        it under the terms of the GNU General Public License, version 2, as
    	published by the Free Software Foundation.
    
        This program is distributed in the hope that it will be useful,
        but WITHOUT ANY WARRANTY; without even the implied warranty of
        MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
        GNU General Public License for more details.
    
        You should have received a copy of the GNU General Public License
        along with this program; if not, write to the Free Software
        Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA  02110-1301  USA
    */
    ?>
    <?php
    add_action('widgets_init', 'whitecat_simplemenu_widget_register' );
    function whitecat_simplemenu_widget_register() {
    	register_widget( 'whitecat_simplemenu_widget' );
    }
    
    // // // テスト実装マイウィジェット 
    class whitecat_simplemenu_widget extends WP_Widget {
    	/**
    	 * ウィジェット名などを設定
    	 */
    	function __construct() {
    		$widget_ops = array(
    			'classname' => 'WhiteCatSimpleMenu_class',
    			'description' => 'ウィジェットのサンプル'
    		);
    		parent::__construct( 'WhiteCatSimpleMenu', 'WhiteCat SimpleMenu', $widget_ops );
    
    	}
    
    	function whitecate_before_footer()  {
    		echo '<div id="whitecat_simplemenu_child">' . $this->footer_text . '</div>';
    	}
    
    	/**
    	 * ウィジェットの内容を出力
    	 *
    	 * @param array $args
    	 * @param array $instance
    	 */
    	public function widget( $args, $instance ) {
    		echo '<style type="text/css">' . $instance['addcss'] . '</style>';
    
    		// outputs the content of the widget
    		echo $before_widget;
    		
    		echo '<style>'; ?>
    	#whitecat_simplemenu {
    		width: 240px;
    		background-color: <?php echo $instance['background']; ?>;
    		color: <?php echo $instance['color']; ?>
    	}
    	#whitecat_simplemenu a { color: <?php echo $instance['color']; ?>}
    <?php
    		echo '</style>';
    		//ウィジェットで表示する内容
    		echo '<div id="whitecat_simplemenu">';
    		echo '<h3>' . $instance['title'] . '</h3>';
    		$footer_text = wp_nav_menu(array('menu' => $instance['menu'], 'echo' => 'false'));
    		echo $footer_text;
    		echo '</div>';
    
    		echo $after_widget;
    	}
    
    	/**
    	 * ウィジェットオプションの保存処理
    	 *
    	 * @param array $new_instance 新しいオプション
    	 * @param array $old_instance 以前のオプション
    	 */
    	public function update( $new_instance, $old_instance ) {
    		$instance = $old_instance;
    		$instance['title'] = sanitize_text_field( $new_instance['title'] );
    		$instance['menu'] = sanitize_text_field( $new_instance['menu'] );
    		$instance['color'] = sanitize_text_field( $new_instance['color'] );
    		$instance['background'] = sanitize_text_field( $new_instance['background'] );
    		return $instance;
    	}
    
    	function form( $instance ) {
    		$defaults = array(
    			'title' => 'タイトルを入力',
    			'menu' => 'メニューを選択',
    			'color' => '文字色',
    			'background' => '背景色'
    		);
    		$instance = wp_parse_args( (array) $instance, $defaults );
    		$title = $instance['title'];
    		$menu = $instance['menu'];
    		$color = $instance['color'];
    		$background = $instance['background'];
    		$addcss = $instance['addcss'];
    
    		$name_title = $this->get_field_name ('title');
    		$name_menu = $this->get_field_name ('menu');
    		$name_color = $this->get_field_name ('color');
    		$name_background = $this->get_field_name ('background');
    		$name_addcss = $this->get_field_name ('addcss');
    
    		$esc_title = esc_attr($title);
    		$esc_menu = esc_attr($menu);
    		$esc_color = esc_attr($color);
    		$esc_background = esc_attr($background);
    		$esc_addcss = esc_attr($addcss);
    		
    		$whitecat_make_css = "whitecat_make_css";
    		
    		echo "<p>タイトル: <input class='widefat'";
    		echo " name='" . $name_title . "'";
    		echo " type='text' value='" . $esc_title . "'>";
    		echo "</p>";
    		echo "<p>メニュー:";
    
    		$nav_menus = wp_get_nav_menus();
    		if ( count( $nav_menus ) > 0 ) :
    			echo "<select name='" . $name_menu . "'>";
     			foreach ( (array) $nav_menus as $menu_elem ) {
    				echo "<option value=\"" . esc_attr( $menu_elem->name ) . "\"";
    				if ($menu == $menu_elem->name) {
    					echo " selected";
    				}
    				$esc_name = esc_attr($menu_elem->name);
    				echo '>' .$esc_name .  '</option>';
    			}
    			echo '</select>';
    		endif ;
    		echo '</p>';
    		echo '<p>文字カラー:' . PHP_EOL;
    		echo '<input name="' . $name_color . '" ';
    		echo 'type="color" value="' . $esc_color . '">';
    		echo '</p>';
    		echo '<p>背景カラー:' . PHP_EOL;
    		echo '<input name="' . $name_background . '" ';
    		echo 'type="color" value="' . $esc_background . '">';
    		echo '</p>';
    		echo '<p>追加CSSは、#whitecat_simplemenu a:link { color: ???; }として設定できます</p>';
    /*
    	#whitecat_simplemenu a:link { color: <?php echo $instance['color']; ?>}
    	#whitecat_simplemenu a:visited { color: <?php echo $instance['color']; ?>}
    	#whitecat_simplemenu a:hover { color: <?php echo $instance['color']; ?>}
    	#whitecat_simplemenu a:active { color: <?php echo $instance['color']; ?>}
    */
    	}
    }
    
    ?>
    トピック投稿者 syntaro

    (@syntarou)

    具体的に問題のありかを追いかけていたのですが、

    「ウィジットを、管理画面のウィジェットメニューで呼び出し、
    Javascriptを呼び出すまではうまくいったのですが、
    ウィジェットの設定をformタグで囲んでも、
    Document.formsプロパティの長さが0になってしまい、困っています。」

    といった内容になります。また、FORMの名前に、ウィジェットを、複数回つかっている
    場合などでも、ユニークな呼称がつかわれることを保証する方法が、
    もしかしたらあるのかな?と考えいるのですが、
    みつかりませんでした。こちらも情報がもしあれば、教えていただけないでしょうか。

    掲載させていただいたコードは、エスケープされてない部分などいくつか問題が残っていますね。

    • この返信は2ヶ月、 3週前にsyntaroが編集しました。
    • この返信は2ヶ月、 3週前にsyntaroが編集しました。
    トピック投稿者 syntaro

    (@syntarou)

    jQueryでフォームにアクセスする。引き続きお願いします。どうしても対応したいので教えてください。
    サンプルコードがよくなかったので、はりなおしてみます。

    ウィジェットを配置するタイミングでん、JAVASCRIPTについて質問です。

    二通りの方法を試しています。

    
    echo '<button name="' . $name_button_css . '" id="' . $name_button_css . ' onclick="javascript: alert();">CSSリセット</button>';
    

    こちらはうまくいくようです。
    以下でどうにもアクセスすることができません。
    上記の場合、複数回ウィジェットが使われた場合に、うまくアクセスできないのでできる限りjQueryを使いたいです。

    
    echo '<button name="' . $name_button_css . '" id="' . $name_button_css . '">CSSリセット</button>';
    ?>
    <script type="text/javascript">
    $('#<?php echo $name_button_css; ?>').on('click', function() {
      alert("クリックされました");
    });
          $("@"<?php echo $name_button_css; ?>").on('click', function () {
            alert("ボタン1がクリックされました。");
    	});
        $(document).ready(function () {
          $("@"<?php echo $name_button_css; ?>").on('click', function () {
            alert("ボタン1がクリックされました。");
          })
        });
    </script>
    <?php
    

    コード全部は以下になります。

    <?php
    /*
    Plugin Name: WhiteCat SimpleMenu Widget
    Plugin URI: 
    Description: Menuを表示するウィジェットを追加する
    Author: SynthTAROU
    Version: 0.1
    Author URI:
    */
    /*  Copyright 2022 SynthTAROU (email : yamanaka.kinoko@gmail.com)
    
        This program is free software; you can redistribute it and/or modify
        it under the terms of the GNU General Public License, version 2, as
    	published by the Free Software Foundation.
    
        This program is distributed in the hope that it will be useful,
        but WITHOUT ANY WARRANTY; without even the implied warranty of
        MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
        GNU General Public License for more details.
    
        You should have received a copy of the GNU General Public License
        along with this program; if not, write to the Free Software
        Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA  02110-1301  USA
    */
    ?>
    <?php
    add_action('widgets_init', 'whitecat_simplemenu_widget_register' );
    function whitecat_simplemenu_widget_register() {
    	register_widget( 'whitecat_simplemenu_widget' );
    }
    
    // // // テスト実装マイウィジェット 
    class whitecat_simplemenu_widget extends WP_Widget {
    	/**
    	 * ウィジェット名などを設定
    	 */
    	function __construct() {
    		$widget_ops = array(
    			'classname' => 'WhiteCatSimpleMenu_class',
    			'description' => 'ウィジェットのサンプル'
    		);
    		parent::__construct( 'WhiteCatSimpleMenu', 'WhiteCat SimpleMenu', $widget_ops );
    
    	}
    
    	function whitecate_before_footer()  {
    		echo '<div id="whitecat_simplemenu_child">' . $this->footer_text . '</div>';
    	}
    
    	/**
    	 * ウィジェットの内容を出力
    	 *
    	 * @param array $args
    	 * @param array $instance
    	 */
    	public function widget( $args, $instance ) {
    		echo '<style type="text/css">' . $instance['addcss'] . '</style>';
    
    		// outputs the content of the widget
    		echo $before_widget;
    		
    		echo '<style>'; ?>
    	#whitecat_simplemenu {
    		width: 240px;
    		background-color: <?php echo $instance['background']; ?>;
    		color: <?php echo $instance['color']; ?>
    	}
    	#whitecat_simplemenu a { color: <?php echo $instance['color']; ?>}
    <?php
    		echo '</style>';
    		//ウィジェットで表示する内容
    		echo '<div id="whitecat_simplemenu">';
    		echo '<h3>' . $instance['title'] . '</h3>';
    		$footer_text = wp_nav_menu(array('menu' => $instance['menu'], 'echo' => 'false'));
    		echo $footer_text;
    		echo '</div>';
    
    		echo $after_widget;
    	}
    
    	/**
    	 * ウィジェットオプションの保存処理
    	 *
    	 * @param array $new_instance 新しいオプション
    	 * @param array $old_instance 以前のオプション
    	 */
    	public function update( $new_instance, $old_instance ) {
    		$instance = $old_instance;
    		$instance['title'] = sanitize_text_field( $new_instance['title'] );
    		$instance['menu'] = sanitize_text_field( $new_instance['menu'] );
    		$instance['color'] = sanitize_text_field( $new_instance['color'] );
    		$instance['background'] = sanitize_text_field( $new_instance['background'] );
    		$instance['text_css'] = sanitize_text_field( $new_instance['text_css'] );
    		return $instance;
    	}
    
    	function form( $instance ) {
    		$defaults = array(
    			'title' => 'タイトルを入力',
    			'menu' => 'メニューを選択',
    			'color' => '文字色',
    			'background' => '背景色',
    			'text_css' => '追加CSS',
    			'button_css' => 'ボタン',
    		);
    		$instance = wp_parse_args( (array) $instance, $defaults );
    		$title = $instance['title'];
    		$menu = $instance['menu'];
    		$color = $instance['color'];
    		$background = $instance['background'];
    		$text_css = $instance['text_css'];
    		$button_css = $instance['button_css'];
    
    		$name_title = $this->get_field_name ('title');
    		$name_menu = $this->get_field_name ('menu');
    		$name_color = $this->get_field_name ('color');
    		$name_background = $this->get_field_name ('background');
    		$name_text_css = $this->get_field_name ('text_css');
    		$name_button_css = $this->get_field_name ('button_css');
    
    		$esc_title = esc_attr($title);
    		$esc_menu = esc_attr($menu);
    		$esc_color = esc_attr($color);
    		$esc_background = esc_attr($background);
    		$esc_text_css = esc_attr($text_css);
    		$esc_button_css = esc_attr($button_css);
    		
    		echo "<p>タイトル: <input class='widefat'";
    		echo " name='" . $name_title . "'";
    		echo " type='text' value='" . $esc_title . "'>";
    		echo "</p>";
    		echo "<p>メニュー:";
    		$nav_menus = wp_get_nav_menus();
    		if ( count( $nav_menus ) > 0 ) :
    			echo "<select name='" . $name_menu . "'>";
     			foreach ( (array) $nav_menus as $menu_elem ) {
    				echo "<option value=\"" . esc_attr( $menu_elem->name ) . "\"";
    				if ($menu == $menu_elem->name) {
    					echo " selected";
    				}
    				$esc_name = esc_attr($menu_elem->name);
    				echo '>' .$esc_name .  '</option>';
    			}
    			echo '</select>';
    		endif ;
    		echo '</p>';
    		echo '<p>文字カラー:' . PHP_EOL;
    		echo '<input name="' . $name_color . '" ';
    		echo 'type="color" value="' . $esc_color . '">';
    		echo '</p>';
    		echo '<p>背景カラー:' . PHP_EOL;
    		echo '<input name="' . $name_background . '" ';
    		echo 'type="color" value="' . $esc_background . '">';
    		echo '</p>';
    		echo '<button name="' . $name_button_css . '" id="' . $name_button_css . '">CSSリセット</button>';
    		echo '<textarea name="' . $name_text_css . '">';
    		echo $esc_text_css;
    		echo '</textarea>';
    ?>
    <script type="text/javascript">
    $('#<?php echo $name_button_css; ?>').on('click', function() {
      alert("クリックされました");
    });
          $("@"<?php echo $name_button_css; ?>").on('click', function () {
            alert("ボタン1がクリックされました。");
    	});
        $(document).ready(function () {
          $("@"<?php echo $name_button_css; ?>").on('click', function () {
            alert("ボタン1がクリックされました。");
          })
        });
    </script>
    <?php
    	
    		/*
    	#whitecat_simplemenu a:link { color: <?php echo $instance['color']; ?>}
    	#whitecat_simplemenu a:visited { color: <?php echo $instance['color']; ?>}
    	#whitecat_simplemenu a:hover { color: <?php echo $instance['color']; ?>}
    	#whitecat_simplemenu a:active { color: <?php echo $instance['color']; ?>}
    */
    	}
    }
    
    ?>
    トピック投稿者 syntaro

    (@syntarou)

    こんにちは、長らくかかりましたが、
    JAVSCRIPTで、ボタンおされたら、TEXTAREA更新、
    完成しました。jQueryにはなりませんでした。

    <?php
    /*
    Plugin Name: WhiteCat SimpleMenu Widget
    Plugin URI: 
    Description: Menuを表示するウィジェットを追加する
    Author: SynthTAROU
    Version: 0.9
    Author URI:
    */
    /*  Copyright 2022 SynTAROU
    
        This program is free software; you can redistribute it and/or modify
        it under the terms of the GNU General Public License, version 2, as
    	published by the Free Software Foundation.
    
        This program is distributed in the hope that it will be useful,
        but WITHOUT ANY WARRANTY; without even the implied warranty of
        MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
        GNU General Public License for more details.
    
        You should have received a copy of the GNU General Public License
        along with this program; if not, write to the Free Software
        Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA  02110-1301  USA
    */
    ?>
    <?php
    add_action('widgets_init', 'whitecat_simplemenu_widget_register' );
    function whitecat_simplemenu_widget_register() {
    	register_widget( 'whitecat_simplemenu_widget' );
    }
    
    function whitecat_simplemenu_widget_script() {
    ?>
    
    <script type="text/javascript">
    function test_button(color_css, background_css, text_css) {
    	var color = document.getElementById(color_css).value
    	var back = document.getElementById(background_css).value
    	var text = "#whitecat_simplemenu {\n";
    	text = text + "    width: 240px;\n";
    	text = text + "    color: " + color + ";\n";
    	text = text + "    background-color: " + back + ";\n";
    	text = text + "}\n";
    	text = text + "#whitecat_simplemenu a { color: " + color + "; }\n";
    	text = text + "#whitecat_simplemenu a:link { color: " + color + "; }\n";
    	text = text + "#whitecat_simplemenu a:visited { color: " + color + "; }\n";
    	text = text + "#whitecat_simplemenu a:hover { color: " + color + "; }\n";
    	text = text + "#whitecat_simplemenu a:active { color: " + color + "; }\n";
    	document.getElementById(text_css).value = text;
    }
    </script>
    <?php
    }
    add_action('admin_print_scripts', 'whitecat_simplemenu_widget_script');
    
    // // // テスト実装マイウィジェット 
    class whitecat_simplemenu_widget extends WP_Widget {
    	/**
    	 * ウィジェット名などを設定
    	 */
    	function __construct() {
    		$widget_ops = array(
    			'classname' => 'WhiteCatSimpleMenu_class',
    			'description' => 'ウィジェットのサンプル'
    		);
    		parent::__construct( 'WhiteCatSimpleMenu', 'WhiteCat SimpleMenu', $widget_ops );
    
    	}
    
    	function whitecate_before_footer()  {
    		echo '<div id="whitecat_simplemenu_child">' . $this->footer_text . '</div>';
    	}
    
    	/**
    	 * ウィジェットの内容を出力
    	 *
    	 * @param array $args
    	 * @param array $instance
    	 */
    	public function widget( $args, $instance ) {
    		echo '<style type="text/css">' . $instance['text_css'] . '</style>';
    
    		// outputs the content of the widget
    		echo $before_widget;
    		//ウィジェットで表示する内容
    		echo '<div id="whitecat_simplemenu">';
    		echo '<h3>' . $instance['title'] . '</h3>';
    		$footer_text = wp_nav_menu(array('menu' => $instance['menu'], 'echo' => 'false'));
    		echo $footer_text;
    		echo '</div>';
    
    		echo $after_widget;
    	}
    
    	/**
    	 * ウィジェットオプションの保存処理
    	 *
    	 * @param array $new_instance 新しいオプション
    	 * @param array $old_instance 以前のオプション
    	 */
    	public function update( $new_instance, $old_instance ) {
    		$instance = $old_instance;
    		$instance['title'] = sanitize_text_field( $new_instance['title'] );
    		$instance['menu'] = sanitize_text_field( $new_instance['menu'] );
    		$instance['color'] = sanitize_text_field( $new_instance['color'] );
    		$instance['background'] = sanitize_text_field( $new_instance['background'] );
    		$instance['text_css'] = sanitize_text_field( $new_instance['text_css'] );
    		return $instance;
    	}
    
    	function form( $instance ) {
    		$defaults = array(
    			'title' => 'タイトルを入力',
    			'menu' => 'メニューを選択',
    			'color' => '文字色',
    			'background' => '背景色',
    			'text_css' => '追加CSS',
    			'button_css' => 'ボタン',
    		);
    		$instance = wp_parse_args( (array) $instance, $defaults );
    		$title = $instance['title'];
    		$menu = $instance['menu'];
    		$color = $instance['color'];
    		$background_css = $instance['background'];
    		$text_css = $instance['text_css'];
    		$button_css = $instance['button_css'];
    
    		$name_title = $this->get_field_name ('title');
    		$name_menu = $this->get_field_name ('menu');
    		$name_color_css = $this->get_field_name ('color');
    		$name_background_css = $this->get_field_name ('background');
    		$name_text_css = $this->get_field_name ('text_css');
    		$name_button_css = $this->get_field_name ('button_css');
    
    		$esc_title = esc_attr($title);
    		$esc_menu = esc_attr($menu);
    		$esc_color_css = esc_attr($color);
    		$esc_background_css = esc_attr($background_css);
    		$esc_text_css = esc_attr($text_css);
    		$esc_button_css = esc_attr($button_css);
    		
    		$func_name = "javascript:test_button";
    		$func_name .= "('" . $name_color_css.  "', '". $name_background_css . "', '". $name_text_css . "');";
    
    		echo "<p>タイトル: <input class='widefat'";
    		echo " name='" . $name_title . "'";
    		echo " type='text' value='" . $esc_title . "'>";
    		echo "</p>";
    		echo "<p>メニュー:";
    		$nav_menus = wp_get_nav_menus();
    		if ( count( $nav_menus ) > 0 ) :
    			echo "<select name='" . $name_menu . "'>";
     			foreach ( (array) $nav_menus as $menu_elem ) {
    				echo "<option value=\"" . esc_attr( $menu_elem->name ) . "\"";
    				if ($menu == $menu_elem->name) {
    					echo " selected";
    				}
    				$esc_name = esc_attr($menu_elem->name);
    				echo '>' .$esc_name .  '</option>';
    			}
    			echo '</select>';
    		endif ;
    ?>
    	</p>
    	<p>文字カラー:
    		<input name="<?php echo $name_color_css; ?>" id="<?php echo $name_color_css;?>" type="color" 
    			   value="<?php echo $esc_color_css; ?>">
    	</p>
    	<p>背景カラー:
    		<input name="<?php echo $name_background_css; ?>" id="<?php echo $name_background_css;?>" type="color" 
    			   value="<?php echo $esc_background_css; ?>">
    	</p>
    	<p>
    		<button name="<?php echo $name_button_css; ?>"
    				onclick="<?php echo $func_name?>">
    				CSS RESET</button>
    		<textarea name="<?php echo $name_text_css; ?>" id="<?php echo $name_text_css; ?>">
    		<?php echo $esc_text_css; ?>
    		</textarea>
    </p>
    <?php
    	}
    }
    
    ?>
    
    トピック投稿者 syntaro

    (@syntarou)

    ありがとうございました。

    あと、関数名の、TESTを変更したり、TEXTAREAのなかのスペースを書き換えたりすれば、
    0.9から、1.0にできそうです。

    ありがとうございました。

6件の返信を表示中 - 1 - 6件目 (全6件中)
  • このトピックに返信するにはログインが必要です。