Javascript werkt niet in WB12 maar wel in puur html pagina

Dit forum is bedoeld voor vragen met betrekking tot WYSIWYG Web Builder.
Post Reply
GudB
 
 
Posts: 6
Joined: Thu Jan 04, 2018 5:42 pm

Javascript werkt niet in WB12 maar wel in puur html pagina

Post by GudB » Sat Feb 24, 2018 4:09 pm

Voor een pianostemmer ben ik bezig met een website.

Ik heb acht piano toetsen als afzonderlijke images opgeslagen.
Deze gebruik ik als menu.

Bedoeling is dat er bij "hover" een Css3 effect plaats vindt.
Bij klikken moet de betreffende piano toon bij de betreffende toets worden afgespeeld.
Dus klik ik op c dan hoor ik een "c" pianonoot.

in wb12 heb ik het menuutje in een layoutgrid geplakt

Image

de volgende html/javascript moet het geheel laten klinken.

</head>
<body> <a onclick="myAudioFunction('c');"> <img src="slice1_octaaf_wie1.png">
</a> <a onclick="myAudioFunction('d');"> <img src="slice2_octaaf_wat2.png">
</a> <a onclick="myAudioFunction('e');"> <img src="slice3_octaaf_hoe1.png">
</a> <a onclick="myAudioFunction('f');"> <img src="slice4_octaaf_prijs1.png">
</a>
<script>
var aAudio = new Audio('c.wav');
var bAudio = new Audio('d.wav');
var cAudio = new Audio('e.wav');
var dAudio = new Audio('f.wav');
function myAudioFunction(letter) {
if(letter == 'c') {
aAudio.play();
} else if(letter == 'd') {
bAudio.play();
} else if(letter == 'e') {
cAudio.play();
} else if(letter == 'f') {
dAudio.play();
}
}
</script>
<p><br>
</p>
</body>

Klik ik de opgeslagen html pagina aan in de verkenner dan opent Chrome en speelt de toets de noot.
Implementeer ik de code in de html van de pagina in wb12 dan gebeurt er niks.
De script in de body geplaatst en ook in de header.

Iemand een suggestie ?

groet,
Gerrit

User avatar
Pablo
 
Posts: 12654
Joined: Tue Mar 28, 2006 12:00 pm
Location: Europe
Contact:

Re: Javascript werkt niet in WB12 maar wel in puur html pagina

Post by Pablo » Sat Feb 24, 2018 4:23 pm

Zonder te zien wat je precies hebt gedaan is het voor mij lastig hier iets over te zeggen.
Maar ik neem aan dat je niet de body tags hebt mee gekopieerd? Want dat is niet correct.
Zie ook:
http://wysiwygwebbuilder.com/add_html.html

Merk op dat ik geen ondersteuning kan geven op zelf gemaakte scripts.

GudB
 
 
Posts: 6
Joined: Thu Jan 04, 2018 5:42 pm

Re: Javascript werkt niet in WB12 maar wel in puur html pagina

Post by GudB » Sat Feb 24, 2018 4:29 pm

Pablo,

Dat laatste snap ik. Gekke is dat het in een gewone pagina wel werkt. maar zet ik het in de pagina html dan opeens niet.

Heb nu dit geprobeerd....
<div id="wb_Image1"> <a href="#" onmouseover="AnimateCss('wb_Image1', 'puff-in', 0, 1000);return false;"

onclick="myAudioFunction('c');">

<img src="images/slice1_octaaf_wie1.png"

maar helaas nog niks.

Dacht zelf aan de mogelijkheid dat je de images 2 x aanstuurt...een keer voor het hover effect en een keer voor het click effect. Lijkt alsof bij de 2e de image niet wordt herkent.

trouwens bedankt voor je snelle antwoord. 24/7 aanwezig lijkt het.. :-)
gr. Gerrit

GudB
 
 
Posts: 6
Joined: Thu Jan 04, 2018 5:42 pm

Re: Javascript werkt niet in WB12 maar wel in puur html pagina

Post by GudB » Sat Feb 24, 2018 4:32 pm

Dit menuutje hoort er bij...
Is nog in ontwikkeling..

http://tryout.uitdenbogaard.nl/Master.html

gr. Gerrit

User avatar
Pablo
 
Posts: 12654
Joined: Tue Mar 28, 2006 12:00 pm
Location: Europe
Contact:

Re: Javascript werkt niet in WB12 maar wel in puur html pagina

Post by Pablo » Sat Feb 24, 2018 5:27 pm

Ik zie de code niet op deze pagina...

GudB
 
 
Posts: 6
Joined: Thu Jan 04, 2018 5:42 pm

Re: Javascript werkt niet in WB12 maar wel in puur html pagina

Post by GudB » Sat Feb 24, 2018 5:39 pm

staat er weer.. was al weer verder aan het experimenteren..

Fijn trouwens dat je er even serieus naar wilt kijken..


gr, Gerrit

User avatar
BaconFries
 
 
Posts: 3898
Joined: Thu Aug 16, 2007 7:32 pm

Re: Javascript werkt niet in WB12 maar wel in puur html pagina

Post by BaconFries » Sat Feb 24, 2018 5:49 pm

Looking at the source and the javascript used there is no image path to where the images are stored!!
No image path

Code: Select all

<a onclick="myAudioFunction('c');"> <img src="slice1_octaaf_wie1.png">
</a> <a onclick="myAudioFunction('d');"> <img src="slice2_octaaf_wat2.png">
</a> <a onclick="myAudioFunction('e');"> <img src="slice3_octaaf_hoe1.png">
</a> <a onclick="myAudioFunction('f');"> <img src="slice4_octaaf_prijs1.png">
</a>
Image path

Code: Select all

<a onclick="myAudioFunction('c');"> <img src="images/slice1_octaaf_wie1.png">
</a> <a onclick="myAudioFunction('d');"> <img src="images/slice2_octaaf_wat2.png">
</a> <a onclick="myAudioFunction('e');"> <img src="images/slice3_octaaf_hoe1.png">
</a> <a onclick="myAudioFunction('f');"> <img src="images/slice4_octaaf_prijs1.png">
</a>

GudB
 
 
Posts: 6
Joined: Thu Jan 04, 2018 5:42 pm

Re: Javascript werkt niet in WB12 maar wel in puur html pagina

Post by GudB » Sat Feb 24, 2018 6:08 pm

I tried with an image path. \image\

Did not work..

GudB
 
 
Posts: 6
Joined: Thu Jan 04, 2018 5:42 pm

Re: Javascript werkt niet in WB12 maar wel in puur html pagina

Post by GudB » Sat Feb 24, 2018 6:13 pm

Bacon fries...your a genius.

Looked at your suggestion again ...saw that I used the map image ..but your s did it. It's images...

Feel bit foolish now... :-(

Thnx.

it worked...

gr. Gerrit

User avatar
BaconFries
 
 
Posts: 3898
Joined: Thu Aug 16, 2007 7:32 pm

Re: Javascript werkt niet in WB12 maar wel in puur html pagina

Post by BaconFries » Sat Feb 24, 2018 6:22 pm

Bacon fries...your a genius.
No...well...not really :oops: ...but thanks anyway for the compliment :D
Feel bit foolish now... :-(
Don't be...a second pair of eyes always helps.

Post Reply

Who is online

Users browsing this forum: No registered users and 3 guests