abonnement Unibet Coolblue
pi_107469323
Bedankt, het is gelukt tot zover met een simpele <img> code:



1
2
3
4
5
6
7
8
9
<audio>
  <source src="sound.ogg" type="audio/ogg" >
  <source src="sound.mp3" type="audio/mp3" >
</audio>
<div>
    <button onclick="document.getElementById('player').play()"><img src="Play.png"></button>
    <button onclick="document.getElementById('player').pause()"><img src="Pause.png"></button>

</div>

Nu alleen uitvogelen hoe ik die button style kan bewerken zodat het past op mijn pagina.
Terrorism is the poor mans war, war is the rich mans terrorism.
pi_107469381
Je kan onclick ook aan andere elementen hangen hoor :).
pi_107469573
quote:
14s.gif Op woensdag 1 februari 2012 09:21 schreef picodealion het volgende:
Je kan onclick ook aan andere elementen hangen hoor :).
Dus kan ik die .png bestanden direct linken aan onclick?

Even uitproberen!
Terrorism is the poor mans war, war is the rich mans terrorism.
  woensdag 1 februari 2012 @ 09:30:47 #129
56176 Catch22-
Ben je Blind?!
pi_107469579
wel even cursor:pointer; erop :)
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
  woensdag 1 februari 2012 @ 09:31:30 #130
91039 mstx
2x1/2 = 1/2 x 1/2
pi_107469599
quote:
0s.gif Op woensdag 1 februari 2012 09:30 schreef Baghdaddy het volgende:

[..]

Dus kan ik die .png bestanden direct linken aan onclick?

Even uitproberen!
Javascript events kunnen aan vrijwel elke zichtbare HTML tag gekoppeld worden.
Op donderdag 2 juli 2009 22:41 schreef RTB het volgende:
als ik elk rap"liedje" een kans moest geven was ik aan het eind van dit millennium nog bezig met het tempo waarin die kotshoop uitgebraakt wordt.
👾
pi_107469668
quote:
14s.gif Op woensdag 1 februari 2012 09:31 schreef mstx het volgende:

[..]

Javascript events kunnen aan vrijwel elke zichtbare HTML tag gekoppeld worden.
Oke, wist ik niet! :P

quote:
11s.gif Op woensdag 1 februari 2012 09:30 schreef Catch22- het volgende:
wel even cursor:pointer; erop :)
Hoe bedoel je dat precies?

Is dit ongeveer iets in de goede richting:

1<img src="Play.png" onclick="document.getElementById('player').play()">

Kan het momenteel niet testen.
Terrorism is the poor mans war, war is the rich mans terrorism.
  woensdag 1 februari 2012 @ 09:36:53 #132
56176 Catch22-
Ben je Blind?!
pi_107469693
ja. En een style="cursor:pointer" er op.

Maar je kan dit beter extern oplijmen, is toch netter.
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
pi_107469882
quote:
0s.gif Op woensdag 1 februari 2012 09:35 schreef Baghdaddy het volgende:

[..]

Oke, wist ik niet! :P

[..]

Hoe bedoel je dat precies?

Is dit ongeveer iets in de goede richting:
[ code verwijderd ]

Kan het momenteel niet testen.
Dit bedoelde ik inderdaad. En wat Catch22- zegt, je kan beter styles (en scripts) in aparte .css en .js bestanden zetten, maar als de onclick de enige javascript is die je gebruikt is dit wel prima zo.
  woensdag 1 februari 2012 @ 09:54:42 #134
56176 Catch22-
Ben je Blind?!
pi_107470027
voor hebruikbaarheid is dat toch makkelijker.
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
pi_107476536
Bedankt.

Ik heb inderdaad bijna geen javascript verder en vandaar dat ik dit dan ook zo doe. Nog een laatste vraag (voor nu :P);

1
2
3
4
5
6
7
8
9
10
<audio>
  <source src="audio/1.mp3" type="audio/mp3" >
  <source src="audio/1.ogg" type="audio/ogg" >
</audio>
<div>

    <img src="Play.png" style="cursor:pointer" onclick="document.getElementById('player').play()">
    <img src="Pause.png" style="cursor:pointer" onclick="document.getElementById('player').pause()">

</div>

Wat doe ik verkeerd? Muziek speelt niet af.
Terrorism is the poor mans war, war is the rich mans terrorism.
  woensdag 1 februari 2012 @ 13:39:59 #136
56176 Catch22-
Ben je Blind?!
pi_107476583
doe eens <audio id="player"> ipv <audio>

Hoe moet de browser anders weten wat getElementById('player') is?
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
pi_107476645
quote:
11s.gif Op woensdag 1 februari 2012 13:39 schreef Catch22- het volgende:
doe eens <audio id="player"> ipv <audio>

Hoe moet de browser anders weten wat getElementById('player') is?
Dat was het inderdaad, bedankt. Ik dacht dat de browser automatisch de audio speler herkent!
Terrorism is the poor mans war, war is the rich mans terrorism.
  woensdag 1 februari 2012 @ 13:42:09 #138
56176 Catch22-
Ben je Blind?!
pi_107476662
Doet hij ook wel, maar als je document.getElementById gebruikt, dan moet het object dat je wil aansturen wel dat ID hebben :)
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
  donderdag 2 februari 2012 @ 11:03:10 #139
267443 Cue_
Cuecumbergirl
pi_107509969
Kort vraagje weer:
ik heb een formulier, met 1 submit button erop die ervoor zorgt dat de gegevens opgeslagen en gemaild worden.
Maar nu is het zo dat wat ik ook doe in het form, die button is gelecteerd (focus erop). zodat als ik maar 1x per ongeluk op enter druk het formulier wordt verzonden.

