Вывод всего текста

844

joost

23 ноября 2009, 10:48

667

как сделать так как на http://nokia.smartphone.ua/ (при нажатии на "подробнее о компании Nokia" - выводится весь текст) ?

где почитать - как так сделать?

139

moonters

23 ноября 2009, 11:44

#1

В исходном коде страницы.

Текст находится в dive с display:none

При нажатии на ссылку "подробнее о компании Nokia" свойства diva меняются

Мобильные прокси беру только тут - https://goo.su/G5nhch

84

kil

23 ноября 2009, 11:52

#2

Конкретно про ваш случай:

<html>
 <head>
  <style type="text/css">
   #my_text {display: none;}
  </style>
  <script type="text/javascript">
   function showFullText()
   {
     document.getElementById('my_text').style.display="block";
     document.getElementById('my_link').style.display="none";
   }
  </script>
 </head>
 <body>
  <p>Компания Nokia – лидер на рынке СНГ по количеству проданных смартфонов. </p>
  <p id="my_link"><a href="javascript:showFullText();">подробнее о компании Nokia</a></p>
  <p id="my_text">История компании Nokia начинается в1865 году, с учреждением предприятия лесной промышленности в Юго-западной Финляндии, горным инженером Фредриком Идестамом. В другом месте, в 1898 году основан фонд Finnish Rubber Works Ltd , и в 1912 Finnish Cable Works начали свою деятельности. Постепенно, собственность этих двух компаний и Nokia начала перемещаться в руки только нескольких владельцев. Наконец в 1967 эти три компании были слиты, чтобы сформировать корпорацию Nokia . </p>
 </body>
</html>

J

844

joost

23 ноября 2009, 13:27

#3

kil:
function showFullText()
{
document.getElementById('my_text').style.display="block";
document.getElementById('my_link').style.display="none";
}

это аякс?

225

ewg777

23 ноября 2009, 13:29

#4

joost:
это аякс?

Знай AJAX в лицо! Настоящий AJAX:

А то был JavaScript.

84

kil

24 ноября 2009, 21:12

#5

Неправда!

Вот настоящий AJAX:

31

wdsg

24 ноября 2009, 21:32

#6

А я всё больше лемонный уважаю.

ТС, это простейшее применение JS:

<div id="my_block" style="display:none">Это содержимое, по умолчанию, не видно!</div>
<a href="javascript:document.getElementById('my_block').style.display='block';void(0);">Показать</a>

Проектирование и разработка сложных IT-систем. Вожусь с проблемными задачами.

63

dedalx

24 ноября 2009, 22:38

#7

А если хотите чтобы все это красиво открывалось и закрывалось то можете воспользоваться отличной библиотекой jQuery.

-МОЙ Скрипт портала Flash игр с автонаполнением (/ru/forum/733320) -МОЙ Скрипт адалт портала с продажей онлайн видео (платник) (/ru/forum/733327)

Как удалить плохие SEO-ссылки и очистить ссылочную массу сайта

Open AI тестирует память для ChatGPT