Radio Button програмиране

N

NCSMike

Registered
Здравейте!
В момента съм 11 клас и учим HTML. Госпожата ни даде да си направим курсова работа - сайт, който да включва всичко, което сме учили за HTML. И аз искам в моя сайт да си направя тестче с помощта на формуляри и по точно чрез т.нар. Радио бутони (Option Button).
Знам как да си направя формуляр, знам как да направя бутоните, но не знам как да ги програмирам т.е. като се избере едиси кой бутон да се случи следното действие и т.н.
Доколкото разбрах ставало с JavaScript (може и с други), гледах уроци, но не можах да разбера добре и ще съм много благодарен, ако някой ми даде примерен код, където показва как е направил тест от 2 въпроса примерно и при избиране на правилните отговори да се извършва някакво действие. Надявам се да сте ме разбрали какво искам.

Ето един примерен код, който намерих и искам да направя нещо подобно и като поставих кода в Notepad и го сейфах като .html не ми тръгваше както го исках, не знам къде е грешката. Извинявай се, че е толкова дълъг кода, но не намерих таг във форума за скриване :lol:

Код: 
<html>

        <head>

                <meta http-equiv="Content-Type" content="text/html; charset=windows-1251">

                <title>Test</title>

        </head>

        <body>

                <form method="post">

                        Въпрос 1: Как се казваш?

                        <br><input type="radio" name="bla" value="petur">Петър

                        <br><input type="radio" name="bla" value="andrei">Андрей_

                        <br><input type="radio" name="bla" value="nikola">Никола

                        <br>Въпрос 2: На колко си години?

                        <br><input type="radio" name="xa" value="10">10

                        <br><input type="radio" name="xa" value="20">20

                        <br><input type="radio" name="xa" value="30">30_

                        <br>Въпрос 3: От къде си?

                        <br><input type="radio" name="xax" value="sf">София_

                        <br><input type="radio" name="xax" value="v">Варна

                        <br><input type="radio" name="xax" value="b">Бургас

                        <br>Въпрос 4: Кога си роден?

                        <br><input type="radio" name="xaxa" value="o">Отдавна

                        <br><input type="radio" name="xaxa" value="n">Наскоро

                        <br><input type="radio" name="xaxa" value="ne">Не помня_

                        <br><input type="submit" name="submit">

                </form>

<?php

        $num=0;

        if (isset($_POST['bla']) && $_POST['bla']=='andrei'){

                $num++;

        }

        if (isset($_POST['xa']) && $_POST['xa']=='30'){

                $num++;

        }

        if (isset($_POST['xax']) && $_POST['xax']=='sf'){

                $num++;

        }

        if (isset($_POST['xaxa']) && $_POST['xaxa']=='ne'){

                $num++;

        }

        if (isset($_POST['submit'])){

                if ($num!=0) {

                        if($num>1){

                                echo "Имате общо ".$num." правилни отговора";

                        } else {

                                echo "Имате ".$num." правилен отговор";

                        }

                } else {

                        echo "Нямате нито един верен отговор";

                }

        }

?>

        </body>

</html>
 
Този код освен HTML съдържа и PHP, a вие учите само HTML. Най-вероятно за тест трябва да използваш БД, с което твоята работа става малко сложна.
 
Ако трябва да е с чист HTML ... може би единственото което може да се даде а за пример е :
Click
реално без js/php или подобен тип програмиране ,не виждам как мжое да стане каквото и да е било друго действие.
:lol:
 
Ами да, знам, че трябва JavaScript или PHP за да програмирам бутоните и да извършват някакво действие и точно това ви питам, ако можете да ми кажете как става или да ми дадете някакви пример за да видя кодовете и да се ориентирам горе-долу.
 
Елементарен пример без дб:
Код: 
<form action="result.php" method="post">
  Answer 1 <input type="radio" name="ans" value="ans1" /><br />
  Answer 2 <input type="radio" name="ans" value="ans2"  /><br />
  Answer 3 <input type="radio" name="ans" value="ans3"  /><br />
  Answer 4 <input type="radio" name="ans" value="ans4"  /><br />
  <input type="submit" value="submit" />
</form>

result.php
Код: 
<?php 

$answer = $_POST['ans'];  
if ($answer == "ans1") {          
    echo 'Correct';      
}
else {
    echo 'Incorrect answer';
}          
?>
 
Hous пробвал съм това, което написа. Кодовете за формуляра ги сейфах като .html формат, а долните кодове, където се прави проверката ги сейфах като .php формат. Отварям .html файла, избирам правилния отговор, натискам submit и ми отваря result.php с празна страница без нищо да пише :lol:
 
Може би защото php файлът не се "чете" от браузърът, а от сървър който го прочита и го показва на браузърът ?
Простичко казано,трябва ти сървър,за да тръгне.
 
За това се чудя,защо ще трябва да слагаш подобен тип неща при HTML изпит...?
Направи нещо по семпло с което да докажеш ,че го знаеш,php-то си е съвсем друго нещо.Нищо чудно г-жата ви да не го знае дори...
Аз лично имах такъв учител.
:)
 
Не обиждайте учителите :). Виж сега аз какво ще те посъветвам, учите HTML значи няма нужда от PHP, използвай графичен HTML редактор много бързо ще ги направиш нещата, а и проекта да ти е нещо семпло както ти казаха горе. Но нещо не ми е ясно как да ползваш всичко от HTML и накрая да не ползваш други езици, то няма да има смисъл тогава. Не се сещам за какво можеш да ползваш радио бутон в HTML.
 
ivo75 каза:
Не обиждайте учителите :)
Увеличете...
Въобще не ми беше това идеята,просто не всеки учител е компетентен по всички езици за програмиране...
Иначе аз дадох пример,доста нагледен ,ясен кое какво е ,просто се изисква xampp или подобен сървър (без дб и тн) , и може да се покаже.Но за целта трябва проекта да си стой на сървърът когато го показва на учителката ...
За това казах,че се чудя защото точно радио бутоните,има доста други неща които може да демонстрира как добре знае HTML .
:?:
 
Успях да направя това, като използвах JavaScript.
Направих като натиснеш бутона да ти изкарва резултата в Alert Box.
Има ли някаква функция или нещо такова, което да ми изкарва резултата на същата страница под бутоните ?
 
Ти си направил нещо такова(предполагам):
Код: 
var result = "";
...
//проверка за верни отговори, при която в зависимост от цъкнатите бутони на result се присвоява някаква стойност
...
window.alert(result);
Трябва под <br><input type="submit" name="submit"> да сложиш един празен див:
Код: 
<div id="resultat"></div>
И в javascript-a накрая вместо window.alert(result);, да сложиш
Код: 
document.getElementById("resultat").innerHTML = result;//трябва да имаш вече променлива result, за да ти стане
 
Трябва да си влезнал или регистриран, за да отговориш тук.

Back
Горе