Вход на сайт
JavaScript
686
NEW 30.11.10 09:23
На генерируемой PHP странице есть меню
<div id='myDiv'>
<ul class='myUl'>
<li class='myLi'>ЭлементМеню1</li>
<li class='myLi'>ЭлементМеню2</li>
</ul>
<div>
....
Задачка: йаваскриптом поменять цвет последней буквы.
30.11.10 09:57
в ответ Валидол 30.11.10 09:29
Зря, было бы на много проще. Яваскриптом, тебе можно тогда попробовать для каждого элемента списка, отрезать последний символ и опять же завернув его в тег повесит класс. Просто букву взять и изменить нельзя, это же DOM.
Создание сайтов, онлайн-магазинов в Германии
30.11.10 13:49
А если новые пункты появятся в меню, опять в базу полезешь? ИМХО не самый лучший вариант, не гибкий.
в ответ Валидол 30.11.10 11:22
В ответ на:
Впрочем, я нашел немного другое решение. PhpAdmin'ом , тупо переписал элементы в базе. Со спаном.
Впрочем, я нашел немного другое решение. PhpAdmin'ом , тупо переписал элементы в базе. Со спаном.
А если новые пункты появятся в меню, опять в базу полезешь? ИМХО не самый лучший вариант, не гибкий.
Создание сайтов, онлайн-магазинов в Германии
NEW 30.11.10 16:46
вот что у меня получилось
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title></title>
<meta name="" content="">
<script type="text/javascript" src="http://code.jquery.com/jquery-1.4.4.min.js"></script>
<script type="text/javascript">
< --
$(function(){
$('.myLi').each(function() {
var newText = $(this).text().substring(0, $(this).text().length - 2) + "<font color='blue'>" + $(this).text().substring( $(this).text().length - 2) + "</font>";
$(this).html(newText);
});
});
//-->
</script>
<meta name="vs_targetSchema" content="http://schemas.microsoft.com/intellisense/ie5">
</head>
<body>
<div id='myDiv'>
<ul class='myUl'>
<li class='myLi'>ЭлементМеню1</li>
<li class='myLi'>ЭлементМеню2</li>
</ul>
</div>
</body>
</html>последняя буква синяя, лень было класс дефинировать обошёлся хтмл
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title></title>
<meta name="" content="">
<script type="text/javascript" src="http://code.jquery.com/jquery-1.4.4.min.js"></script>
<script type="text/javascript">
< --
$(function(){
$('.myLi').each(function() {
var newText = $(this).text().substring(0, $(this).text().length - 2) + "<font color='blue'>" + $(this).text().substring( $(this).text().length - 2) + "</font>";
$(this).html(newText);
});
});
//-->
</script>
<meta name="vs_targetSchema" content="http://schemas.microsoft.com/intellisense/ie5">
</head>
<body>
<div id='myDiv'>
<ul class='myUl'>
<li class='myLi'>ЭлементМеню1</li>
<li class='myLi'>ЭлементМеню2</li>
</ul>
</div>
</body>
</html>последняя буква синяя, лень было класс дефинировать обошёлся хтмл
Фашизм будет разбит
Человека карают только те боги, в которых он верит