вставьте тег span в тег li при активной вкладке

Question

вставьте тег span в тег li при активной вкладке

У меня есть gk5 вкладки расширений Joomla
когда вкладка активна с motools, вставьте «active» в класс li следующим образом:

    <li data-animation="default" class="gkTab gkTabs-1 active ">
<span></span>
</li>
<li data-animation="default" class="gkTab gkTabs-2">
<span></span>
</li>

мне нужно, когда вкладка активна, вставьте HTML-тег в li следующим образом:

  <ol class="gkTabsNav">

<li data-animation="default" class="gkTab gkTabs-1 active ">
asdasdsadsad
<span class="simple"></span>
</li>
<li data-animation="default" class="gkTab gkTabs-2">
asdsdasdasdsd
</li>

источник php этого места:

<ol class="gkTabsNav">
<?php if($this->config['tabs_pre_text'] != '') : ?>
<li class="gkTabsPreText"><strong><?php echo $this->config['tabs_pre_text']; ?></strong></li>
<?php endif ; ?>

<?php for($i = 0; $i < count($this->tabs["title"]); $i++) : ?>
<?php $active_class = ($this->active_tab == $i + 1) ? ' active' : ''; ?>
<li<?php if($this->tabs["id"][$i] != '') echo ' id="'.($this->tabs['id'][$i]).'"'; ?> class="gkTab gkTabs-<?php echo ($i+1) . $active_class; ?>" data-animation="<?php echo $this->tabs['animation'][$i]!= '' ? $this->tabs['animation'][$i] : 'default'; ?>">
<?php if($this->config['tabs_spans'] == '1'): ?><span><?php endif; ?>
<?php echo $this->tabs["title"][$i]; ?>
<?php if($this->config['tabs_spans'] == '1'): ?></span><?php endif; ?>
</li>
<?php endfor; ?>
</ol>

1

html mootools php

Решение

По вопросам рекламы [email protected]

Accepted Answer

Ну вот
конец строки, которая начинается с <li<?php if($this->tabs["id"][$i] != '') echo ' id="'.($this->tabs где добавить текст и класс добавляется в этой строке<?php if($this->config['tabs_spans'] == '1'): ?><span class="arr">

<ol class="gkTabsNav">
<?php if($this->config['tabs_pre_text'] != '') : ?>
<li class="gkTabsPreText"><strong><?php echo $this->config['tabs_pre_text']; ?></strong></li>
<?php endif ; ?>

<?php for($i = 0; $i < count($this->tabs["title"]); $i++) : ?>
<?php $active_class = ($this->active_tab == $i + 1) ? ' active' : ''; ?>
<li<?php if($this->tabs["id"][$i] != '') echo ' id="'.($this->tabs['id'][$i]).'"'; ?> class="gkTab gkTabs-<?php echo ($i+1) . $active_class; ?>" data-animation="<?php echo $this->tabs['animation'][$i]!= '' ? $this->tabs['animation'][$i] : 'default'; ?>">asadasadasadasa
<?php if($this->config['tabs_spans'] == '1'): ?><span class="arr"><?php endif; ?>
<?php echo $this->tabs["title"][$i]; ?>
<?php if($this->config['tabs_spans'] == '1'): ?></span><?php endif; ?>
</li>
<?php endfor; ?>
</ol>

1

Другие решения

Привет для этой проблемы я вставляю тег span в код:

<ol class="gkTabsNav">
<?php if($this->config['tabs_pre_text'] != '') : ?>
<li class="gkTabsPreText"><strong><?php echo $this->config['tabs_pre_text']; ?></strong></li>
<?php endif ; ?>

<?php for($i = 0; $i < count($this->tabs["title"]); $i++) : ?>
<?php $active_class = ($this->active_tab == $i + 1) ? ' active' : ''; ?>
<li<?php if($this->tabs["id"][$i] != '') echo ' id="'.($this->tabs['id'][$i]).'"'; ?> class="gkTab gkTabs-<?php echo ($i+1) . $active_class; ?>" data-animation="<?php echo $this->tabs['animation'][$i]!= '' ? $this->tabs['animation'][$i] : 'default'; ?>">
<?php if($this->config['tabs_spans'] == '1'): ?><span><?php endif; ?>
<?php echo $this->tabs["title"][$i]; ?>
<?php if($this->config['tabs_spans'] == '1'): ?></span><?php endif; ?>
<span class="simple"></span>
</li>
<?php endfor; ?>
</ol>

чем вставить этот CSS в файл CSS:

.gkTabsWrap.horizontal ol li.active .simple {
background: url("arrow-ama.png") no-repeat scroll 0px 0 rgba(0, 0, 0, 0) !important;
display: block !important;
height: 29px;
position: absolute;
left: -15px;
top: 0;
width: 15px;
}
.simple {
display: none;

}

1

Источник