--=REKLAMA=--

JA Purity/Obszar header accessibility

Z Joomla!WikiPL

Zalążek artykułu To jest tylko zalążek artykułu. Jeśli potrafisz, rozbuduj go.
[ przeglądaj][edytuj][historia] JA Purity/Obszar header accessibility - dokumentacja
Poniższy opis szablonu transkludowano (włączono) ze strony JA Purity/Obszar header accessibility/doc.

Szablon:JA Purity/Obszar header accessibility/doc

Oryginalny szablon JA Purity został wydany przez JoomlArt.com w pakiecie instalacyjnym jako archiwum w formacie ZIP, ale później został umieszczony w pakiecie instalacyjnym Joomla!. Pliki związane z szablonem, w tym index.php oraz template.css znajdują się w poniższych katalogach :

    templates/ja_purity
    templates/ja_purity
                 index.php
                 ja_templatetools.php
                 css/
                     template.css
                 images/
                     user-increase.png
                     user-decrease.png
                     user-reset.png
                 js/
                     ja.script.js

Jeśli korzystasz samouczka, możesz pobrać specjalną wersję ćwiczebną wersję szablonu i zainstalować ją w następującym katalogu:

    templates/ja_purity
                 index.php
                 ja_templatetools.php
                 css/
                     template.css
                 images/
                     user-increase.png
                     user-decrease.png
                     user-reset.png
                 js/
                     ja.script.js

Pliki HTML i PHP

ja_purity/index.php

  1. <ul class="accessibility">
  2. 	<li><a href="#ja-content" title="<?php echo JText::_("Skip to content");?>"><?php echo JText::_("Skip to content");?></a></li>
  3. 	<li><a href="#ja-mainnav" title="<?php echo JText::_("Skip to main navigation");?>"><?php echo JText::_("Skip to main navigation");?></a></li>
  4. 	<li><a href="#ja-col1" title="<?php echo JText::_("Skip to 1st column");?>"><?php echo JText::_("Skip to 1st column");?></a></li>
  5. 	<li><a href="#ja-col2" title="<?php echo JText::_("Skip to 2nd column");?>"><?php echo JText::_("Skip to 2nd column");?></a></li>
  6. </ul>

ja_purity/index.php

  1. 	<?php $tmpTools->genToolMenu(JA_TOOL_FONT, 'png'); ?>

ja_purity/ja_templatetools.php

  1. 	function genToolMenu($_array_tools=null, $imgext = 'gif'){
  2. 		if(!is_array($_array_tools)) $_array_tools = array($_array_tools);
  3. 		if(!$_array_tools) $_array_tools = array_keys($this->_params_cookie);
  4. 		if (in_array(JA_TOOL_FONT, $_array_tools)){//show font tools
  5. 		?>
  6. 		<ul class="ja-usertools-font">
  7. 	      <li><img style="cursor: pointer;" title="<?php echo JText::_('Increase font size');?>" src="<?php echo $this->templateurl();?>/images/user-increase.<?php echo $imgext;?>" alt="<?php echo JText::_('Increase font size');?>" id="ja-tool-increase" onclick="switchFontSize('<?php echo $this->template."_".JA_TOOL_FONT;?>','inc'); return false;" /></li>
  8. 		  <li><img style="cursor: pointer;" title="<?php echo JText::_('Default font size');?>" src="<?php echo $this->templateurl();?>/images/user-reset.<?php echo $imgext;?>" alt="<?php echo JText::_('Default font size');?>" id="ja-tool-reset" onclick="switchFontSize('<?php echo $this->template."_".JA_TOOL_FONT;?>',<?php echo $this->_tpl->params->get(JA_TOOL_FONT);?>); return false;" /></li>
  9. 		  <li><img style="cursor: pointer;" title="<?php echo JText::_('Decrease font size');?>" src="<?php echo $this->templateurl();?>/images/user-decrease.<?php echo $imgext;?>" alt="<?php echo JText::_('Decrease font size');?>" id="ja-tool-decrease" onclick="switchFontSize('<?php echo $this->template."_".JA_TOOL_FONT;?>','dec'); return false;" /></li>
  10. 		</ul>
  11. 		<script type="text/javascript">var CurrentFontSize=parseInt('<?php echo $this->getParam(JA_TOOL_FONT);?>');</script>
  12. 		<?php
  13. 		}
  14. 	}

Pliki CSS

ja_purity/css/template.css

  1. ul.accessibility {
  2. 	position: absolute;
  3. 	top: -100%;
  4. }
  5.  
  6. /*usertool*/
  7. ul.ja-usertools-font {
  8. 	font-size: 11px;
  9. 	position: absolute;
  10. 	top: 8px;
  11. 	right: 70px;
  12. }
  13.  
  14. ul.ja-usertools-font li {
  15. 	padding: 0;
  16. 	margin: 0;
  17. 	display: inline;
  18. 	background: none;
  19. }

Pliki obrazków

  • user-increase.png
  • user-decrease.png
  • user-reset.png

Pliki Javascript

ja_purity/js/ja.script.js

  1. switchFontSize=function(ckname,val){
  2. 	var bd = $E('BODY');
  3. 	switch (val) {
  4. 		case 'inc':
  5. 			if (CurrentFontSize+1 < 7) {
  6. 				bd.removeClass('fs'+CurrentFontSize);
  7. 				CurrentFontSize++;
  8. 				bd.addClass('fs'+CurrentFontSize);
  9. 			}
  10. 		break;
  11. 		case 'dec':
  12. 			if (CurrentFontSize-1 > 0) {
  13. 				bd.removeClass('fs'+CurrentFontSize);
  14. 				CurrentFontSize--;
  15. 				bd.addClass('fs'+CurrentFontSize);
  16. 			}
  17. 		break;
  18. 		default:
  19. 			bd.removeClass('fs'+CurrentFontSize);
  20. 			CurrentFontSize = val;
  21. 			bd.addClass('fs'+CurrentFontSize);
  22. 	}
  23. 	Cookie.set(ckname, CurrentFontSize,{duration:365});
  24. }


Dziękujemy za wkład

» Stefan Wajda [zwiastun],

Źródło „https://wiki.joomla.pl/index.php?title=JA_Purity/Obszar_header_accessibility&oldid=21253”