Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Атрибут id (проблема) (https://javascript.ru/forum/misc/31124-atribut-id-problema.html)

nemo4430 27.08.2012 22:33

Атрибут id (проблема)
 
Есть такой код:
<script type="text/javascript"> 
function f_blink() { 
if(document.getElementById("blink").style.visibility=="visible") document.getElementById("blink").style.visibility = "hidden"; 
else document.getElementById("blink").style.visibility = "visible"; 
} 
setInterval("f_blink();", 500); 
</script>

Даный скрипт создает мигающий текст. Мигающий текст делается так:
<span id="blink">Мигающий текст</span>

Но есть проблема: таким способом можно сделать мигащим только один текст. Второй текст мигать не будет. Помогите решить проблему. Буду благдарен!

Dim@ 27.08.2012 22:38

вызывайте функцию с параметром - ид
function f_blink(id) { 
if(document.getElementById(id).style.visibility=="visible") document.getElementById(id).style.visibility = "hidden"; 
else document.getElementById(id).style.visibility = "visible";
setInterval("f_blink(" + id + ")", 500); 
} 
f_blink("blink");

nemo4430 27.08.2012 22:56

Не работает...

lord2kim 27.08.2012 23:09

nemo4430,
<span id="blink">Мигающий текст</span>
<span id="blink2">Мигающий текст 2</span>
<script type="text/javascript">
function f_blink(id) {
if(document.getElementById(id).style.visibility=="visible") document.getElementById(id).style.visibility = "hidden";
else document.getElementById(id).style.visibility = "visible";
}
setInterval("f_blink('blink');", 500);
setInterval("f_blink('blink2');", 1000);
</script>

Deff 27.08.2012 23:24

<style type="text/css">
.blink {
 text-decoration:blink;

}
.adasd {
 color:red;
}
</style>






<span id=bl1 class="adasd">AAAA</span><br />
===========<br />
<span id=bl2>ББББ</span>








<script type="text/javascript"> 
function Blink(id) { 
var a=document.getElementById(id);
var b=a.className.toString();

if(b.replace(/blink/g,'')!=''){
   a.className=b+' '+'blink';
} else  a.className='blink';
} 
Blink('bl1');
Blink('bl2')
</script>

nemo4430 29.08.2012 23:10

Цитата:

Сообщение от Deff (Сообщение 200991)
text-decoration:blink;

Этот способ, по моему, поддерживается не всеми браузерами.

nemo4430 29.08.2012 23:14

Цитата:

Сообщение от lord2kim (Сообщение 200987)
nemo4430,
<span id="blink">Мигающий текст</span>
<span id="blink2">Мигающий текст 2</span>
<script type="text/javascript">
function f_blink(id) {
if(document.getElementById(id).style.visibility=="visible") document.getElementById(id).style.visibility = "hidden";
else document.getElementById(id).style.visibility = "visible";
}
setInterval("f_blink('blink');", 500);
setInterval("f_blink('blink2');", 1000);
</script>

А одним идентификатором нельзя?

bes 29.08.2012 23:20

заключите всё мигающее в блок и скрывайте/показывайте его

Deff 29.08.2012 23:20

Цитата:

Сообщение от nemo4430
Этот способ, по моему, поддерживается не всеми браузерами.

Сейчас все поддерживают, Опера с 10 версии; Firefox - тоже уже давно (собственно они и не поддерживали

wawandas 30.08.2012 10:15

а если css правило text-decoration:blink;


Часовой пояс GMT +3, время: 18:37.