На заданной странице сделать открывающееся поле
-
Точно не знаю как этот эффект называется смотрите пример в поле комментарии http://miportfolio.orgfree.com/?page_id=2
Пожалуйста сперва ознакомтесь с правилами добавления КОММЕНТАРИЕВ (нажать кнопку КОММЕНТАРИЕВ)
Как сделать на странице, (ну на которой мне нужно) такое открывающееся поле.
Просмотр 2 ответов — с 1 по 2 (всего 2)
-
У данного блока есть идентификатор, по данному идентификатору произведена селекция силами JS, в данном случае, с использованием библиотеки jQuery. Блок скрывается, а затем, по определенному событию (клик на слове комментариев) отображается с заданным эффектом. Т.е. в данном примере используются:
- Разметка html
- Стили css
- JavaScript и jQuery
Сделать просто, достаточно повторить код примера на своей странице сохранив или заменив везде идентификаторы.
Подскажите где здесь этот идентификатор
<!-- Comment Form --> <div id="respond"> <a name="commentform"></a><!-- named anchor for skip links --> <h3 class="reply"><?php comment_form_title($noreplytext = __('Выразите свое мнение','atahualpa'), $replytext = __('Выразите свое мнение to %s','atahualpa'), $linktoparent = TRUE); ?></h3> <div id="cancel-comment-reply"> <?php cancel_comment_reply_link(__('Cancel','atahualpa')); ?> </div> <form action="<?php echo get_option('siteurl'); ?>/wp-comments-post.php" method="post" id="commentform"> <?php // If User is logged in if ( $user_ID ) : ?> <p><?php printf(__('Вы вошли как %s.', 'atahualpa'), '<a href="' . get_option('siteurl') . '/wp-admin/profile.php">' . $user_identity . '</a>')?> <a href="<?php echo wp_Logout_url(get_permalink()); ?>" title=" <?php _e('Хотите выйти из этой учетной записи','atahualpa'); ?>"> <?php _e('Выйти »','atahualpa'); ?></a></p> <?php // If User is not logged in: Display the form fields "Name", "Email", "URL" else : ?> <p> <input class="text author" type="text" name="author" id="author" value="<?php echo $comment_author; ?>" size="30" tabindex="1" /> <label for="<?php _e('author','atahualpa'); ?>"> <strong> <?php _e('Имя ','atahualpa'); echo "</strong>"; if ($req) _e('(<span style="color: #ff0000;">Обязательно</span>)','atahualpa'); ?></label> </p> <p> <input class="text email" type="text" name="email" id="email" value="<?php echo $comment_author_email; ?>" size="30" tabindex="2" /> <label for="<?php _e('email','atahualpa'); ?>"> <strong> <?php _e('Mail</strong> (Не разглашается) ','atahualpa'); if ($req) _e('(<span style="color: #ff0000;">Обязательно</span>)','atahualpa'); ?></label> </p> <p> <input class="text url" type="text" name="url" id="url" value="<?php echo $comment_author_url; ?>" size="30" tabindex="3" /> <label for="<?php _e('url','atahualpa'); ?>"> <?php _e('Вебсайт ( Если есть )','atahualpa'); ?></label> </p> <?php endif; ?> <?php // Display Quicktags or allowed XHTML Tags if (function_exists('lmbbox_comment_quicktags_display')) { } else { if ($bfa_ata['show_xhtml_tags'] == "Yes") { ?> <p class="thesetags clearfix"> <?php printf(__('Пожалуйста сперва ознакомтесь с правилами добавления %1$s КОММЕНТАРИЕВ</a>','atahualpa'), '<a class="xhtmltags" href="#" onclick="return false;">'); ?></p> <div><span style="font: 1px Georgia,Times,serif; color: #F9ECD5;"> <div class="xhtml-tags"><p><code><?php echo allowed_tags(); ?> // Эта строка скрывает теги <div style="border: 2px #D40005 solid; background-color: #FEFFF3; font-size: 80%; padding: 5px; margin-top: 5px; margin-bottom: 5px; color: #666;"> <div><span style="font: 14px Georgia,Times,serif; color: #666;"> 1) Прежде чем писать, воспользуйтесь поиском. Возможно, что уже эта проблема, которая вас интересует поднималась. <br> 2) Если вы все таки задаете вопрос, то постарайтесь дать ему как можно более толковый смысл. <br> Всякие "Срочно нужна помощь!!!" и "Помогите, очень нужно" ничего людям не говорят, и к тому же плохо ищется опцией - ПОИСК, и в качестве заголовка совершенно не подходят. <br> В начале вопроса используйте меньше вводных слов "здравствуйте", "спасибо" и прочие. <br> Поблагодарить о чем либо, или написать свое мнение вы всегда можете либо в конце, либо в отдельной записи. Четко сформулируйте свой вопрос и напишите его в качестве заголовка, используя основные слова, точно описывающие проблему. <br> Если же не знаете, как описать проблему одной фразой, то лучше вовсе не ставить заголовок, сосредоточившись на подробностях. И не забывайте, что флейм "словесная война" крайне нежелателен. <br> 3) Не обсуждайте активность других пользователей. Фразы "Почему никто не отвечает", "Задаю вопрос еще раз" и "Что, никто не знает" говорят только о том, что ваш вопрос или не интересен или же не понятен. <br> Попробуйте задать вопрос, смысл которого будет понятен, а обсуждение будет интересно многим. <br> 4) Не задавайте несколько вопросов одновременно. Лучше сделайте несколько записей с каждым вопросом, снабдив его подробным описанием. <br> 5) Не указывайте слишком много потоков для обсуждения. Оптимальное количество - 1, максимальное - 3. Постарайтесь четко понять, какой поток соответствует обсуждению вашего вопроса наиболее точно. <br> Прежде чем указывать, посмотрите, какие из активных потоков уже существуют и подходят по смыслу. <br> 6) Не публикуйте слишком длинный код - от этого вашу запись становится трудно читать. Попробуйте разбить код на несколько частей, снабдив каждую из них описанием - это упростит понимание. <br> 7) Не публикуйте слишком большие и тяжелые картинки - они медленно грузятся. Не каждый захочет их смотреть. Оптимальное решение для больших картинок - давать на них ссылку с указанием размера. <br> 8) Если у вас возникла проблема с плагинами, темами или сборками, авторов которых вы знаете, то сначала задайте вопрос им. Если автор ответит вам, то поделитесь вашим опытом со всеми. </span></div> </code></p></div> </div> </div> <?php } } ?> <!-- Comment Textarea --> <p><textarea name="comment" id="comment" rows="10" cols="10" tabindex="4"></textarea></p> <?php do_action('comment_form', $post->ID); ?> <h5><span style="color: #ff0000;"><span style="color: #339966;">Чтобы в комментах отображалась Ваша аватарка, зарегистрируйтесь на</span> <a href="http://www.gravatar.com/">Gravatar</a>.</span></h5> <!-- Submit --> <p><input name="submit" type="submit" class="button" id="submit" tabindex="5" value="<?php _e('Отправить','atahualpa'); ?>" /> <?php comment_id_fields(); ?></p> </form> </div><!-- / respond --> <!-- / Comment Form -->
Просмотр 2 ответов — с 1 по 2 (всего 2)
- Тема «На заданной странице сделать открывающееся поле» закрыта для новых ответов.