Поддержка Проблемы и решения На заданной странице сделать открывающееся поле

  • Точно не знаю как этот эффект называется смотрите пример в поле комментарии http://miportfolio.orgfree.com/?page_id=2
    Пожалуйста сперва ознакомтесь с правилами добавления КОММЕНТАРИЕВ (нажать кнопку КОММЕНТАРИЕВ)
    Как сделать на странице, (ну на которой мне нужно) такое открывающееся поле.

Просмотр 2 ответов — с 1 по 2 (всего 2)
  • У данного блока есть идентификатор, по данному идентификатору произведена селекция силами JS, в данном случае, с использованием библиотеки jQuery. Блок скрывается, а затем, по определенному событию (клик на слове комментариев) отображается с заданным эффектом. Т.е. в данном примере используются:

    1. Разметка html
    2. Стили css
    3. 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('Выйти &raquo;','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" />&nbsp;
    			<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" />&nbsp;
    			<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" />&nbsp;
    			<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)
  • Тема «На заданной странице сделать открывающееся поле» закрыта для новых ответов.