Реклама на сайте Advertise with us

Javascript - заменить текст "налету" на картинку..

Расширенный поиск по форуму
 
Новая тема Новая тема   
Автор
Поиск в теме:

нет судьбы

С нами с 27.03.03
Сообщения: 4427
Рейтинг: 4204


Передовик Master-X (16.07.2011) Передовик Master-X (16.10.2011) Передовик Master-X (01.11.2011) Передовик Master-X (16.11.2011) Передовик Master-X (01.01.2012) Ветеран трепа Master-X (16.02.2012)
Ссылка на сообщениеДобавлено: 12/10/09 в 13:21       Ответить с цитатойцитата 

В теме не смог толком пояснить..
Скрипт ставит на HTML странице текст\переменную в виде дроби:
<span>0.0605</span>
<span>0.1235</span>
...
<span>0.1326</span>
Ковырять зазенденный пхп не хочу да и не умею, а хотелось бы как-то на яваскрипте скрыть само число между <span> тегами (0.0605 , 0.1235 , 0.1326) и заменить на HTML код изображения.

Например,
если дробь(текст между <span>) <0.0500, то <img src="1.gif">
если дробь(текст между <span>) >0.0500, но <0.1000, то <img src="2.gif">
если дробь(текст между <span>) >0.1000, то <img src="3.gif">

0
 



С нами с 19.05.08
Сообщения: 1894
Рейтинг: 3625


Передовик Master-X (16.06.2010) Передовик Master-X (01.07.2010) Передовик Master-X (16.07.2010) Передовик Master-X (16.05.2011) Передовик Master-X (01.07.2012) Ветеран трепа Master-X (16.07.2012)
Ссылка на сообщениеДобавлено: 12/10/09 в 14:35       Ответить с цитатойцитата 

Стукни в Аську помогу. Или если сам хочешь это сделать то наверное ответ тут: http://my.opera.com/Ti/blog/show.dml/423621 .
Надо разве что под твою задачу адаптировать.

(!)Внимание Ero Advertising дополнительный Еврики от продажи рекламы. Особенно попандеров и мобилок.

0
 



С нами с 21.08.02
Сообщения: 206
Рейтинг: 63

Ссылка на сообщениеДобавлено: 12/10/09 в 14:47       Ответить с цитатойцитата 

Код:

<html><body>
<span>0.0605</span>
<span>0.1235</span>
...
<span>0.1326</span>

<script language="javascript">
var allspan = document.getElementsByTagName('span');
var ttt;
for(el in allspan)
{
    ttt = null;
    ttt = parseFloat(allspan[el].innerHTML);
    if ( ttt > 0.1) {
   allspan[el].innerHTML = '>0.1';   
    }
    else if ( ttt > 0.05) {
   allspan[el].innerHTML = '>0.05';   
    }
    else if ( ttt < 0.05) {
   allspan[el].innerHTML = '<0.05';
    }
}
</script></body></html>

0
 



С нами с 09.03.09
Сообщения: 6053
Рейтинг: 3538


Передовик Master-X (01.11.2009) Передовик Master-X (16.11.2009) Передовик Master-X (01.02.2011) Передовик Master-X (01.12.2011) Передовик Master-X (16.12.2011) Ветеран трепа Master-X (01.01.2014)
Ссылка на сообщениеДобавлено: 12/10/09 в 15:01       Ответить с цитатойцитата 

Код:
<html>
<head>
<script type="text/javascript">
function boo(n)
{
var j;
if(n<0.05)
{
  j="1";   
}
else if(n>0.05 && n<0.1)
{
  j="2";
}
else if(n>0.1)
{
  j="3";
}
return j;
}
function foo()
{
var allSpan=document.getElementsByTagName('SPAN');
for(var i=0;i<allSpan.length;i+=1)
{
  if(typeof(allSpan[i].innerText)=='undefined')
  {
   allSpan[i].textContent="<img src=\""+boo(Number(allSpan[i].textContent))+".gif\"/>";
  }
  else
  {
   allSpan[i].innerText="<img src=\""+boo(Number(allSpan[i].innerText))+".gif\"/>";
  }
}
}
</script>
</head>
<body onload="foo();">
<span>0.0405</span>
<span>0.0535</span>
<span>0.1326</span>
</body>
</html>

0
 

нет судьбы

