На главную
ПРАВИЛА FAQ Помощь Участники Календарь Избранное DigiMania RSS
msm.ru
Модераторы: ElcnU, ANDLL, fatalist
  
> html-интерфейс
    Вопрос по javascript и HTML (я в этом полный новичок): есть html-документ, из которого вызывается javascript, реализованный в отдельном файле. Как из этого скрипта выводить картинки в основной документ? Как принимать ввод пользователя в переменные скрипта? Как сделать реакцию скрипта по нажатию на ссылку в тексте или на кнопку?

    А ещё нужна всплывающая подсказка, когда юзер водит мышкой по ссылке, не нажимая

    И по выводу картинок - может быть, посоветуете какой-нибудь 2d-движок?

    ===

    То есть, вопрос касается html-интерфейса для моей проги на javascript: как принимать всяческий ввод и как отображать реакцию.

    И, хотелось бы, чтобы вот это вот всё было не требовательным. То есть, чтобы кроме javascript ничего юзеру не требовалось бы для запуска приложения.
    "Гарри Поттер и методы рационального мышления" Элиезер Юдковский
    "Harry Potter and the Methods of Rationality" Eliezer Yudkowsky
      Совершенно непонятно, где тут постановка задачи, а где авторское видение решения. Надо бы определиться. Для начала: что значит "есть html-документ, из которого вызывается javascript, реализованный в отдельном файле"? Это постановка проблемы (т. е. эти файлы уже даны свыше, но непонятно, что с ними делать)? Или же это часть предполагаемого решения настоящей проблемы (например, реализации GUI для локального приложения)?

      Реакция на события, всплывающие подсказки - это самые азы HTML и браузерного яваскрипта, манипуляция DOM-ом (ручками или шаблонизаторами) - это уровень выше, а 2D-движки - это уже горние выси. И непонятно требование:
      Цитата
      чтобы кроме javascript ничего юзеру не требовалось бы для запуска приложения
      - а браузер для запуска приложения, случайно, не нужен?
        Цитата ya2500 @
        Как сделать реакцию скрипта по нажатию на ссылку в тексте или на кнопку?

        Для начала простой пример (отображает\отключает картинку <img). вынося функцию в отдельный файл (подключение файла - <script type="text/javascript" src="jsfile.js"></script>) - достаточно комментировать строки /*<script.... */ и /*</script>*/
        ExpandedWrap disabled
          <html><head></head>
          <body>
           
          <script type="text/javascript">
          function function1()
          {
            var img1=document.getElementById("img1_unic_id");
            if (img1.style.display=='none') {img1.style.display='inline-block';} else {img1.style.display='none';}
          }
          </script>
           
          я текст <span onclick="function1();" style="border:1px solid #CCC;" title="hint-подсказка">я типа кнопка =o</span> я текст
           
          text1<br>
           
          <img id="img1_unic_id" src="face.jpg" style="display:none;"> <br>
           
          text2<br>
           
          </body></html>


        Цитата ya2500 @
        А ещё нужна всплывающая подсказка, когда юзер водит мышкой по ссылке, не нажимая

        выше добавил title к <span>.
        Сообщение отредактировано: Руслан -
        нечто нейтральное, пока что.
          Руслан, спасибо! +1
          "Гарри Поттер и методы рационального мышления" Элиезер Юдковский
          "Harry Potter and the Methods of Rationality" Eliezer Yudkowsky
            ya2500, да пожалуйста. :)
            Но пример который я привел - очень упрощен для наглядности. Во первых я бы рекомендовал изначально юзать utf-8. Вот пара уточнений, которые избавят новичка от шаманских танцев:

            ExpandedWrap disabled
              <!DOCTYPE html>
              <html lang="ru">
                <head>
                  <meta http-equiv="content-type" content="text/html; charset=utf-8" />
                  <title>Заголовок страницы</title>
                </head>
            нечто нейтральное, пока что.
              Цитата AVA12 @
              Совершенно непонятно, где тут постановка задачи, а где авторское видение решения. Надо бы определиться. Для начала: что значит "есть html-документ, из которого вызывается javascript, реализованный в отдельном файле"? Это постановка проблемы (т. е. эти файлы уже даны свыше, но непонятно, что с ними делать)? Или же это часть предполагаемого решения настоящей проблемы (например, реализации GUI для локального приложения)?


              Всё до первого вопроса - постановка проблемы.

              Цитата AVA12 @
              Реакция на события, всплывающие подсказки - это самые азы HTML и браузерного яваскрипта, манипуляция DOM-ом (ручками или шаблонизаторами) - это уровень выше, а 2D-движки - это уже горние выси.


              Мой вопрос очень общий, примерно как "расскажите как программировать на javascript". Но только, как программировать на javascript я понимаю, где найти. И как писать html - я понимаю, где найти. Мне не понятно, как их вместе использовать.

              Цитата AVA12 @
              - а браузер для запуска приложения, случайно, не нужен?


              Ещё нужен девайс, на котором этот браузер запускать, и много чего ещё)
              "Гарри Поттер и методы рационального мышления" Элиезер Юдковский
              "Harry Potter and the Methods of Rationality" Eliezer Yudkowsky
                Руслан, из твоего примера я понял, как принимать клики на что угодно и как скрывать/показывать что угодно и, отчасти, как использовать переменные в html(в данном примере это img1.style.display).

                Этого может хватить надолго) но потом всё равно появятся ещё вопросы.

                На пока что ставлю галочку "вопрос решён".
                "Гарри Поттер и методы рационального мышления" Элиезер Юдковский
                "Harry Potter and the Methods of Rationality" Eliezer Yudkowsky
                1 пользователей читают эту тему (1 гостей и 0 скрытых пользователей)
                0 пользователей:


                Рейтинг@Mail.ru
                [ Script Execution time: 0,0841 ]   [ 14 queries used ]   [ Generated: 18.03.19, 21:53 GMT ]