Javascript koppelen aan beeld om te klikken

[tazzie]

Hallo

Ik ben absoluut nieuw in javascript en zit met een probleem.
Ik heb een beeld van een luidspreker en ik wil dat een willekeurige radiospot wordt gespeeld als ik hierop klik.

Ik heb het gevonden om dit te doen op een woord, maar niet op een beeld.
Dan geeft hij een fout.

Mijn script is:
<script type="text/javascript">
<!--
link = new Array; //creates array

link[1]="Images/Music/maart_april 2010/LAMBERMONT CHOIX 032009 .mp3";
link[2]="Images/Music/maart_april 2010/LAMBERMONT EXPERIENCE 032009 .mp3";
link[3]="Images/Music/maart_april 2010/LAMBERMONT PRIX 032009 .mp3";
link[4]="Images/Music/maart_april 2010/LAMBERMONT SERVICES 032009 .mp3";
link[5]="Images/Music/maart_april 2010/LAMBERMONT TAILLE 032009 .mp3";
-->
</script>

In de header

en dan in de body
<h2 class="demonstration"><script type="text/javascript"><!--
random_num = (Math.round((Math.random()*4)+1)); document.write("<a href=\"" + link[random_num] + "\">test</a>");
-->
</script></h2>

Nu wil ik het woord test vervangen door
<img src="Images/Music/_Radioreclame_h35.jpg" alt="music" width="35" height="36" />
Maar dan geeft hij een fout.

Wie kan mij helpen.

Alvast bedankt.

 

[That Guy]

Okay, dit komt waarschijnlijk door een quote-probleem in je document.write. Probeer dit dan eens:
[JS]/* hetzelfde als eerst, maar dan makkelijker, sneller, en beter leesbaar */
var links = [
"Images/Music/maart_april 2010/LAMBERMONT CHOIX 032009 .mp3",
"Images/Music/maart_april 2010/LAMBERMONT EXPERIENCE 032009 .mp3",
"Images/Music/maart_april 2010/LAMBERMONT PRIX 032009 .mp3",
"Images/Music/maart_april 2010/LAMBERMONT SERVICES 032009 .mp3",
"Images/Music/maart_april 2010/LAMBERMONT TAILLE 032009 .mp3"
];

function schrijf()
{
var random_num = (Math.round((Math.random()*4)+1));
document.write("<a href='" + link[random_num] + "'><img src='Images/Music/_Radioreclame_h35.jpg' alt='music' width='35' height='36' /></a>");
}[/JS]en op de plek waar je de img/link wilt hebben:
[JS]schrijf();[/JS]

kortweg: je document.write() functie gebruikt dubbele quote's om aan te geven wat geschreven moet worden. Als je dan in deze string ook dubbele quote's gaat gebruiken, weet-ie niet meer wat nou wel en wat nou niet geschreven moet worden. Oplossing: enkele quotes gebruiken!

Zoals je in de syntax-highlighting ziet hierboven, klopt ie nu wel. Kijk, dit dus bijvoorbeeld niet:[js]document.write("test met " dubbele quote");[/js]



:thumb:

 

[tazzie]

Van harte bedankt voor de uitleg en de hulp.

Ik ben nog een tijdje zoet geweest om te vinden hoe ik de link in een nieuw venster kon openen maar nu werkt alles zoals het hoort.

Bedankt.