Hoe krijg ik dit het mooiste weg?
pi_107510009
Heb je een linkje?
  donderdag 2 februari 2012 @ 11:05:06 #141
267443 Cue_
Cuecumbergirl
pi_107510022
quote:
3s.gif Op donderdag 2 februari 2012 11:04 schreef picodealion het volgende:
Heb je een linkje?
Naar mijn form? :?
  donderdag 2 februari 2012 @ 11:05:08 #142
56176 Catch22-
Ben je Blind?!
pi_107510024
de onkeydown van de enterknop registreren en bij een enter een return false; doen?

maar ik gebruik die functionaliteit zelf best vaak en het is standaard behaviour dus ik vraag me af of je dat moet willen.
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
  donderdag 2 februari 2012 @ 11:05:27 #143
84244 Scorpie
Abject en infaam!
pi_107510034
Cue_: wss is het een submit button ipv een gewone knop.
Op dinsdag 13 augustus schreef Xa1pt:
Neuh, fraude mag best aangepakt worden. Maar dat het de maatschappij meer oplevert of beter is voor de samenleving, is nog maar de vraag.
Op donderdag 25 juni 2015 schreef KoosVogels:
Klopt. Ik ben een racist.
  donderdag 2 februari 2012 @ 11:07:05 #144
267443 Cue_
Cuecumbergirl
pi_107510084
quote:
11s.gif Op donderdag 2 februari 2012 11:05 schreef Catch22- het volgende:
de onkeydown van de enterknop registreren en bij een enter een return false; doen?

maar ik gebruik die functionaliteit zelf best vaak en het is standaard behaviour dus ik vraag me af of je dat moet willen.
Ik heb al twee gebruikers gehad die er last van hebben gehad. En dit zijn zeg maar de snuggere van degene die het gaan gebruiken.

Maar die onkeydown.. dat zou ik dan bij elk veld moeten neerplempen?

quote:
0s.gif Op donderdag 2 februari 2012 11:05 schreef Scorpie het volgende:
Cue_: wss is het een submit button ipv een gewone knop.
Klopt is het ook. Want vervolgens verwerk ik de gegevens.
  donderdag 2 februari 2012 @ 11:10:28 #145
56176 Catch22-
Ben je Blind?!
pi_107510185
Dan zou ik de submitbutton vervangen door een <button> en dit stukje jQuery plaatsen (als je dat gebruikt, anders even vertalen.

1
2
3
<?php
$("button#fakeSubmit").click(function() { $(this).closest("form").submit(); });
?>
(phptags voor de highlighting)
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
  donderdag 2 februari 2012 @ 11:16:15 #146
267443 Cue_
Cuecumbergirl
pi_107510351
quote:
11s.gif Op donderdag 2 februari 2012 11:10 schreef Catch22- het volgende:
Dan zou ik de submitbutton vervangen door een <button> en dit stukje jQuery plaatsen (als je dat gebruikt, anders even vertalen.
[ code verwijderd ]

(phptags voor de highlighting)
jQuery wordt niet gebruikt bij deze en zelf ook geen ervaring mee nog. Maar in ieder geval dus richting gewone button gaan.
  donderdag 2 februari 2012 @ 11:23:44 #147
56176 Catch22-
Ben je Blind?!
pi_107510567
dan doe je dit

1
2
3
<?php
<button value="Opslaan" onclick="document.getElementById('myForm').submit()"/>
?>
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
  donderdag 2 februari 2012 @ 11:26:26 #148
91039 mstx
2x1/2 = 1/2 x 1/2
pi_107510659
Enter in een text input = versturen. Dat is altijd al zo en standaard functionaliteit.
Het probleem is dus dat mensen het formulier te vroeg versturen voordat ze alles ingevuld hebben? Zit daar dan geen validatie op?
Op donderdag 2 juli 2009 22:41 schreef RTB het volgende:
als ik elk rap"liedje" een kans moest geven was ik aan het eind van dit millennium nog bezig met het tempo waarin die kotshoop uitgebraakt wordt.
👾
  donderdag 2 februari 2012 @ 11:32:04 #149
267443 Cue_
Cuecumbergirl
pi_107510842
quote:
11s.gif Op donderdag 2 februari 2012 11:23 schreef Catch22- het volgende:
dan doe je dit
[ code verwijderd ]

Geweldig O+
Was inderdaad al op zoek gegaan naar de juiste syntax voor de onclick. :)
quote:
0s.gif Op donderdag 2 februari 2012 11:26 schreef mstx het volgende:
Enter in een text input = versturen. Dat is altijd al zo en standaard functionaliteit.
Het probleem is dus dat mensen het formulier te vroeg versturen voordat ze alles ingevuld hebben? Zit daar dan geen validatie op?
Op dit moment maak ik voor deze opdracht nog geen validaties op velden. Het is eerst maar bekijken of het wordt gebruikt en hoe vaak.
Daarbij zijn de mensen hier zo gewend om in andere applicaties met 'enter' naar het volgende veld te gaan dat dat gewoon geen optie is om dat als functie erachter te hebben.
  donderdag 2 februari 2012 @ 11:35:52 #150
84244 Scorpie
Abject en infaam!
pi_107510961
Enter naar een volgend veld? Daar heb je tab voor.
Op dinsdag 13 augustus schreef Xa1pt:
Neuh, fraude mag best aangepakt worden. Maar dat het de maatschappij meer oplevert of beter is voor de samenleving, is nog maar de vraag.
Op donderdag 25 juni 2015 schreef KoosVogels:
Klopt. Ik ben een racist.
abonnement Unibet Coolblue
Forum Opties
Forumhop:
Hop naar:
(afkorting, bv 'KLB')