Ik zit met het volgende. Ik heb een pull-down lijst met b.v. 1,2,3. Als iemand op 1 klikt en dan submit moet daaronder het plaatje komen te staan wat bij 1 hoort etc. Wat ik nu wil is dat zodra er op submit wordt geklikt onder het pull-down menu het plaatje tevoorschijn komt zonder dat de site refreshed. Alleen wat in die div staat moet kunnen veranderen na een klik op submit.

De url van het plaatje moet uit een database komen. Na het klikken moet dus eigenlijk een script gestart worden in alleen die div.

Voorbeeld : http://www.tubalr.com/ Alleen dat het zoekvlak omhoog schuift hoeft voor mij niet. De rest is precies zoals ik het bedoel !

Weet iemand hoe dit moet, hoop dat ik het een beetje duidelijk heb uitgelegd wat ik zoek.

Dit kan je simpel doen met JavaScript en PHP.

http://www.daniweb.com/web-developme...threads/285930

Qua principe is dit precies hetzelfde als dit:
https://www.sitedeals.nl/scripting-ph...gerefresh.html

Hoop dat je er wat aan hebt! ;-)

Het lukt me nog niet precies te doen wat ik wil. Ik heb als voorbeeld onderstaand form met 3 option boxen. Wat ik nu dus wil is dat nadat er op submit wordt gedrukt daaronder komt te staan de inhoud van box 1 + box 2 + box3. Hoe kan ik dat aanpakken ? Heb geen idee eigenlijk...

Code:

<form name="input" action="site.php" method="get">
<select name="day" id="day">
      <option>01</option>
      <option>02</option>
      <option>03</option>
    </select>
    
    <select name="month" id="month">
      <option>January</option>
      <option>February</option>
      <option>March</option>
    </select>
    
    <select name="year" id="year">
      <option>1940</option>
      <option>1941</option>
      <option>1942</option>
      <option>1943</option>
      <option>1944</option>
    </select>
<input type="submit" value="Submit" />
</form>

Sorry hoor, maar heb je de twee bovenstaande reacties überhaupt gelezen?

Die heb ik zeker gelezen en geprobeerd ook. De winkelwagen variant werkt prima alleen hoe krijg ik de input van 3 option menu's erin ? Dit is alleen met 1 button. Ik heb dus geen idee hoe ik dit moet fixen voor mijn geval.

Head:

Code:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> 
<script type="text/javascript"> 
<!-- 
function afbeeldingOphalen() { 
var dagveld = document.getElemetById('day');
var dag = dagveld.options[dagveld.selectedIndex].text;
var maandveld = document.getElementById('month');
var maand = maandveld.options[maandveld.selectedIndex].text;
var jaarveld = document.getElementById('year');
var jaar = jaarveld.options[jaarveld.selectedIndex].text;
$("#box1").load('afbeeldingOphalen.php?wat=dag&waarde='+dag); 
$("#box2").load('afbeeldingOphalen.php?wat=maand&waarde='+maand); 
$("#box3").load('afbeeldingOphalen.php?wat=jaar&waarde='+jaar); 
} 
--> 
</script>

Body:

Code:

<div id="input">
<select name="day" id="day">
<option>01</option>
<option>02</option>
<option>03</option>
</select>
<select name="month" id="month">
<option>January</option>
<option>February</option>
<option>March</option>
</select>
<select name="year" id="year">
<option>1940</option>
<option>1941</option>
<option>1942</option>
<option>1943</option>
<option>1944</option>
</select> 
<input type="button" value="Submit" onclick="afbeeldingOphalen();" />
</div>
<div id="box1"><!-- Hier komt afbeelding voor 'dag' --></div>
<div id="box2"><!-- Hier komt afbeelding voor 'maand' --></div>
<div id="box3"><!-- Hier komt afbeelding voor 'jaar' --></div>

PHP moet je zelf invulling geven, maar hier is al een voorbeeld voor afbeeldingOphalen.php:

PHP Code:

<?php
if (isset($_GET['waarde']) && isset($_GET['wat'])) {
$URL = mysql_query(""); //Even je query doen, hier...
echo '<img src="'.$URL.'"/>';
} else {
echo 'Fail';
}
?>

Niet getest, kan een foutje inzitten en het is uiteraard maar het principe. Heb nu denk ik wel meer dan genoeg voorgekauwd. Mocht je er alsnog niet uitkomen, er zijn hier developers genoeg die je linksom of rechtsom tegen een vergoeding (zoals het eigenlijk hoort) verder helpen. :-)

Super bedankt !!