Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 07.07.2015, 09:01
Аватар для Exi
Exi Exi вне форума
Новичок на форуме
Отправить личное сообщение для Exi Посмотреть профиль Найти все сообщения от Exi
 
Регистрация: 07.07.2015
Сообщений: 1

Замена .swf файлов по нажатию на кнопку
Есть 2 кнопки. Нужно, чтобы при нажатии на них в определенной точке менялись .swf файлы.

Каждой кнопке соответствует определенный .swf файл. Т.е. нажал одну, показывает один файл, нажал другую, на его месте появился второй.

<html>
<head>
<style>.btn1 {
    margin: 2px;
    padding: 2px;
    width: 32px;
    height: 32px;
    float: left;
    cursor: pointer;
    border: 1px solid gray;
    background-color: #ccc;
    color: white;
    padding: 3px;
}
.btn1:hover { }
.btn2 {
    margin: 2px;
    padding: 2px;
    width: 32px;
    height: 32px;
    float: left;
    cursor: pointer;
    border: 1px solid gray;
    background-color: #cco;
    color: white;
    padding: 3px;
}
.btn2:hover { }
</style>
</head>
<body>
<div align="center" style="width:640px;background-color:#ddd; margin:auto;margin-top:5%; border: solid 1px black;
  height: 340px;
}">
<div style="float:left;"><embed src="start.bmp" width="320" height="340"></embed></div>
<div><button class="btn1" onclick=> </button></div>
<div><button class="btn2" onclick=> </button></div>
</div>
</body>
</html>


Вместо "start.bmp" должны появляться .swf, находящиеся в той же папке, что и HTML файл.
Ответить с цитированием
  #2 (permalink)  
Старый 07.07.2015, 10:42
Профессор
Отправить личное сообщение для kostyanet Посмотреть профиль Найти все сообщения от kostyanet
 
Регистрация: 23.10.2010
Сообщений: 2,718

Начали хорошо, что помешало так же бодро продолжать?
Ответить с цитированием
  #3 (permalink)  
Старый 07.07.2015, 16:58
Аватар для KosBeg
Профессор
Отправить личное сообщение для KosBeg Посмотреть профиль Найти все сообщения от KosBeg
 
Регистрация: 22.05.2015
Сообщений: 384

как минимум вот так
<html>
<head>
<style>.btn1 {
    margin: 2px;
    padding: 2px;
    width: 32px;
    height: 32px;
    float: left;
    cursor: pointer;
    border: 1px solid gray;
    background-color: #ccc;
    color: white;
    padding: 3px;
}
.btn1:hover { }
.btn2 {
    margin: 2px;
    padding: 2px;
    width: 32px;
    height: 32px;
    float: left;
    cursor: pointer;
    border: 1px solid gray;
    background-color: #cco;
    color: white;
    padding: 3px;
}
.btn2:hover { }
</style>
</head>
<body>
<div align="center" style="width:640px;background-color:#ddd; margin:auto;margin-top:5%; border: solid 1px black;
  height: 340px;
}">
<div style="float:left;"><embed *!*id='flash'*/!* src="http://javascript.ru/forum/image.php?u=17434&dateline=1322593884" width="320" height="340"></embed></div>
<div><button class="btn1" onclick='document.getElementById("flash").src = "http://javascript.ru/forum/image.php?u=42910&dateline=1436249386"'>1</button></div>
<div><button class="btn2" onclick='document.getElementById("flash").src = "http://javascript.ru/forum/image.php?u=2844&dateline=1327668727"'>2</button></div>
</div>
</body>
</html>

Последний раз редактировалось KosBeg, 07.07.2015 в 17:01.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Замена класса у множества одинаковых блоков Neibo Элементы интерфейса 4 13.06.2015 14:58
Подгрузка файла по нажатию на кнопку maximus Events/DOM/Window 7 24.12.2012 08:01
загрузка дополнительных новостей по нажатию на кнопку RAZVOR jQuery 2 07.06.2012 23:48
Получить все элементы строки таблицы по нажатию на кнопку ansi_str Events/DOM/Window 2 01.03.2012 16:58