[html, css, js] voor dummies #21

DIG Digital Corner

Alles wat je altijd al over computers, hardware, software, internet en elektronische gadgets had willen weten, maar niet op Tweakers.net durft te vragen.

Je bent niet ingelogd. Klik hier om in te loggen of hier om een gratis account aan te maken.

actieve topics nieuwe topics

abonnement Unibet Coolblue

actieve topics nieuwe topics

abonnement Unibet Coolblue

woensdag 25 januari 2012 @ 14:31:04 #101

Cue_

Cuecumbergirl

Vraagje, misschien dat jullie me qua denkwijze wat op weg kunnen helpen:

Ik heb een formulier, hierop is een dropdownmenu met een aantal problemen

1
2
3
4
5

    <td>Probleemtype </td>
    <td><select name="probleemtype" id="probleemtype">
         <? $problemen = $po->showProblemen($probleemid); ?>
    </select>
    </td>

Afhankelijk van de selectie moet hij een tweede dropdownmenu tonen met de oplossingen die eraan gekoppeld zijn. (problemen aparte tabel / oplossingen aparte tabel / en een koppeltabel)

Maar hoe kan ik het beste de waarde uitlezen om vervolgens op 1 of andere manier bij een php qry uit te komen en het resultaat hiervan weer in een dropmenu te zetten?

woensdag 25 januari 2012 @ 14:32:17 #102

Scorpie

Abject en infaam!

Zet een handler op het onchange event van de dropdown.

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.

woensdag 25 januari 2012 @ 14:56:07 #103

Cue_

Cuecumbergirl

quote:
Op woensdag 25 januari 2012 14:32 schreef Scorpie het volgende:
Zet een handler op het onchange event van de dropdown.

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?

woensdag 25 januari 2012 @ 14:58:08 #104

Scorpie

Abject en infaam!

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?

Ajax call dmv jQuery doen, vervolgens een content veld updaten met de waardes die je binnen krijgt en dan tonen?

woensdag 25 januari 2012 @ 15:03:00 #105

Cue_

Cuecumbergirl

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?

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

woensdag 25 januari 2012 @ 15:08:07 #106

Chandler

<? $problemen = $po->showProblemen($probleemid); ?>

moet dat niet

<?=$po->showProblemen($probleemid); ?>

zijn?

Just say hi!

woensdag 25 januari 2012 @ 15:14:03 #107

picodealion

quote:
Op woensdag 25 januari 2012 15:08 schreef Chandler het volgende:
<? $problemen = $po->showProblemen($probleemid); ?>

moet dat niet

<?=$po->showProblemen($probleemid); ?>

zijn?

Het lijkt me dat showProblemen() een functie is die zelf al echo't, maar dat was de hele vraag natuurlijk niet

woensdag 25 januari 2012 @ 15:17:38 #108

Catch22-

Ben je Blind?!

Die moet je dan niet assignen aan een variabele, dat slaat nergens op.

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 */
});
});
?>

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 25 januari 2012 @ 15:20:59 #109

Scorpie

Abject en infaam!

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();
    }
  });
}
?>

woensdag 25 januari 2012 @ 15:21:48 #110

Scorpie

Abject en infaam!

quote:
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 ]

Ohja, die append is eigenlijk wel mooier. Alleen moet je wel even de loop nakijken

woensdag 25 januari 2012 @ 15:49:37 #111

Cue_

Cuecumbergirl

Ik ga hier morgens eens mee aan de slag

Moet zeggen dat het nog een beetje abacadabra eruit ziet, maar wie weet kom ik ergens

woensdag 25 januari 2012 @ 15:50:35 #112

Catch22-

Ben je Blind?!

quote:
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

Dit was halve pseudocode uit mijn mouw

Cue: je moet dus eerst de opties weghalen. Wat je ook kan doen, wat makkelijker is als je geen jQuery kan, is de select in je php opbouwen en die gewoon in je dom pleuren.

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 25 januari 2012 @ 19:41:51 #113

#ANONIEM

Ik vraag het maar even in dit topic, omdat ik het gevoel heb dat het met HTML & JS gemaakt kan worden.

Ik wil het volgende:
De inhoud van drop-down lists weergeven in een text box. In dit geval zijn er vier drop-down lists. Ik wil dat elke optie in de drop-down lists een stukje HTML-code 'doorstuurt' naar de text box. Uiteindelijk krijg je dus vier geselecteerde keuzes, die allemaal een stukje HTML-code in de text box plaatsen, achter elkaar.

Stel, ik kies bij 1 voor 'Links', bij 2 voor 'Ja', bij 3 voor 'Nee' en bij 4 voor 'Rechts'. Ik wil dan het volgende zien verschijnen in de text box:

1	<img src="links.jpg" /><img src="ja.jpg" /><img src="nee.jpg" /><img src="rechts.jpg" />

Is zoiets mogelijk om te maken? Zo ja, waar moet ik dan naar zoeken?

