Секреты web-дизайна. Ваш первый сайт (2009) Русская версия
http://turbobit.net/cjm2zq86biga.html
http://turbobit.net/iwyywigsfb9k.html
Сто шаблонов для сайта+софт
Другие языки программирования и технологии
как на JavaScript или вообще сделать так чтобы в тексте(слове) одна буква была другого цвета?
Виктор Дмитриевич
это и мне тупаку понятно, что есть куча макулатуры на эту тему, но мне нужен ответ по контексту, а зарываться я не хочу.
Бкувы меняют цвет при наведении мыши (уберите пробелы после '<'):
< p id="kuku">контрреволюция< /p>
< script type="text/javascript">
var e = document.getElementById('kuku'); e.style.cursor = 'pointer';
var s = e.innerHTML;
var r = '';
for (var i = 0; i < s.length; i++) {
r += '< span onmouseover="this.style.color=\'#F00\'" onmouseout="this.style.color=\'#000\'">'+s+'< /span>';
}
e.innerHTML = r;
< /script>
< p id="kuku">контрреволюция< /p>
< script type="text/javascript">
var e = document.getElementById('kuku'); e.style.cursor = 'pointer';
var s = e.innerHTML;
var r = '';
for (var i = 0; i < s.length; i++) {
r += '< span onmouseover="this.style.color=\'#F00\'" onmouseout="this.style.color=\'#000\'">'+s+'< /span>';
}
e.innerHTML = r;
< /script>
эммм.. . Андрей Севастьянов, мысль-то верная, но не будет оно работать)
ошибка там есть -
r += '<span оnmоuseоver="this.style.color=\'#F00\'" оnmоuseоut="this.style.color=\'#000\'">'+s[ i ]+'</span>';
- вот так должно быть. . парсер наверное сожрал [ i ] - он его тут за форумный тэг считает)
но в 6-м IE так не сработает.. .
а вот так - сработает:
var s = e.innerHTML.split("");
только вот цвет менять оно не будет ни в одном браузере. )
- не работают эвенты-сволочи, если их в innerHTML писать.. .
вот так должно везде работать:
<script type="text/javascript">
var c1='#FF0000'; // цвет на выбор
var c2='#000000'; //обычный цвет текста
function iniT(){
var e = document.getElementById('kuku'); e.style.cursor = 'pointer';
var s = e.innerHTML.split('');
var r = '';
e.innerHTML='';
for (var i = 0; i < s.length; i++) {
r=document.createElement('span');
r.appendChild(document.createTextNode(s[ i ]));
if(document.all){
r.attachEvent('onmouseover',function(){ this.style.color=c1; });
r.attachEvent('onmouseout',function(){ this.style.color=c2; });
}else{
r.addEventListener('mouseover',function(){ this.style.color=c1; },false);
r.addEventListener('mouseout',function(){ this.style.color=c2; },false);
}
e.appendChild(r);
}
}
window.onload=function(){ iniT(); }
</script>
<p id="kuku">контрреволюция</p>
ошибка там есть -
r += '<span оnmоuseоver="this.style.color=\'#F00\'" оnmоuseоut="this.style.color=\'#000\'">'+s[ i ]+'</span>';
- вот так должно быть. . парсер наверное сожрал [ i ] - он его тут за форумный тэг считает)
но в 6-м IE так не сработает.. .
а вот так - сработает:
var s = e.innerHTML.split("");
только вот цвет менять оно не будет ни в одном браузере. )
- не работают эвенты-сволочи, если их в innerHTML писать.. .
вот так должно везде работать:
<script type="text/javascript">
var c1='#FF0000'; // цвет на выбор
var c2='#000000'; //обычный цвет текста
function iniT(){
var e = document.getElementById('kuku'); e.style.cursor = 'pointer';
var s = e.innerHTML.split('');
var r = '';
e.innerHTML='';
for (var i = 0; i < s.length; i++) {
r=document.createElement('span');
r.appendChild(document.createTextNode(s[ i ]));
if(document.all){
r.attachEvent('onmouseover',function(){ this.style.color=c1; });
r.attachEvent('onmouseout',function(){ this.style.color=c2; });
}else{
r.addEventListener('mouseover',function(){ this.style.color=c1; },false);
r.addEventListener('mouseout',function(){ this.style.color=c2; },false);
}
e.appendChild(r);
}
}
window.onload=function(){ iniT(); }
</script>
<p id="kuku">контрреволюция</p>
Андрей Аксёнов
эхе-хе... я еще одну фишку забыл!
в эксплорере нельзя обратиться потом к этому элементу this
так что все что я написал, в эксплорере не заработает!))
единственный выход...
ниже, а то не влезет в коммент)
в эксплорере нельзя обратиться потом к этому элементу this
так что все что я написал, в эксплорере не заработает!))
единственный выход...
ниже, а то не влезет в коммент)
Андрей Аксёнов
<style type="text/css">
#kuku a { color:#000000; cursor:pointer; }
#kuku a:hover { color:#FF0000; }
</style>
<script type="text/javascript">
function iniT(){
var e = document.getElementById('kuku');
var s = e.innerHTML.split('');
var r = '';
e.innerHTML='';
for (var i = 0; i < s.length; i++) {
r=document.createElement('a');
r.appendChild(document.createTextNode(s[ i ]));
e.appendChild(r);
}
}
window.onload=function(){ iniT(); }
</script>
<p id="kuku">контрреволюция</p>
#kuku a { color:#000000; cursor:pointer; }
#kuku a:hover { color:#FF0000; }
</style>
<script type="text/javascript">
function iniT(){
var e = document.getElementById('kuku');
var s = e.innerHTML.split('');
var r = '';
e.innerHTML='';
for (var i = 0; i < s.length; i++) {
r=document.createElement('a');
r.appendChild(document.createTextNode(s[ i ]));
e.appendChild(r);
}
}
window.onload=function(){ iniT(); }
</script>
<p id="kuku">контрреволюция</p>
<style>
.colored {color: red}
</style>
<p>контрреволюция</p>
<script>
//раскрасить буквы в определенные цвета
//web .my-study .info
var strcolor = document.getElementById('kuku').innerHTML;
var reg1 = /о/g;
var strcolor = strcolor.replace(reg1, "о");
document.getElementById('kuku').innerHTML = strcolor;
</script>
.colored {color: red}
</style>
<p>контрреволюция</p>
<script>
//раскрасить буквы в определенные цвета
//web .my-study .info
var strcolor = document.getElementById('kuku').innerHTML;
var reg1 = /о/g;
var strcolor = strcolor.replace(reg1, "о");
document.getElementById('kuku').innerHTML = strcolor;
</script>
Похожие вопросы
- Как сделать программу которая при вводе текста, удаляет из текста все слова, содержащие букву «я». (PascalABC)
- Слушайте, как в Adobe Illustrator обвести текст в прямоугольник и залить его цветом? :) Что пробовал сделать - под катом
- зпросить текст и во введенном тексте слово "мама" заменить словом "бабушка". с++, заранее спасибо
- Как сделать такую картинку с текстом внизу?
- подскажите через кудой решать эту задачку с++2)Дан текст. Слова в тексте разделены пробелами. Вычеркнуть из текста вс
- C# Сделать программу которая разделяет текст на предложения.
- Как сделать правильное отображения русского текста, какую кодировку поставить. (MySQL, PHP)
- С# - нужно сделать так, чтобы консоль читала слова, как переменные, а не просто слова...
- как сделать в css чтобы текст не можно было выделять курсорорм. только не метод z-index?
- как сделать чтобы при нажатии на слово переходить на сайт