Добавление базовой Java-программы на сайт

Question

Во-первых, я больше не студент и делаю это для других целей, поэтому не стесняйтесь помощи;)

Я хочу включить простую программу в мою веб-страницу. Я хочу 4 кнопки с надписью правая рука, левая рука, активировать голос и идти вперед. Над этими кнопками будет поле с изображением робота, и, поскольку пользователь нажимает кнопки, я хочу, чтобы в поле было загружено другое изображение.

Таким образом, если нажать кнопку правой руки, нужно будет отобразить изображение с роботом, поднимающим правую руку.

Так что, в основном, все, что я хочу сделать с кнопками, это загрузить изображение, которое принадлежит каждой из них. Я предполагаю, что Java - лучший выбор? У меня есть Java-пакет с открытым исходным кодом. Нужно ли мне какое-либо другое программное обеспечение для его встраивания в веб-страницу? Моя веб-страница сделана на Dreamweaver, и я довольно хорошо с HTML. Буду признателен, если кто-то может указать мне правильное направление ..... Спасибо

Answer 1

Не используйте Java для этого.Используйте JavaScript.Примерно так:

HTML:

<img src="one.jpg" id="firstImage" />
<img src="two.jpg" id="secondImage" />

​<button id="doSomething">Do Something</button>
<button id="doSomethingElse">​Do Something Else</button>​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​

CSS:

​img {
    display: none;
}​

JavaScript:

var hideImages = function() {
    $('#firstImage').hide();
    $('#secondImage').hide();
};

$('#doSomething').click(function() {
    hideImages();
    $('#firstImage').show();
});

$('#doSomething').click(function() {
    hideImages();
    $('#secondImage').show();
});​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​

То, что это по сути делает, - это изначально отображениенет изображений, только кнопки.Затем при нажатии каждой кнопки отображается соответствующее изображение.(И все остальные изображения сначала скрыты, так как предыдущие нажатия кнопок показывали бы предыдущие изображения.)

Конечно, это слишком простое доказательство концепции.По крайней мере, вы захотите использовать более подходящие имена переменных :) Это просто демонстрирует идею, как вы будете показывать / скрывать изображения в JavaScript в ответ на нажатия кнопок.(Это также предполагает использование jQuery , что является безопасным допущением в наши дни. Самый простой способ использовать это - ссылаться на ссылку CDN на вашей странице, используя стандартный HTML script tag .) Вы можете увидеть этот код в действии здесь (хотя изображения, конечно, повреждены.)

Если кнопок многои много изображений, вы также можете изменить код, чтобы сделать его менее повторяющимся.Может быть, сохранить изображения в массиве и иметь один обработчик нажатия кнопки, который может связать кнопку отправки с правильным элементом массива и т. Д. Это зависит от вас.

Answer 2

Есть много технологий, которые могут вам помочь: javascript - одна из них, и это было бы намного проще, чем использовать Java для такой простой вещи.Вы можете использовать Java-апплет, если вы действительно хотите использовать Java для этого проекта.