С нами с 27.03.03
Сообщения: 4427
Рейтинг: 4204


Передовик Master-X (16.07.2011) Передовик Master-X (16.10.2011) Передовик Master-X (01.11.2011) Передовик Master-X (16.11.2011) Передовик Master-X (01.01.2012) Ветеран трепа Master-X (16.02.2012)
Ссылка на сообщениеДобавлено: 13/10/09 в 11:28       Ответить с цитатойцитата 

В обоих примерах
getElementsByTagName('SPAN');
А можно как-то выделить не все <span> из документа, а только <span style="sp1"> или <span id="id1">?

0
 



С нами с 19.05.08
Сообщения: 1894
Рейтинг: 3625


Передовик Master-X (16.06.2010) Передовик Master-X (01.07.2010) Передовик Master-X (16.07.2010) Передовик Master-X (16.05.2011) Передовик Master-X (01.07.2012) Ветеран трепа Master-X (16.07.2012)
Ссылка на сообщениеДобавлено: 13/10/09 в 11:36       Ответить с цитатойцитата 

Смотри чем эти span выделяються, может они лежат все в контейнере с Id или class у них специфический.

(!)Внимание Ero Advertising дополнительный Еврики от продажи рекламы. Особенно попандеров и мобилок.

0
 

нет судьбы

С нами с 27.03.03
Сообщения: 4427
Рейтинг: 4204


Передовик Master-X (16.07.2011) Передовик Master-X (16.10.2011) Передовик Master-X (01.11.2011) Передовик Master-X (16.11.2011) Передовик Master-X (01.01.2012) Ветеран трепа Master-X (16.02.2012)
Ссылка на сообщениеДобавлено: 13/10/09 в 11:43       Ответить с цитатойцитата 

ну пусть они все <span id="id1">

0
 



С нами с 09.03.09
Сообщения: 6053
Рейтинг: 3538


Передовик Master-X (01.11.2009) Передовик Master-X (16.11.2009) Передовик Master-X (01.02.2011) Передовик Master-X (01.12.2011) Передовик Master-X (16.12.2011) Ветеран трепа Master-X (01.01.2014)
Ссылка на сообщениеДобавлено: 13/10/09 в 12:57       Ответить с цитатойцитата 

id должен быть уникален в пределах документа.

По стилю можно так:

Код:
<html>
<head>
<script type="text/javascript">
function boo(n)
{
var j;
if(n<0.05)
{
  j="1";   
}
else if(n>0.05 && n<0.1)
{
  j="2";
}
else if(n>0.1)
{
  j="3";
}
return j;
}
function foo()
{
var allSpan=document.getElementsByTagName('SPAN');
for(var i=0;i<allSpan.length;i+=1)
{
  if(allSpan[i].style.color=='red')
  {
   if(typeof(allSpan[i].innerText)=='undefined')
   {
    allSpan[i].textContent="<img src=\""+boo(Number(allSpan[i].textContent))+".gif\"/>";
   }
   else
   {
    allSpan[i].innerText="<img src=\""+boo(Number(allSpan[i].innerText))+".gif\"/>";
   }
  }
}
}
</script>
</head>
<body onload="foo();">
<span>123df</span>
<span style="color:red">0.0405</span>
<span>123df</span>
<span style="color:red">0.0535</span>
<span>123df</span>
<span style="color:red">0.1326</span>
</body>
</html>

0
 

нет судьбы

С нами с 27.03.03
Сообщения: 4427
Рейтинг: 4204


Передовик Master-X (16.07.2011) Передовик Master-X (16.10.2011) Передовик Master-X (01.11.2011) Передовик Master-X (16.11.2011) Передовик Master-X (01.01.2012) Ветеран трепа Master-X (16.02.2012)
Ссылка на сообщениеДобавлено: 13/10/09 в 13:32       Ответить с цитатойцитата 

Ок!
Спасибо всем, общими усилиями разобрался! icon_smile.gif

0
 
Новая тема Новая тема   

Текстовая реклама в форме ответа
Заголовок и до четырех строчек текста
Длина текста до 350 символов
Купить рекламу в этом месте!


Перейти:  



Спонсор раздела Стань спонсором этого раздела!

Реклама на сайте Advertise with us

Опросы

Рецепт новогоднего блюда 2022



Обсудите на форуме обсудить (11)
все опросы »