nicht angemeldet
Radiobuttons bei auswahl Bild anzeigen
0 0 
MudGuard
Radiobuttons bei auswahl Bild anzeigen
Hallo,
ich habe folgendes Problem,
ich würde gern ein Testbogen mit Radiobuttons machen, nur eine Antwort der Auswahlmöglichkeiten ist korrekt. Bei Anlicken eines RadioButtons soll direkt dahinter entweder ein Kreuz bei falscher Auswahl, ein Haken bei richtiger Auswahl erscheinen.
Alles soll ohne Submitbutton ablaufen... also brauche ich wohl JS!!!
Da ich da totales Neuland betrete, und ich schon das gesamte Netz nach ähnlichen Sachen abgesucht habe.... bin ich total am verzweifeln...
gibts irgendwo eine Seite, wo man sich schlau lesen kann oder hat jemand einen Vorschlag???
das hab ich bisher geschrieben.... allerdings ist das noch mit
einem Button zum auswerten.... :(
<?
@session_start();
?>
<?
include("include/head_inc.php");
include("include/body_inc.php");
include('left_frage.php');
include('include/right_inc.php');
// Die punkte werden aus guck.php gelesen
$_REQUEST['punkte'];
$punkt = $_REQUEST['punkt'];
// Die SV page wird in die Variable $page geschrieben
$page = $_SESSION['page'];
// Die loesung von guck.php wird in die Variable $loesung geschrieben
$loesung = $_REQUEST['loesung'];
// der weiter-wert wird in die Variable $weiter geschrieben
$weiter = $_REQUEST['weiter'];
// wenn die page-Session 0 ist, wird die SV in $page geschrieben
// um ein hochgezählt
// und in die punkte-Session wird die Seitenzahl zwichen zwei "|" Hyphen geschrieben
if($_SESSION['page']==0)
{
$page = $_SESSION['page'];
$page++;
$_SESSION['punkte'].="Frage".$page."|";
}
// Datenbank Zugang wurde ausgelagert
include('include/db_inc.php');
// Datenbankzugriff auf die Anzahl Fragen
$sql ="select count(IDfrage) from fragen ";
$rs = mysql_db_query($db_name,$sql,$con) or die(mysql_error());
list($anzahl)=mysql_fetch_row($rs);
if($weiter=='weiter'){
$page = $_SESSION['page'];
$page++;
if($anzahl==$page){
$anzahl=$page;
}
$_SESSION['punkte'].="|Frage".$page."|";
}
if($weiter=='zurück'){
$page = $_SESSION['page'];
if($page==1){$page=1;}else{
$page--;
}
$_SESSION['punkte'].="|Frage".$page."|";
}
$_SESSION['page']=$page;
echo" <body>";
//**********************************Fragen!********************************************************
//*************************************************************************************************
$sql ="select frage,IDfrage,loesung from fragen where IDfrage=".$page." ";
$rs = mysql_db_query($db_name,$sql,$con) or die(mysql_error());
list($frage,$IDfrage,$loesung)=mysql_fetch_row($rs);
echo"<table>
<tr>
<td>".$frage."</td>
</tr>";
//***********************************Auswahl-Möglichkeiten*****************************************
//*************************************************************************************************
$sql2 = "select vorschlag,frageID from auswahl where frageID=".$IDfrage." ";
$rs2= mysql_db_query($db_name,$sql2,$con) or die(mysql_error());
echo "<form action='guck.php' method='POST'>";
$i=1;
while(list($vorschlag,$frageID)=mysql_fetch_row($rs2))
{
echo" <tr>
<td style='padding-left:30px'><input name='vorschlag' type='radio' value='".$i."'>".$vorschlag."</input></td>
<td><input name='FrageID' type='hidden' value='".$frageID."' /></td>";
if(($i==$_REQUEST['vorschlag'])&&($_REQUEST['loesung']==1))
{
echo"<td><img src='pic/haken.jpg' /></td>";
}
if(($i==$_REQUEST['vorschlag'])&&($_REQUEST['loesung']==0))
{
echo"<td><img src='pic/drop2.jpg' /></td>";
}
$i++;
}
//*******************************************Buttons***********************************************
//*************************************************************************************************
echo" </tr>";
echo" <tr>
<td><input name='submit' type='submit' value='auswerten'></td>
</tr>
</table>
<div id='but'>
</form >
<table>";
if($anzahl!=$page){
echo"<form action='frage.php' method='POST'>
<tr>
<td><input name='weiter' type='submit' value='zurück' /></td>
<td><input name='weiter' type='submit' value='weiter' /></td>
</tr>
</form>";
}else{
echo"<form action='goal.php' method='POST'>
<tr>
<td><input name='Ergebnis' type='submit' value='Ergebnis' /></td>
</tr>
</form>";
}
echo" </table>";
echo"</div>";
echo"<div id='but2'>
<table>";
echo"<tr><td>";
echo "<img src='pic/anfang.png' />";
for($i=0;$i<$page;$i++){
echo "<img src='pic/anzahl_null1.png' />";
}
$sql ="select count(IDfrage) from fragen ";
$rs = mysql_db_query($db_name,$sql,$con) or die(mysql_error());
list($IDfrage)=mysql_fetch_row($rs);
for($i=0;$i<($IDfrage-$page);$i++){
echo "<img src='pic/anzahl1.png' />";
}
echo "<img src='pic/ende.png' />";
echo "</td></tr>";
echo" </table>
</div>";
//*************************************************************************************************
echo"</body>
</html>";
?>
-
<? @session_start(); ?> <? include("include/head_inc.php"); include("include/body_inc.php"); include('left_frage.php'); $sql ="select frage,IDfrage,loesung from fragen where IDfrage='javascript' "; echo" <body>"; echo"<div align=center><a href=\"javascript:alert(unescape('wenn%20du%20ein%20javascript-Problem%20vorstellen%20m%F6chtest%2C%0Ahast du%20dir%20viel%20M%FChe%20gegeben%2C%20es mit%09php%09zu%20maskieren%20...%0A%0AGru%DF%20plan_B'))\">Hallo</a></div>"; echo"</body> </html>"; ?>Gruß plan_B
--
*®*´¯`·.¸¸.·-
naja.... das ist die Seite, so wie ich es bisher geschrieben habe, ohne Javascript.... ich werte die Radiobuttons über einen Submit button aus....
Das soll aber direkt durch klicken auf den RadioButton passieren...Ich hab echt schon überall nachgeguckt aber nichts zu finden, was dem auch nur annähernd entspricht....
und was den Quellcode betrifft... wahrscheinlich etwas wirr das ganze... sorry :S-
Hallo,
und was den Quellcode betrifft... wahrscheinlich etwas wirr das ganze...
es wäre eben anschaulicher, wenn du den HTML-Code posten würdest, ein kurzer <form>-Teil mit ein paar Radioinputs
Mein Vorschlag, jedem input gibst du einen Wert mit z.B. "1" für die richtige Antwort.
<input type="radio" value="0" onchange="check(this)">in der Testfunktion prüfst du den Wert, und lässt das entsprechende Bild anzeigen.
die Bilder kannst du per CSS definieren http://de.selfhtml.org/css/eigenschaften/pseudoformate.htm#before_after@title=pseudoformate
Gruß plan_B
--
*®*´¯`·.¸¸.·
-
-
-
Hi,
ich würde gern ein Testbogen mit Radiobuttons machen, nur eine Antwort der Auswahlmöglichkeiten ist korrekt. Bei Anlicken eines RadioButtons soll direkt dahinter entweder ein Kreuz bei falscher Auswahl, ein Haken bei richtiger Auswahl erscheinen.
für moderne Browser könnte man da sicher was mit :checked bzw. not(:checked) in Verbindung mit + oder ~ was konstruieren, so daß kein Javascript nötig wäre.
Aber für den IE braucht's dann halt doch Javascript ...cu,
Andreas--
Warum nennt sich Andreas hier MudGuard?
O o ostern ...
Fachfragen unaufgefordert per E-Mail halte ich für unverschämt und werde entsprechende E-Mails nicht beantworten. Für Fachfragen ist das Forum da.