| |
|
|
| | Доброго времени суток, есть два куска кода
<script type="text/javascript">
$(document).ready(function(){
$("a#link1").easyTooltip({
useElement: "item1"
});
});
$(document).ready(function(){
$("a#link2").easyTooltip({
useElement: "item2"
});
});
$(document).ready(function(){
$("a#link3").easyTooltip({
useElement: "item3"
});
});
$(document).ready(function(){
$("a#link4").easyTooltip({
useElement: "item4"
});
});
$(document).ready(function(){
$("a#link5").easyTooltip({
useElement: "item5"
});
});
$(document).ready(function(){
$("a#link6").easyTooltip({
useElement: "item6"
});
});
$(document).ready(function(){
$("a#link7").easyTooltip({
useElement: "item7"
});
});
$(document).ready(function(){
$("a#link8").easyTooltip({
useElement: "item8"
});
});
$(document).ready(function(){
$("a#link9").easyTooltip({
useElement: "item9"
});
});
</script>
|
таблица стилей
#item1{display:none;}
#item2{display:none;}
#item3{display:none;}
#item4{display:none;}
#item5{display:none;}
#item6{display:none;}
#item7{display:none;}
#item8{display:none;}
#item9{display:none;}
|
Как можно упростить код?
javascript как я понимаю можно поправить примерно так
<script type="text/javascript">
$(document).ready(function(){
$("a#link<?php echo $n; ?>").easyTooltip({
useElement: "item<?php echo $n; ?>"
});
});
</script>
|
а вот что можно сделать со стилями? | |
| |
|
|
| |
|
|
| |
для: Besenok
(17.06.2010 в 12:59)
| | | Всем элементам, у которых сейчас
id="item1"
id="item2"
id="item3"
|
присвоить такие идентификаторы
id="link1-item"
id="link2-item"
id="link3-item"
|
Им же добавить атрибут
Т.е. получится что то такое:
<div id="link1-item" class="link-item">контент</div>
<div id="link2-item" class="link-item">контент</div>
<div id="link3-item" class="link-item">контент</div>
|
Элементам ссылок с id="link1", id="link2", id="link3" добавить класс: class="link":
<a id="link1" class="link">ссылка1</a>
<a id="link2" class="link">ссылка2</a>
<a id="link3" class="link">ссылка3</a>
|
CSS будет такой:
.link-item{display:none;}
|
JS будет такой:
$(document).ready(function(){
$("a.link").each(function(){
$(this).easyTooltip({
useElement: this.id + "-item"
});
});
});
|
P.S. я бы подумал над осмысленными именами идентификаторов
P.P.S. всё вышесказанное действительно при условии, если я верно угадал библиотека оЙгукн и её плагин Easy Tooltip. Такие вещи хорошо бы указывать в тексте вопроса.
P.P.P.S. обновил JS | |
| |
|
|
| |
|
|
| |
для: sms-send
(17.06.2010 в 13:30)
| | | Спасибо! Все получилось ) | |
| |
|
|
