1 2 3 4 5 | <td>Probleemtype </td> <td><select name="probleemtype" id="probleemtype"> <? $problemen = $po->showProblemen($probleemid); ?> </select> </td> |
De waarde heb van het probleem. Nu dus nog het ophalen van de oplossingen die eraan zijn gekoppeld en die gegevens in een dropmenu gooien.quote:Op woensdag 25 januari 2012 14:32 schreef Scorpie het volgende:
Zet een handler op het onchange event van de dropdown.
Ajax call dmv jQuery doen, vervolgens een content veld updaten met de waardes die je binnen krijgt en dan tonen?quote:Op woensdag 25 januari 2012 14:56 schreef Cue_ het volgende:
[..]
De waarde heb van het probleem. Nu dus nog het ophalen van de oplossingen die eraan zijn gekoppeld en die gegevens in een dropmenu gooien.
nog ideeen?
ja zoiets inderdaad. maar heb je evt soort van voorbeelden hoe dat eruit zou zien de diverse calls enzo?quote:Op woensdag 25 januari 2012 14:58 schreef Scorpie het volgende:
[..]
Ajax call dmv jQuery doen, vervolgens een content veld updaten met de waardes die je binnen krijgt en dan tonen?
Het lijkt me dat showProblemen() een functie is die zelf al echo't, maar dat was de hele vraag natuurlijk nietquote:Op woensdag 25 januari 2012 15:08 schreef Chandler het volgende:
<? $problemen = $po->showProblemen($probleemid); ?>
moet dat niet
<?=$po->showProblemen($probleemid); ?>
zijn?
1 2 3 4 5 6 7 8 9 10 11 | <?php $("#probleemtype").change(function() { var probleemid = $("option:selected", this).val(); $.get("/getprobleembyid.php?pid=" + probleemid, function(data) { $(data).each(function() { $("#probleemkeuze").append($("<option />").text(data.titel).attr("value", data.id)); }); /* ofzo */ }); }); ?> |
quote:Op woensdag 25 januari 2012 15:03 schreef Cue_ het volgende:
[..]
ja zoiets inderdaad. maar heb je evt soort van voorbeelden hoe dat eruit zou zien de diverse calls enzo?
Want het globale plaatje snap ik nu.En dat het ook daadwerkelijk zou moeten lukken
![]()
1 2 3 4 5 6 7 8 | <?php <select id="first" onchange="javascript: bla("first");"> <option></option> <option></option> </select> <select id="hiddenSelect" style="display: hidden;"></select> ?> |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 | <?php var bla = function(id){ var selectedOption = $("#"+id+" option:selected"); ({ url: "test.html", context: document.body, success: function(data){ // doe hier updaten van je hidden select $(data).each(function(){ $("#hiddenSelect").append($("<option />").text(this.titel).attr("value", this.id)); }); $("#hiddenSelect").show(); } }); } ?> |
Ohja, die append is eigenlijk wel mooier. Alleen moet je wel even de loop nakijkenquote:Op woensdag 25 januari 2012 15:17 schreef Catch22- het volgende:
Die moet je dan niet assignen aan een variabele, dat slaat nergens op.
[ code verwijderd ]
Dit was halve pseudocode uit mijn mouwquote:Op woensdag 25 januari 2012 15:21 schreef Scorpie het volgende:
[..]
Ohja, die append is eigenlijk wel mooier. Alleen moet je wel even de loop nakijken![]()
1 | <img src="links.jpg" /><img src="ja.jpg" /><img src="nee.jpg" /><img src="rechts.jpg" /> |
1 | $('#dropdown select').change(my_function()); |
1 2 3 4 5 6 7 8 9 10 11 12 13 | my_function(){ //waardes uit de dropdowns pakken var option1 = $('.select1 option:selected'); var option2 = $('.select2 option:selected'); etc... //inhoud van het veld opbouwen var output = "<img src='" + option1 + ".jpg' /><img src='" + option2 + "' />"; //output naar het textvak sturen $('#outputveld').attr('value', output); } |
.text() in het geval van <option> elementen, en ik was vergeten 'function' voor de functienaam te zetten. We waren al per PM verder gegaan inmiddelsquote:Op donderdag 26 januari 2012 01:02 schreef Catch22- het volgende:
nog even. .value() achter de optionsselector doen en je bent er
quote:
1 2 3 4 5 6 7 | var eenHeleGroteObject = { "valueNiveau1": { "valueNiveau2IsEenArrayMetObjecten": [ { "key": "value" }, { "key2": "value2" } ] } }; |
1 | var mijnString = "valueNiveau1"; |
Klopt.quote:Op zondag 29 januari 2012 16:59 schreef PimD het volgende:
Volgens mij gewoon eenHeleGroteObject[mijnString]? (Als ik tenminste je verhaal goed begrijp)
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> |
Dus kan ik die .png bestanden direct linken aan onclick?quote:Op woensdag 1 februari 2012 09:21 schreef picodealion het volgende:
Je kan onclick ook aan andere elementen hangen hoor.
Javascript events kunnen aan vrijwel elke zichtbare HTML tag gekoppeld worden.quote:Op woensdag 1 februari 2012 09:30 schreef Baghdaddy het volgende:
[..]
Dus kan ik die .png bestanden direct linken aan onclick?
Even uitproberen!
Oke, wist ik niet!quote:Op woensdag 1 februari 2012 09:31 schreef mstx het volgende:
[..]
Javascript events kunnen aan vrijwel elke zichtbare HTML tag gekoppeld worden.
Hoe bedoel je dat precies?quote:
1 | <img src="Play.png" onclick="document.getElementById('player').play()"> |
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.quote:Op woensdag 1 februari 2012 09:35 schreef Baghdaddy het volgende:
[..]
Oke, wist ik niet!
[..]
Hoe bedoel je dat precies?
Is dit ongeveer iets in de goede richting:
[ code verwijderd ]
Kan het momenteel niet testen.
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> |
Dat was het inderdaad, bedankt. Ik dacht dat de browser automatisch de audio speler herkent!quote: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?
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.quote: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.
Klopt is het ook. Want vervolgens verwerk ik de gegevens.quote:Op donderdag 2 februari 2012 11:05 schreef Scorpie het volgende:
Cue_: wss is het een submit button ipv een gewone knop.
1 2 3 | <?php $("button#fakeSubmit").click(function() { $(this).closest("form").submit(); }); ?> |
jQuery wordt niet gebruikt bij deze en zelf ook geen ervaring mee nog. Maar in ieder geval dus richting gewone button gaan.quote: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)
1 2 3 | <?php <button value="Opslaan" onclick="document.getElementById('myForm').submit()"/> ?> |
Geweldigquote:
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.quote: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?
Forum Opties | |
---|---|
Forumhop: | |
Hop naar: |