Afbeelding

Status
Niet open voor verdere reacties.

Mikerosoft

Gebruiker
Lid geworden
11 apr 2010
Berichten
12
Ik heb een probleempje..
De bedoeling op de site die ik maak is dat iemand een lijst producten kan maken.

nu is het me gelukt om de geselecteerde fruitsoorten (in dit geval) op een nieuwe pagina in een overzicht te krijgen, maar nu is het de bedoeling dat er een afbeelding voor de fruitsoorten komt te staan.. en wanneer er op de afbeelding geklikt word moet deze veranderen in een andere afbeelding... :rolleyes:

op de html pagina worden de fruitsoorten gekozen.

HTML:
<form method="post" action="overzicht.php">
<input type="checkbox" name="fruit[]" value="apples"> apples <br>
<input type="checkbox" name="fruit[]" value="oranges"> oranges <br>
<input type="checkbox" name="fruit[]" value="peaches"> peaches <br>
<input type="checkbox" name="fruit[]" value="mangos"> mangos<br><br>
<input type="submit" name="submit" value="Maak uw Checklist!"
>

en op overzicht.php weergegeven

PHP:
<?php
if (isset($_POST['submit'])) {
    $fruit = $_POST["fruit"];
    $how_many = count($fruit);

    for ($i=0; $i<$how_many; $i++) {
        echo $fruit[$i] . '<br>';
    }
        echo "<br><br>";
}

Ik hoop dat iemand begrijpt waar ik heen wil en mij kan helpen :)

bij voorbaad dank,
 
Als je wilt dat een afbeelding verandert als er op geklikt wordt kan dat alleen met JavaScript. Als je het met PHP wilt doen moet de pagina immers eerst ververst worden.

Met JavaScript kan het op deze manier:
HTML:
<html>
<head>
<title>Afbeelding test</title>
<script type="text/javascript">
<!--
function veranderAfbeelding(elem)
{
        elem.setAttribute('src', 'plaatje2.jpg');
}
//-->
</script>
</head>
<body>
<img src="plaatje1.jpg" onClick="veranderAfbeelding(this)">
</body>
</html>

Als je voor elke afbeelding een andere afbeelding als vervanger wilt kan je elke afbeelding een id geven en daarop controleren in "veranderAfbeelding" of je kan met elem.getAttribute('src') controleren welke afbeelding nu wordt getoond.
 
bedankt... dit is wat ik idd bedoelde met de afbeelding

maar het gedeelte van de afbeelding wil ik graag combineren met een value in php maar op het moment dat ik dat doe werkt het niet meer. ik heb t nu op deze manier wat dus niet werkt. is dit omdat ik javascript verkeert combineer met php?

PHP:
echo "<img src="plaatje1.jpg" onClick="veranderAfbeelding(this)"><br>" . $fruit[$i] ;
 
Laatst bewerkt:
Zoals je aan de syntaxiskleuring kan zien geven de aanhalingstekens problemen. Je moet de aanhalingstekens "escapen":
PHP:
echo "<img src=\"plaatje1.jpg\" onClick=\"veranderAfbeelding(this)\"><br>" . $fruit[$i] ;
of andere aanhalingstekens gebruiken:
PHP:
echo '<img src="plaatje1.jpg" onClick="veranderAfbeelding(this)"><br>' . $fruit[$i] ;
 
Status
Niet open voor verdere reacties.
Terug
Bovenaan Onderaan