[ Bericht 0% gewijzigd door #ANONIEM op 25-01-2012 19:42:30 ]

woensdag 25 januari 2012 @ 20:04:21 #114

picodealion

Kunnen de opties die in de dropdowns letterlijk in het tekstvak (al dan niet nadat er iets aan wordt toegevoegd)? Dus dat er in je voorbeeld 'links' of 'links.jpg' in de eerste dropdown staat, 'ja' of 'ja.jpg' in de tweede, etc?

Je kan het beste met een JavaScript library werken (dat maakt de code wel zo gemakkelijk), bijv jQuery. Wat je dan nodig hebt:

1. een event afvangen in javascript (namelijk het veranderen van de dropdown) die een functie afvuurt.
Bijvoorbeeld in jQuery, met al je dropdowns in een form met de id #dropdown:

1	$('#dropdown select').change(my_function());

Elke keer als er dan een dropdown verandert wordt die functie afgevoerd.

2. een functie die doet wat je wil. Ongetest voorbeeldje, waarbij elke input de class "selectx" heeft:

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);

}

Kan je hiermee verder? Het is ongetest, maar geeft in elk geval een idee van waar je heen moet.

[ Bericht 0% gewijzigd door picodealion op 25-01-2012 20:15:52 ]

donderdag 26 januari 2012 @ 01:02:16 #115

Catch22-

Ben je Blind?!

nog even. .value() achter de optionsselector doen en je bent er

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 26 januari 2012 @ 14:14:58 #116

#ANONIEM

picodealion, je bent een held!

donderdag 26 januari 2012 @ 14:53:19 #117

picodealion

quote:
Op donderdag 26 januari 2012 01:02 schreef Catch22- het volgende:
nog even. .value() achter de optionsselector doen en je bent er

.text() in het geval van <option> elementen, en ik was vergeten 'function' voor de functienaam te zetten. We waren al per PM verder gegaan inmiddels

quote:
Op donderdag 26 januari 2012 14:14 schreef zarGon het volgende:
picodealion, je bent een held! .

zondag 29 januari 2012 @ 16:21:01 #118

Qunix

Ik heb een Javascript object:

1
2
3
4
5
6
7

var eenHeleGroteObject = {
    "valueNiveau1": {
        "valueNiveau2IsEenArrayMetObjecten": [
            { "key": "value" }, { "key2": "value2" }
        ]
    }
};

En ik heb een string "valueNiveau1"

1	var mijnString = "valueNiveau1";

Hoe kan ik de variabel mijnString gebruiken om in het object eenHeleGroteObject de Array te krijgen?

^{Zonder de variabel zou je kunnen doen: eenHeleGroteObject.valueNiveau1 wat dus een Array geeft.}

Ik heb ook eventueel jQuery, dus functies van jQuery kan ik ook gebruiken indien nodig.
Iemand een idee? Bvd.

zondag 29 januari 2012 @ 16:59:55 #119

PimD

Nee.

Volgens mij gewoon eenHeleGroteObject[mijnString]? (Als ik tenminste je verhaal goed begrijp)

Bleuh.

zondag 29 januari 2012 @ 18:32:22 #120

Qunix

quote:
Op zondag 29 januari 2012 16:59 schreef PimD het volgende:
Volgens mij gewoon eenHeleGroteObject[mijnString]? (Als ik tenminste je verhaal goed begrijp)

Klopt.
Ik was stom bezig

Thanks.

dinsdag 31 januari 2012 @ 18:23:09 #121

boem-dikkie

Jedi Mind Baby!

Jullie enig idee hoe ik dit kan oplossen:

Ik wil dat "het van jou" op dezelfde plek begint als "Welke".

Het element is gewoon een <a> die op een volgende regel valt doordat de div niet breder is. De div breder maken is geen optie. De ">" zit bij het element in.

Ik kan er gewoon plaatjes van maken maar dat voorkom ik uiteraard liever.

Ik weet niks van Hindoes. Wel van Samoerai en andere dingen.

dinsdag 31 januari 2012 @ 19:03:53 #122

picodealion

Met text-indent:
http://jsfiddle.net/aAEhw/

dinsdag 31 januari 2012 @ 19:23:22 #123

boem-dikkie

Jedi Mind Baby!

Ah nice. Ik had inderdaad ergens text-indent gezien maar dacht dat je daar bepaalde stukjes mee kon laten inspringen en dacht daarom dat ik het dan moest toepassen op "het van jou".

Thanks!

Ik weet niks van Hindoes. Wel van Samoerai en andere dingen.

dinsdag 31 januari 2012 @ 22:54:21 #124

Baghdaddy

Marhaba!

Even een noob-vraagje als het mag.

Ik wil graag een minimalistisch HTML5 audio player. Nu zie ik dat het redelijk simpel is met het commando <audio> maar dan krijg je al een (naar mijn mening) te uitgebreide speler zoals:

Heeft/Weet iemand een manier om alleen een Play/Pause/Stop knop te krijgen met HTML5? Dus een play knop, zodra je die klikt start het muziek en dan heb je alleen nog de optie om te pauzeren/stoppen.

Terrorism is the poor mans war, war is the rich mans terrorism.

woensdag 1 februari 2012 @ 00:56:09 #125

boem-dikkie

Jedi Mind Baby!

Misschien heb je hier wat aan. HTML5 audio beïnvloeden met Javascript.

http://www.catswhocode.co(...)html5-audio-property

Ik weet niks van Hindoes. Wel van Samoerai en andere dingen.

actieve topics nieuwe topics

abonnement Unibet Coolblue

Forum Opties
Forumhop:
Hop naar:	(afkorting, bv 'KLB')

» digital corner

» development

» digital corner

» development