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?
I know, maarja gebruikers die gewend zijn aan BAAN enzo. Doen alles met enter.quote:Op donderdag 2 februari 2012 11:35 schreef Scorpie het volgende:
Enter naar een volgend veld? Daar heb je tab voor.
Tijd om ze te heropvoeden. Gewoon bij elke enter die ze geven in een textfield een dubbele alert geven, leren ze het snel genoeg af.quote:Op donderdag 2 februari 2012 11:37 schreef Cue_ het volgende:
[..]
I know, maarja gebruikers die gewend zijn aan BAAN enzo. Doen alles met enter.
quote:Op donderdag 2 februari 2012 11:39 schreef Scorpie het volgende:
Tijd om ze te heropvoeden. Gewoon bij elke enter die ze geven in een textfield een dubbele alert geven, leren ze het snel genoeg af.
Kijk in een browser met een javascript console (firefox + firebug zou ik aanraden) welke foutmelding hij geeft.quote:Op donderdag 2 februari 2012 13:49 schreef StefannPSV het volgende:
Ik houd wat websites bij voor een kennis van me, maar wij stuiten nu tegen een probleem. Ik ben er nu zelf naar aan het kijken, maar ik ben met dat betreft een leek.
Het gaat hier over een website met een aantal foto's, als je op één foto klikt zou het in een lightbox moeten komen. Als je nu op een foto klikt opent het zich in een nieuw venster in plaats van in een lightbox. Nu ben in al enige tijd aan het zoeken waar het probleem zit, ik heb namelijk het idee dat het iets kleins is. Is er iemand die dit probleem kent of die weet waar ik dan ongeveer moet gaan zoeken.
Alvast bedankt!
Dankje, weet je misschien ook hoe ik de javascript debugger inschakel?quote:Op donderdag 2 februari 2012 13:51 schreef mstx het volgende:
[..]
Kijk in een browser met een javascript console (firefox + firebug zou ik aanraden) welke foutmelding hij geeft.
quote:Op zondag 5 februari 2012 15:21 schreef PimD het volgende:
Omdat je een id met # in je CSS verwerkt, niet met een punt.
Volgens mij had ik dat ook al geprobeerd maar ik ga het nogmaals proberenquote:Op zondag 5 februari 2012 15:21 schreef PimD het volgende:
Omdat je een id met # in je CSS verwerkt, niet met een punt.
Help ik je toch iets op weg.quote:Op maandag 6 februari 2012 11:45 schreef Andre3000 het volgende:
Hallo !
Ik wil graag dit effect op mijn site hebben,
http://webdesignerwall.co(...)ment-page-6#comments
Alleen het is voor mij onduidelijk wat ik moet doen.
De stappen zijn als volgt:
1. include a copy of jquery.js (Waar is die?)
Zoek eens op "Jquery download"
2. paste the code as shown above (In mijn index.html neem ik aan?)
Waar je de code wil. Beste is in een los bestand die je include met een <script src="" ></script> tag
3. set the target image (eg: .post-img, img, .gallery img, etc.) (waar in de code kan ik mijn afbeeldingen toevoegen?)
Op de gele vlakken waar nu .item img staat. Dit doe je met CSS selectors. Dat mag je opzoeken.
4. you may change the animation speed (ie. 1000 = 1 second)
Oh daar heb ik ook geen problemen mee hoor, moet alleen nog even nadenken over mijn uurtarief.quote:Op maandag 6 februari 2012 11:46 schreef Catch22- het volgende:
Begin eens met een tutorial.
Ik wil best mensen helpen, maar het is een topic voor dummyes, niet "dump je vraag hier en de nerds lossen het wel op"
Of denken anderen hier anders over?
Heb je zelf al iets geprobeerd?quote:Op maandag 6 februari 2012 11:45 schreef Andre3000 het volgende:
Hallo !
Ik wil graag dit effect op mijn site hebben,
http://webdesignerwall.co(...)ment-page-6#comments
Alleen het is voor mij onduidelijk wat ik moet doen.
De stappen zijn als volgt:
1. include a copy of jquery.js (Waar is die?)
2. paste the code as shown above (In mijn index.html neem ik aan?)
3. set the target image (eg: .post-img, img, .gallery img, etc.) (waar in de code kan ik mijn afbeeldingen toevoegen?)
4. you may change the animation speed (ie. 1000 = 1 second)
Ik heb 0,0 verstand van coderen vandaar al mijn vragen, met Google kwam ik er niet uit.. iemand ?
Neuh het is een iframe en de knop lijnt uit naar links in het iframe.quote:Op dinsdag 7 februari 2012 11:10 schreef Catch22- het volgende:
dat ding is niet lekker te plaatsen omdat de afmetingen dynamisch zijn ivm vertalingen. Kan je hem niet gewoon stijf rechts uitlijnen ofzo?
quote:Op dinsdag 7 februari 2012 22:37 schreef Mirel het volgende:
Ik heb het Facebook Like probleem opgelost: www.mirelmasic.nl
Hij heeft een breedte meegekregen vanaf links (980 pixels) en is binnen dat element rechts uitgelijnd.quote:Op donderdag 9 februari 2012 10:28 schreef MrNiles het volgende:
site zegt meer dan woorden
http://www.meijerbouwservice.nl/7/Over-Meijer
rechtsboven blijft home | inloggen op een vaste plaats
als je het venster groter of kleiner maakt dan wordt de foto niet uitgerekt
maar er wordt meer zichtbaar.
Hoe werkt zoiets?
Ik zie nog steeds een klein stukje van waar normaal het aantal likes staat.quote:Op dinsdag 7 februari 2012 22:37 schreef Mirel het volgende:
Ik heb het Facebook Like probleem opgelost: www.mirelmasic.nl
http://www.meijerbouwserv(...)f92b13c-1895-610.jpgquote:Op donderdag 9 februari 2012 10:28 schreef MrNiles het volgende:
site zegt meer dan woorden
http://www.meijerbouwservice.nl/7/Over-Meijer
rechtsboven blijft home | inloggen op een vaste plaats
als je het venster groter of kleiner maakt dan wordt de foto niet uitgerekt
maar er wordt meer zichtbaar.
Hoe werkt zoiets?
gewoon een hele breede foto gebruiken??
En Chrome.quote:Op donderdag 9 februari 2012 11:34 schreef Mirel het volgende:
Ja dat is in Firefox. Geen idee waarom, die code is niet aangepast ofzo, komt rechtstreeks van hun site
1 | <div eenattribuut='eenwaarde'> |
In HTML5 wel ja.quote:Op vrijdag 10 februari 2012 01:32 schreef Catch22- het volgende:
daar mag je,met de correcte doctype, het data-* attribuut voor gebruiken
HTML (en CSS) is forward compatible, dus in principe worden niet herkende tags genegeerd.quote:
Er gaat niets kapot en je kan die dingen ook met JS gaan oplijmen, maar dat is niet altijd even handig.quote:Op vrijdag 10 februari 2012 05:59 schreef PimD het volgende:
Ik vind het toch een lastig iets, die data-attributes. Ik ben nogal snel geneigd om er opties voor Javascript in te hangen (bijv. de duur van een animatie op een element o.i.d.)... Maar dan ben je die strikte scheiding tussen content, vorm en gedrag weer kwijt...
Forum Opties | |
---|---|
Forumhop: | |
Hop naar: |