Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [JavaScript] Dźwięk po kliknięciu w obrazek
slimboot
post 10.12.2013, 14:51:43
Post #1





Grupa: Zarejestrowani
Postów: 86
Pomógł: 0
Dołączył: 14.03.2011

Ostrzeżenie: (0%)
-----


Wiem, ze może pytanie banalne, ale javascript, to dla mnie coś niezrozumiałego, dlatego prosze o pomoc


Ten skrypt po kliknięciu w button aktywuje dźwięk. Jak zrobić by zamiast buttona był wstawiony obrazek? Próbowałem wstawiać type="image" i src="car.jpg" zamiast type="button", ale to nie pomaga



Kod
<head>
<script language="javascript" type="text/javascript">
function play(){
document.getElementById("muzyka").play()
}
</script>

</head>
<body>

<embed src="ding.wav" hidden="true" autostart="false" id="muzyka". mastersound><p>
<form>
<input type="button" value="play" onclick="play()">
</form>

</body>
</html>


--------------------
OK-Word.com - Nauka podstawowych slowek z jezyka angielskiego, Zapraszam.

"Głupiec nie wierzy w nic z tego, co nie wynika z jego własnego doświadczenia"

"Na początku stworzył Bóg niebo i ziemię" - inna sprawa, ze człowiek to potem popsuł, ale jeżeli tworzenie wyszło od Boga, to zaiste jestem jego synem:)

Go to the top of the page
+Quote Post
vermis
post 10.12.2013, 15:00:42
Post #2





Grupa: Zarejestrowani
Postów: 279
Pomógł: 56
Dołączył: 3.06.2010
Skąd: Tarnowskie Góry

Ostrzeżenie: (0%)
-----


Kod
<img src="adres_obrazka" onclick="play()">



--------------------
Go to the top of the page
+Quote Post
slimboot
post 10.12.2013, 15:19:32
Post #3





Grupa: Zarejestrowani
Postów: 86
Pomógł: 0
Dołączył: 14.03.2011

Ostrzeżenie: (0%)
-----


Super! Wielkie dzięki. Sam bym się z tym chyba męczył wieki biggrin.gif

Mam jeszcze jedno pytanie, bo myślałem, że już wiem wszystko co potrzebuje, a jednak nie. Pradze sobie z całą resztą, ale nie wiem jak zmodyfikować ten kod, bym mógł przypisać kilka różnych obrazków i do każdego z nich inny dźwięk. Próbowałem na kilka sposobów i nic mi nie wychodzi

Ten kod wygląda teraz tak:

Kod
<head>

<script language="javascript" type="text/javascript">
function play(){
document.getElementById("muzyka1").play()
}
</script>
</head>

<body>

<embed src="ding.wav" hidden="true" autostart="false" id="muzyka1". mastersound><p>
<form>
<img src="car.jpg" onclick="play()">
</form>

</body>
</html>


--------------------
OK-Word.com - Nauka podstawowych slowek z jezyka angielskiego, Zapraszam.

"Głupiec nie wierzy w nic z tego, co nie wynika z jego własnego doświadczenia"

"Na początku stworzył Bóg niebo i ziemię" - inna sprawa, ze człowiek to potem popsuł, ale jeżeli tworzenie wyszło od Boga, to zaiste jestem jego synem:)

Go to the top of the page
+Quote Post
vermis
post 10.12.2013, 15:26:05
Post #4





Grupa: Zarejestrowani
Postów: 279
Pomógł: 56
Dołączył: 3.06.2010
Skąd: Tarnowskie Góry

Ostrzeżenie: (0%)
-----


Piszę z głowy, ale chyba tak powinno być dobrze.
Jako parametr przekazujesz id elementu z dzwiękiem.
Kod
<head>

<script language="javascript" type="text/javascript">
function play(song){
document.getElementById(song).play()
}
</script>
</head>

<body>

<embed src="ding.wav" hidden="true" autostart="false" id="muzyka1". mastersound><p>
<embed src="ding2.wav" hidden="true" autostart="false" id="muzyka2". mastersound><p>
<form>
<img src="car.jpg" onclick="play('muzyka1')">
<img src="car2.jpg" onclick="play('muzyka2')">
</form>

</body>
</html>



--------------------
Go to the top of the page
+Quote Post
slimboot
post 10.12.2013, 15:33:39
Post #5





Grupa: Zarejestrowani
Postów: 86
Pomógł: 0
Dołączył: 14.03.2011

Ostrzeżenie: (0%)
-----


Pisane z głowy i działa idealnie. Dziękówa


--------------------
OK-Word.com - Nauka podstawowych slowek z jezyka angielskiego, Zapraszam.

"Głupiec nie wierzy w nic z tego, co nie wynika z jego własnego doświadczenia"

"Na początku stworzył Bóg niebo i ziemię" - inna sprawa, ze człowiek to potem popsuł, ale jeżeli tworzenie wyszło od Boga, to zaiste jestem jego synem:)

Go to the top of the page
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Wersja Lo-Fi Aktualny czas: 29.03.2024 - 11:29