Важная информация
Показано с 1 по 3 из 3

Тема: Смена текста

  1. #1 Смена текста 
    Новичок
    Регистрация
    10.07.2011
    Сообщений
    1
    Сказал(а) спасибо
    0
    Поблагодарили 0 раз(а) в 0 сообщениях
    Здравствуйте! помогите пожалуйста! мне надо сделать смену текста(по щелчку)так что бы оставаться на этой же странице! примерно так:1текст 2текст 3текст а потом обратно на 1текст!
    Ответить с цитированием  
     

  2. #2  
    Новичок
    Регистрация
    02.08.2012
    Сообщений
    4
    Сказал(а) спасибо
    0
    Поблагодарили 0 раз(а) в 0 сообщениях
    Вот один из примеров, но он очень плохой!!!


    HTML Code:
    1. <[Ссылки могут видеть только зарегистрированные пользователи. ]>
    2. <[Ссылки могут видеть только зарегистрированные пользователи. ]>
    3.  
    4.  
    5. <[Ссылки могут видеть только зарегистрированные пользователи. ] type="text/css">
    6. #text1 {
    7. display:block;
    8. cursor: pointer;
    9. }
    10. #text2 {
    11. display:none;
    12. cursor: pointer;
    13. }
    14. #text3 {
    15. display:none;
    16. cursor: pointer;
    17. }
    18. </[Ссылки могут видеть только зарегистрированные пользователи. ]>
    19. </[Ссылки могут видеть только зарегистрированные пользователи. ]>
    20. <[Ссылки могут видеть только зарегистрированные пользователи. ]>
    21. <[Ссылки могут видеть только зарегистрированные пользователи. ] id="text1" onclick="f()">Первое слово или даже какое-то предложение!</[Ссылки могут видеть только зарегистрированные пользователи. ]>
    22. <[Ссылки могут видеть только зарегистрированные пользователи. ] id="text2" onclick="f2()">Второе слово, часть друго текста....</[Ссылки могут видеть только зарегистрированные пользователи. ]>
    23. <[Ссылки могут видеть только зарегистрированные пользователи. ] id="text3" onclick="f3()">И третье слово, или же предложение....</[Ссылки могут видеть только зарегистрированные пользователи. ]>
    24. <[Ссылки могут видеть только зарегистрированные пользователи. ] type="text/javascript" language="javascript">
    25. var text1 = document.getElementById("text1");
    26. var text2 = document.getElementById("text2");
    27. var text3 = document.getElementById("text3");
    28.  
    29. function f(){
    30. text1.style.display = "none";
    31. text2.style.display = "block";
    32. }
    33. function f2(){
    34. text2.style.display = "none";
    35. text3.style.display = "block";
    36. }
    37. function f3(){
    38. text3.style.display = "none";
    39. text1.style.display = "block";
    40. }
    41. </[Ссылки могут видеть только зарегистрированные пользователи. ]>
    42. </[Ссылки могут видеть только зарегистрированные пользователи. ]>
    43. </[Ссылки могут видеть только зарегистрированные пользователи. ]>
    Последний раз редактировалось pingvin; 07.08.2012 в 13:24.
    Ответить с цитированием  
     

  3. #3  
    Модератор Аватар для pingvin
    Регистрация
    11.02.2011
    Сообщений
    389
    Сказал(а) спасибо
    80
    Поблагодарили 75 раз(а) в 48 сообщениях
    Вот как эту проблему решил бы я:
    HTML Code:
    1. <[Ссылки могут видеть только зарегистрированные пользователи. ]>
    2. <[Ссылки могут видеть только зарегистрированные пользователи. ]>
    3. <[Ссылки могут видеть только зарегистрированные пользователи. ]>Смена содержимого тега</[Ссылки могут видеть только зарегистрированные пользователи. ]>
    4. <[Ссылки могут видеть только зарегистрированные пользователи. ] type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js"></[Ссылки могут видеть только зарегистрированные пользователи. ]><!-- Подключение jQuery -->
    5. </[Ссылки могут видеть только зарегистрированные пользователи. ]>
    6. <[Ссылки могут видеть только зарегистрированные пользователи. ]>
    7. <[Ссылки могут видеть только зарегистрированные пользователи. ] class="text">Нажмите на кнопку справа</[Ссылки могут видеть только зарегистрированные пользователи. ]><[Ссылки могут видеть только зарегистрированные пользователи. ] class="button">Кнопка</[Ссылки могут видеть только зарегистрированные пользователи. ]>
    8. <[Ссылки могут видеть только зарегистрированные пользователи. ] type="text/javascript">
    9. var strings = ["Текст1", "Текст2", "Текст3", "Текст4"];
    10. var flag = 0;
    11.  
    12. $(".button").click(function(){
    13. if (flag >= strings.length) flag = 0;
    14. $(".text").text(strings[flag]);
    15. flag++;
    16. });
    17. </[Ссылки могут видеть только зарегистрированные пользователи. ]>
    18. </[Ссылки могут видеть только зарегистрированные пользователи. ]>
    19. </[Ссылки могут видеть только зарегистрированные пользователи. ]>

    Здесь правда jQuery, но мне показалось с ним будет легче. Так же все тексты хранятся в массиве strings. Чтобы добавить новую строку, достаточно вписать её в массив и больше ничего.
    Последний раз редактировалось pingvin; 07.08.2012 в 16:15.
    На этом месте могло быть Ваше "Спасибо"
    Ответить с цитированием  
     

Информация о теме
Пользователи, просматривающие эту тему

Эту тему просматривают: 1 (пользователей: 0 , гостей: 1)

Похожие темы

  1. Смена языка
    от Respekt-95 в разделе QBasic
    Ответов: 8
    Последнее сообщение: 14.05.2012, 18:21
  2. Изменение цвета текста в SCREEN 1
    от SMB в разделе QBasic
    Ответов: 3
    Последнее сообщение: 21.11.2010, 18:03
Ваши права
  • Вы не можете создавать новые темы
  • Вы не можете отвечать в темах
  • Вы не можете прикреплять вложения
  • Вы не можете редактировать свои сообщения
  •