Jommla ベースのアプリケーションに、ユーザーが記事の特定の段落にマウスを合わせると、テキストの色が変わるという機能が必要でした。段落が画面上でより目立つようにします。
これをダイナミックにしたい。それを行うのに最適な場所を知りたかっただけです。Joomla のどこで記事の解析が行われますか?. 運が良ければ、それを達成するのに役立つプラグインはありますか? 教えてください
Jommla ベースのアプリケーションに、ユーザーが記事の特定の段落にマウスを合わせると、テキストの色が変わるという機能が必要でした。段落が画面上でより目立つようにします。
これをダイナミックにしたい。それを行うのに最適な場所を知りたかっただけです。Joomla のどこで記事の解析が行われますか?. 運が良ければ、それを達成するのに役立つプラグインはありますか? 教えてください
Trev のソリューションにわずかな変更を加えて、記事を変更しなくても機能するようにすることができます。
.contentpaneopen p:hover {color:#ff0000;}
デフォルトでは、Joomla は contentpaneopen クラスを記事に割り当てます。これは、そのクラスの子であるすべての P タグに影響を与えます。
最も簡単な方法は、記事の該当する段落にスタイルを追加してから、CSS に適切なホバー ルールを追加することです。
<p class="highlight>some text in here</p>
と
p.highlight:hover
{
color: #ff0000;
}
ここで試してみたところ、最後の段落でうまくいきました:
http://thelunarscape.com/blog/an-increasingly-active-sun
この場合、プラグインを使用するよりも優れたソリューションです。必要かどうかに関係なく、記事が読み込まれるたびにコンテンツ プラグインが実行されるため、より凝ったものが必要な場合を除きます。
これを実現するもう 1 つの高度な方法は、MooTools を使用することです。
アプリケーションに MooTools を含めます。
jimport( 'joomla.html.html.behavior' );
JHtml::_('behavior.framework'); //MooTools core
JHtml::_('behavior.framework', true); //This is for MooTools more libraries
次に、ID「myid」の段落の css を変更するスクリプトを作成します。
$js = <<<EOD
window.addEvent('domready', function(){
$('myid').setStyle( 'border', '1px solid #000000')
});
EOD;
$document =& JFactory::getDocument();
$document->addScriptDeclaration($js);
MooTools を使用する理由 MooTools を使用すると、ハイライトを微調整したり、ハイライトをアニメーション化することさえできます。また、古いブラウザーのサポートも強化されているはずです。