Scripts - Tutorials - Forum - Downloads - Showcase - Contact

Artikels

VPN vergelijken

Algemeen

Beginpagina

FAQ

Grafische worm (243)

Links

Nieuwsartikels

Nieuwsarchief

Boeken programmeren

Overzicht

Samenwerken

Webhosting

Zoek op Sitemasters

Leden

Registreren

Ledenlijst

Ons team

Links

webhostingtop10.be

Sociale media

Follow @sitemasters

Sitemasters

Adverteren op Sitemasters?

Contacteer ons

RSS

Link naar ons

Donaties

Poll

Je moet ingelogd zijn om te stemmen.

Statistieken

Linkpartners

Forum

Categorieën > JavaScript

Aangeklikt plaatje markeren

hydex - 26/02/2005 21:56

Nieuw lid

Op www.pentagram.nl/tarot.php kun je 10 plaatjes aanklikken Het probleem is dat je niet kunt zien wat je nu aangeklikt hebt en wat niet. Dus als ik er op klik moet er een rand overheen komen.

De code is:

php code - Bekijk de code zonder highlighting - Klap code in

<?
include ("connect.php");
?>
<head>
<script>
function setKaart(id) {
	var totaal,teller,tjek,value;
	totaal = 10;
	devalue = "";
	for (teller=1;teller<totaal+1;teller++) {
		if (document.getElementById('kaart'+teller).value==""&&devalue=="") {
			document.getElementById('kaart'+teller).value=id;
			devalue = teller;
		}
	}
	if (devalue==totaal) {
		document.getElementById('submit').style.display='inline';
	}
}
</script>
</head>
<body>
<?
foreach ($_POST AS $name => $value) {
$query = mysql_query("SELECT * FROM tarot where id = '$value' " ); 
$i=0;
echo "<table><tr><td></td></tr>";
while($obj = mysql_fetch_object($query)){ 
	echo "<tr><td>";
	echo $name;
	echo "<p>";
	
	echo "<img src='images/tarot/$obj->id.jpg' align='left'>";
	echo $obj->kaart;
	//echo $obj->omschrijving; 
	echo "</p></tr></td>";
}
}
echo "</table>";
?>
<form method="post" name="form" action="tarot.php">
<? 
$aantal = 10;
$i=0; 
for ($i=1;$i<$aantal+1;$i++) { 
?>
<input type="hidden" READONLY name="kaart<?=$i?>" id="kaart<?=$i?>">
<?
}
$query = mysql_query("SELECT * FROM tarot ORDER BY RAND()" ); 
$i=0;

while($obj = mysql_fetch_object($query)){ 

$i++;

?>
<input type="submit" id="submit" name="submit" style="display:none;">
</form>
<a href="javascript:;" onClick="setKaart('<? echo $obj->id; ?>')"><img src='images/card_back.jpg'></a>
<? } ?>
</body>
</html>

<?
include ("connect.php");
?>
<head>
<script>
function setKaart(id) {
	var totaal,teller,tjek,value;
	totaal = 10;
	devalue = "";
	for (teller=1;teller<totaal+1;teller++) {
		if (document.getElementById('kaart'+teller).value==""&&devalue=="") {
			document.getElementById('kaart'+teller).value=id;
			devalue = teller;
		}
	}
	if (devalue==totaal) {
		document.getElementById('submit').style.display='inline';
	}
}
</script>
</head>
<body>
<?
foreach ($_POST AS $name => $value) {
$query = mysql_query("SELECT * FROM tarot where id = '$value' " ); 
$i=0;
echo "<table><tr><td></td></tr>";
while($obj = mysql_fetch_object($query)){ 
	echo "<tr><td>";
	echo $name;
	echo "<p>";
 
	echo "<img src='images/tarot/$obj->id.jpg' align='left'>";
	echo $obj->kaart;
	//echo $obj->omschrijving; 
	echo "</p></tr></td>";
}
}
echo "</table>";
?>
<form method="post" name="form" action="tarot.php">
<? 
$aantal = 10;
$i=0; 
for ($i=1;$i<$aantal+1;$i++) { 
?>
<input type="hidden" READONLY name="kaart<?=$i?>" id="kaart<?=$i?>">
<?
}
$query = mysql_query("SELECT * FROM tarot ORDER BY RAND()" ); 
$i=0;
 
while($obj = mysql_fetch_object($query)){ 
 
$i++;
 
?>
<input type="submit" id="submit" name="submit" style="display:none;">
</form>
<a href="javascript:;" onClick="setKaart('<? echo $obj->id; ?>')"><img src='images/card_back.jpg'></a>
<? } ?>
</body>
</html>

4 antwoorden

Gesponsorde links

Mythic - 30/11/1999 00:00
HTML interesse		ik wil niet muggeziften maar als ik kaarten aanklik dan blijft die blauwe rand weg dus je kan dan toch wel zien wat je aangeklik heb of ben ik gewoon toe aan een bril p

hydex - 30/11/1999 00:00
Nieuw lid		Denk dat je toe bent aan een bril )

hydex - 30/11/1999 00:00
Nieuw lid		Maar niemand dus die hier een oplossing voor weet

CelestialCelebi - 30/11/1999 00:00
PHP gevorderde		Nou, omdat er niemand anders antwoord, zal ik proberen uit te leggen wat ik in gedachte had, maar ik ben alleen niet goed in JavaScript, dus ik weet niet HOE je het moet toepassenrnrnJe maakt in de functie setKaart() met 'kaart' + teller de styleName van dat plaatje anders (je moet dan wel de img -s een naam of id geven).rnrnDus iets alsrn[code]function setKaart(id)rn{rn .....rn document.images.kaartX.style.border = '1px solid #000000'; bijvoorbeeldrn .....rn}rn[code]

Gesponsorde links

Dit onderwerp is gesloten.

Actiefste leden van de maand

Actieve forumberichten