Ik wil via het volgende script, dat opent in een popup, een popup oproepen met daarin een lijst van producten.

De producten in die lijst moeten dan te selecteren zijn en op in een overzicht weer te geven.


Nu kom ik er met de popup's niet uit, er zijn heel veel scripts op internet, maar de meeste zijn niet zelf aan te passen, andere die ik tegenkwam werkte als demo al niet (meer).

Ik wil niets fancy's, het is alleen voor voor intern gebruik.


Form

<form action='search.php' id='new_message' method='post'>
		<span class='formInput'>zoek:</span>
		<input type='text' name='zoekproduct' />
		<input type='submit' name='searchBtn' value='zoek!' />or <a class='close' href='/'>Cancel</a></p>
    </form>


query

    if(isset($_POST['searchBtn']))
	{
// Zoekfunctie:
    $statement = $db->prepare("
    SELECT 
		producten.productlink,
		prod_omschrijving.producttitel
    FROM
		producten
	INNER JOIN
		prod_omschrijving 
	ON
		producten.idproduct=prod_omschrijving.idproduct
    WHERE
		producten.productlink LIKE '%"?"%'
	OR
		prod_omschrijving.producttitel like '%"?"%'; 
    ");
	$statement->execute(array($_POST['zoekproduct'], $_POST['zoekproduct']))

			if (mysql_num_rows($lijstsql)>1)
			{
			$resultaten .= 'Er zijn '.mysql_num_rows($lijstsql).' producten gevonden.';
				while ($result = $statement->fetchObject())
				{
				$resultaten.= $result->producttitel;
				$resultaten.='<br/>';
				}
			}
			else
			{
			$resultaten	.='Er zijn geen resultaten gevonden';
			}
		
	}
echo $resultaten
een popup doe je het beste in een div met speciale css eigenschappen die er voor zorgt dat de div over de rest van je pagina zweeft. door de div met css ook standaard op onzichtbaar te zetten zal de div in eerste instantie onzichtbaar zijn. Vervolgens wordt alles met javascript gedaan. Met javascript kun je zorgen dat de div zichtbaar wordt en ook de inhoud van de div kun je met javascript verversen. Met AJAX kun je desgewenst nieuwe gegevens van de server opvragen. Google dus eens op popup-div en op AJAX.

Een tweede popup-div maken is als je deze techniek kent geen enkel probleem meer. Het enigste waar je even op moet letten is de css z-index die je aan de divs meegeeft. De div die de hoogste z-index heeft zal altijd over de andere div's overlappen.
Hey, ben dus niet de enige nachtbraker.

Heb je wellicht een website, tutorial oid waar ik een voorbeeld kan zien?

Wellicht een kant en klaar systeem wat ik zou kunnen nabouwen (met een beetje hulp van jullie?)

Reageren