Jump to content

tomclancys

Newbie
  • Posts

    6
  • Joined

  • Last visited

Everything posted by tomclancys

  1. Сайт на CMS Joomla.В шаблоне прописано на каждой странице код таба + css + jquery ... Каким образом можно его активировать?
  2. Проблема следующего характера. Есть html страница в ней есть блок вкладок на jquery. После клика по любой вкладке и обновлении страницы сбрасывается выделеная вкладка, а нужно чтобы сохранялась... Не могу понять в чём проблема. Код вкладок: <div id="wrapper"> <ul class="tabs2"> <li><a href="#">1 вкладка</a></li> <li><a href="#">2 вкладка</a></li> <li><div title="Текст" onclick="location.href='1.html';"><a href="1.html">3 вкладка</a></div></li> <li><div title="Текст" onclick="location.href='4.html';"><a href="4.html">4 вкладка</a></div></li> <li><div title="Текст" onclick="location.href='5.html';"><a href="5.html">5 вкладка</a></div></li> </ul> <div class="panes2"> <div id="text-navi">1 вкладка</div> <div id="text-navi">2 вкладка</div> <div id="text-navi">3 вкладка</div> <div id="text-navi"><table width="100%" border="0" cellspacing="0" cellpadding="0" class="text-navi4"> <tr> <td><span class="text-navi4">4 вкладка</td> </tr> </table></div> <div id="text-navi">5 вкладка</div></div> <script> $(function() { $("ul.tabs2").tabs("div.panes2 > div"); }); </script> Стиль вкладок: a:active { outline:none; } :focus { -moz-outline-style:none; } div.panes2 div { font-family:verdana, sans-serif;color:#333;font-size:12px; display:none; width: 726px; border-top:0; height:44px; font-size:14px; background: url(../images/bg2.jpg); border-left: 1px solid #BCC2CE; } /* root element for tabs */ ul.tabs2 { font-family:verdana, sans-serif;color:#333;font-size:12px; list-style:none; margin:0 !important; padding:0; height:44px; line-height:44px; width: 726px; background: url(../images/bg5.jpg); } /* single tab */ ul.tabs2 li { font-family:verdana, sans-serif;color:#333;font-size:12px; float:left; text-indent:0; padding:0; margin:0 !important; list-style-image:none !important; } /* link inside the tab. uses a background image */ ul.tabs2 a { font-family:verdana, sans-serif;color:#333;font-size:16px; display:block; height: 44px; line-height:44px; width: 144px; text-align:center; text-decoration:none; color:#FFFFFF; padding:0px; margin:0px; position:relative; top:0px; } ul.tabs2 a:active { outline:none; } /* when mouse enters the tab move the background image */ ul.tabs2 a:hover { background: url(../images/tabs3.png) no-repeat -619px 0; color:#333333; } /* active tab uses a class name "current". it's highlight is also done by moving the background image. */ ul.tabs2 a.current, ul.tabs2 a.current:hover, ul.tabs2 li.current a { background: url(../images/tabs3.png) no-repeat -619px 0; cursor:default !important; color:#000000 !important; } /* Different widths for tabs: use a class name: w1, w2, w3 or w2 */ /* width 1 */ ul.tabs a.w1 { background-position: -519px 0; width:134px; } ul.tabs a.w1:hover { background-position: -519px -31px; } ul.tabs a.w1.current { background-position: -519px -62px; } /* width 2 */ ul.tabs a.w2 { background-position: -366px -0px; width:154px; } ul.tabs a.w2:hover { background-position: -366px -31px; } ul.tabs a.w2.current { background-position: -366px -62px; } /* width 3 */ ul.tabs a.w3 { background-position: -193px -0px; width:174px; } ul.tabs a.w3:hover { background-position: -193px -31px; } ul.tabs a.w3.current { background-position: -193px -62px; } /* width 4 */ ul.tabs a.w4 { background-position: -0px -0px; width:194px; } ul.tabs a.w4:hover { background-position: -0px -31px; } ul.tabs a.w4.current { background-position: -0px -62px; } /* initially all panes are hidden */ div.panes2 div.pane2 { display:none; } Помогите решить проблему. Очень нужно =(
  3. Спасибо. Попробуем
  4. php не подходит, сайт построен на cms. код страницы в MySQL лежит. А в какую сторону рыть по варианту через JS В JS скриптах я ноль ...
  5. Возникла такая нужда, что нужно в списке к каждому option value прикрепить якорь или чтото подобное. Чтобы при переходе по адресу site.ru/tag.html#1 открывалась первая строка, а при site.ru/tag.html#5 пятая. Пример кода: <select name="select1" id="select1"> <option>Выберите товар</option> <option value="Товар 1">Товар 1</option> <option value="Товар 2">Товар 2</option> <option value="Товар 3">Товар 3</option> <option value="Товар 4">Товар 4</option> <option value="Товар 5">Товар 5</option> </select> Представляю это так: <select name="select1" id="select1"> <option>Выберите товар</option> <a name="1"><option value="Товар 1">Товар 1</option></a> <a name="1"><option value="Товар 2">Товар 2</option></a> <a name="1"><option value="Товар 3">Товар 3</option></a> <a name="1"><option value="Товар 4">Товар 4</option></a> <a name="1"><option value="Товар 5">Товар 5</option></a> </select> Но соответсвенно это не работает. Кто сталкивался с этим, как правильно реализовать?
  6. Доброго время суток. Проблема в следующем. Имеем таблицу с текстом - нужно снизу справа расположить background картинку. Как лучше реализовать? <table width="219" border="0" cellpadding="0" cellspacing="0"> <tr> <td valign="top"><img src="images/strelka.jpg" width="9" height="7"> <a href="http://u-i-m.ru/">О нас</a><br> <img src="images/strelka.jpg" width="9" height="7"> <a href="/component/option,com_virtuemart/Itemid,51/">Интернет-магазин</a><br> <img src="images/strelka.jpg" width="9" height="7"> <a href="/content/blogcategory/1/30/">Новости</a><br> <img src="images/strelka.jpg" width="9" height="7"> <a href="/content/view/10/61/">Как сделать заказ</a><br> <img src="images/strelka.jpg" width="9" height="7"> <a href="/content/view/9/62/">Доставка и оплата</a><br> <img src="images/strelka.jpg" width="9" height="7"> <a href="/content/view/26/68/">Установка дверей</a><br> <img src="images/strelka.jpg" width="9" height="7"> <a href="/content/view/32/72/">Образцы потолка на дом</a><br> <img src="images/strelka.jpg" width="9" height="7"> <a href="/content/blogsection/6/31/">Полезная информация</a><br> <img src="images/strelka.jpg" width="9" height="7"> <a href="/content/view/38/73/">Возврат товара</a><br> <img src="images/strelka.jpg" width="9" height="7"> <a href="/content/view/52/84/">Прайс-листы</a></td> </tr> </table>
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy