Practica

1. Realizați un formular cu următoarele câmpurinume, prenume, codcard.
Aplicați stiluri CSS

formularului pentru formatare ca în imagine.
Scrieți un script în JavaScript care verifică: - câmpurile să fie completate; - câmpurile nume,
prenumeconțin text; câmpul codcard conține un număr din 9 cifre. Dacă câmpurile sunt
completate incorect se va afișa o fereastră de alert ce va specifica eroarea comisă
Raspuns:
<html>
<head>
<style type="text/css" >
#CSS{ margin:20; padding:10; border-color:orange; border-width:thick; background-
color:#096;}
</style>
<meta http-equiv="Content-Type" content="text/html;charset=windows-1251">
<script>

</script>
</head>
<body>
<H1>Заполните анкету</H1>
<div id="CSS">
<FORM NAME="Sel1">
<TABLE>
<TR><TD><B>Фамилия:<B></TD>
<TD><INPUT NAME="Family" SIZE=20
onBlur="this.value=this.value.toUpperCase()"></TD></TR>
<TR><TD><B>Имя:<B></TD>
<TD><INPUT NAME="Name" SIZE=20
<TR><TD><B>CodCard:<B></TD>
<TD><INPUT NAME="Phone" SIZE=10 type="password"></TD></TR>
</TABLE>
<INPUT TYPE="button" VALUE="Готово" onClick="Complete();">
<INPUT TYPE="reset" VALUE="Сброс">
</FORM>
</div>
</body>
</html>
2. Realizați un formular cu câmpul nume.Aplicați stiluri CSS formularului pentru formatare
ca în imagine.
Elaborați un script PHP de căutare a datelor din tabelul Client(id, nume, prenume, codcard)
al bazei de date Banka și de afișat toate datele despre client într-o pagină WEB. Baza de
date va fi creată anterior.
Raspuns:
<html>
<head>
<title></title>
</head>
<body>
<form aсtion="search.php" method="post">
имя:
<input name="searchterm">
<input type=submit value="Поиск">
<br><br>
</form>
Search.php
<html>
<head>
<title> поиск search.php</title>
</head>
<body>
<?php
$searchterm = trim ( $_POST['searchterm'] );
if (!$searchterm)
die ("Не все данные введены.<br>
Пожалуйста, вернитесь назад и закончите ввод");
$searchterm = addslashes ($searchterm);
$link = mysql_pconnect ();
if ( !$link ) die ("Невозможно подключение к MySQL");
$db = "Banka";
mysql_select_db ( $db ) or die ("Невозможно открыть $db");
$query = "SELECT * FROM Client WHERE "
.$_POST['searchtype']." like '%".$searchterm."%'";
$result = mysql_query ( $query );
$n = mysql_num_rows ( $result );
for ( $i=0; $i<$n; $i++ )
{
$row = mysql_fetch_array($result);
echo "<p><b>".($i+1). $row['id']. "</b><br>";
echo "Автор: ".$row['nume']."<br>";
echo "ISBN: ".$row['prenume']."<br>";
echo "Цена: ".$row['codcard']."<br>";
}
if ( $n == 0 ) echo "Ничего не можем предложить. Извините";
mysql_close ( $link );
?>
</body>
</html>
3. Realizați un formular cu câmpurile nume, prenume.Aplicați stiluri CSS formularului
pentru formatare ca în imagine.
Raspuns:
<html>
<head>
#CSS{ margin:20; padding:10; border-color:orange; border-width:thick; background-color:#096;
width:200px;}
</style>
<div id="CSS">
<FORM NAME="Sel1">
<TABLE>
<TR><TD><B>Nume<B></TD>
<TD><INPUT NAME="Family" SIZE=20
<TR><TD><B>Prenume<B></TD>
<TD><INPUT NAME="Name" SIZE=20
</TABLE>
<INPUT TYPE="button" VALUE="Cauta" onClick="Complete();">
<INPUT TYPE="reset" VALUE="Anulare">
</FORM>
</div>
</body>
</html>
4. Realizați un formular ca în imaginea de mai jos. Aplicați stiluri CSS formularului pentru
formatare ca în imagine.
Librărie On-Line. Elaborați un script în JavaScript care va afișa lista de cărți selectate și
suma totală la apăsarea butonului Afișează.
Raspuns:
<html>
<head>
<script type='text/javascript'>
function calculate(quant, prise, updElemId){
var anum = /(^\d+$)|(^\d+\.\d+$)/;
if (!anum.test(quant)) {
alert('Введенное значение не является числом!');
return;
}
goodSum = quant * prise;
document.getElementById(updElemId).innerHTML = goodSum;
var meForm = document.getElementById('me_order_form');
var bdoArray = meForm.getElementsByTagName('bdo');
var allSumm = 0;
for (j = 0; j < bdoArray.length; j++) {
allSumm = allSumm + parseFloat(bdoArray[j].innerHTML);
}
document.getElementById('total_sum').innerHTML = allSumm;
}
</script>
#CSS{ margin:20; padding:10; border-color:orange; border-width:thick; background-color:#096;
width:300px; height:200px;}
</style>
<div id="CSS">
<FORM id="me_order_form">
Selecteaza Denumirea Pret
</FORM>
<input type="checkbox" value="1" id='inp_1' name = "check" onclick='calculate(this.value,
"200", "bdo_1")'>Capra cu trei iezi 200<br>
"250", "bdo_1")'>Harap Alb 250<br>
"300", "bdo_1")'>Punguta cu 2 bani 300<br>
<input type="checkbox"value="1" id='inp_1' name = "check" onclick='calculate(this.value,
"100", "bdo_1")'>Povesti din copilarie 100<br>
"75", "bdo_1")'>La cirese 75<br>
"75", "bdo_1")'>La scaldat 200<br>
<input type="button" value="Cauta" onClick="calculate();">
<bdo dir='1tr' id='bdo_1'>0</bdo>
<span id='total_sum'>0</span>
</div>
</body>
</html>
Test On-Line. Elaborați un test On-Line în JavaScript ce va conține 4 întrebări. La finisarea

testului se va afișa numărul de întrebări răspunse corect.
Raspuns:
<p><span style='font-size:12.0pt'></span>
<span style='font-size:12.0pt;margin-left: 65%'>
<script type="text/javascript">
var questions=[
{
text: "Care este scrierea deplina a abreviaturii CSS:",
answers: ["Creative Style Sheets",
"Computer Style Sheets ",
"Cascading Style Sheets",
"Colorfull Style Sheets"],
correctAnswer: 2
},
];
var yourAns = new Array;
var score = 0;
function Engine(question, answer) {yourAns[question]=answer;}
function Score(){
var answerText = "Результаты:\n";
for(var i = 0; i < yourAns.length; ++i){
var num = i+1;
answerText=answerText+"\n Вопрос №"+ num +"";
if(yourAns[i]!=questions[i].correctAnswer){
answerText=answerText+"\n Правильный ответ: " +
questions[i].answers[questions[i].correctAnswer] + "\n";
}
else{
answerText=answerText+": Верно! \n";
++score;
}
}
answerText=answerText+"\nВсего правильных ответов: "+score+"\n";
alert(answerText);
yourAns = [];
score = 0;
clearForm("quiz");
}
function clearForm(name) {
var f = document.forms[name];
for(var i = 0; i < f.elements.length; ++i) {
if(f.elements[i].checked)
f.elements[i].checked = false;
}
}
</script>
<style>
span.quest {font-weight: bold;}
</style>
<h1><script>document.write(title)</script></h1>
<h2><script>document.write(subtitle)</script></h2>
<form name="quiz">
<ol>
<script>
for(var q=0; q<questions.length; ++q) {
var question = questions[q];
var idx = 1 + q;
document.writeln('<li><span class="quest">' + question.text + '</span><br/>');
for(var i in question.answers) {
document.writeln('<input type=radio name="q' + idx + '" value="' + i +
'" onClick="Engine(' + q + ', this.value)">' + question.answers[i] + '<br/>');
}
}
</script>
</ol>
<input type="button" onClick="Score()" value="Проверить результаты" />
</form>
<p><span style='font-size:12.0pt'><a href="#Имя предыдущего файла#">На
следующую</a></span></p>
Test On-Line. Elaborați un test On-Line în PHP ce va conține 4 întrebări. La finisarea

testului se va afișa numărul de întrebări răspunse corect.
Raspuns:
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>Страница</title>
</head>
<body>
<form method="post" action="test.php">
<div class="element">
<p><strong>№1:</strong>Care este scrierea deplina a abreviaturii
CSS:</p>
<p><input type="radio" name="capital" value="Creative Style Sheets">
Creative Style Sheets</p>
<p><input type="radio" name="capital" value="Computer Style Sheets">
Computer Style Sheets</p>
<p><input type="radio" name="capital" value="Cascading Style Sheets">
Cascading Style Sheets</p>
<p><input type="radio" name="capital" value="Colorfull Style Sheets">
Colorfull Style Sheets</p>
</div>
<p><strong>№2:</strong> </p>
</div>
<p><strong>№3:</strong> </p>
</div>
<p><strong> №4:</strong> </p>
</div>
<p><input type="submit" value="Transmite" /></p>
</div>
</form>
</body>
</html>
<p><input type="radio" name="capital" value="Creative Style Sheets"> Creative Style
Sheets</p>
test.php
<?php
$capital = $_POST['capital'];
$matematic = $_POST['matematic'];
$happy = $_POST['happy'];
$hgender1 = $_POST['gender1'];
$result = 0;
if ($capital == "Москва") {
$result += 25;
}
if ($happy == "Да") {
$result += 25;
}
if ($matematic == "15") {
$result += 25;
}
$subresult = 0;
if ($hgender1 != '') {
$subresult++;
}
$subresult++;
}
$subresult--;
}
$subresult--;
}
$subresult--;
}
if ($subresult == 2) {
$result += 25;
}
echo "<center>Ati trecut testul pe <strong>$result%</strong></center>";
?>
7. Realizați un formular cu următoarele câmpuri: nume, e-mail, website, mesaj. Aplicați
stiluri CSS formularului pentru formatare ca în imagine.
Realizați baza de date InfoCOG cu tabelul Clasament (id, nume, email, website, mesaj).
Elaborați un script PHP de inserare a datelor din formular în tabelul bazei de date.
Raspuns:
<head>
<title></title>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<meta http-equiv="Content-Style-Type" content="text/css" />
</head>
<body>
<div id="contact-wrapper">
<form method="post" action="<?php echo $_SERVER['PHP_SELF']; ?>" id="contactform">
<div>
<label for="name"><strong>Name:</strong></label>
<input type="text" size="50" name="contactname" id="contactname" value="" />
</div>
<div>
<label for="email"><strong>Email:</strong></label>
<input type="text" size="50" name="email" id="email" value="" />
</div>
<div>
<label for="subject"><strong>Subject:</strong></label>
<input type="text" size="50" name="subject" id="subject" value="" />
</div>
<div>
<label for="message"><strong>Message:</strong></label>
<textarea rows="5" cols="50" name="message" id="message"></textarea>
</div>
<input type="submit" value="Send Message" name="submit" />
</form>
</div>
</body>
</html>
Test.php
<?php
if(isset($_POST['submit'])) {
if(trim($_POST['contactname']) == '') {
$hasError = true;
} else {
$name = trim($_POST['contactname']);
}
if(trim($_POST['subject']) == '') {
$hasError = true;
} else {
$subject = trim($_POST['subject']);
}
if(trim($_POST['email']) == '') {
$hasError = true;
} else if (!eregi("^[A-Z0-9._%-]+@[A-Z0-9._%-]+\.[A-Z]{2,4}$", trim($_POST['email']))) {
$hasError = true;
} else {
$email = trim($_POST['email']);
}
if(trim($_POST['message']) == '') {
$hasError = true;
} else {
if(function_exists('stripslashes')) {
$comments = stripslashes(trim($_POST['message']));
} else {
$comments = trim($_POST['message']);
}
}
if(!isset($hasError)) {
$emailTo = 'name@yourdomain.com';
$body = "Name: $name \n\nEmail: $email \n\nSubject: $subject \n\nComments:\n $comments";
$headers = 'From: My Site <'.$emailTo.'>' . "\r\n" . 'Reply-To: ' . $email;
mail($emailTo, $subject, $body, $headers);
$emailSent = true;
}
}
?>
8. Realizați un formular cu câmpul Grupa.Aplicați stiluri CSS formularului pentru
Elaborați un script PHP de căutare a datelor din tabelul Elev(id, nume, prenume, grupa) al bazei
de date Colegiu și de afișat lista elevilor din grupa indicată într-o pagină WEB. Baza de date va
fi creată anterior.
Raspuns:
<html>
<head>
<title></title>
</head>
<body>
<form aсtion="search.php" method="post">
Grupa:
<input name="searchterm">
<input type=submit value="Afiseaza">
<br><br>
</form>
Search.php
<html>
<head>
<title> search.php</title>
</head>
<body>
<?php
$searchterm = trim ( $_POST['searchterm'] );
if (!$searchterm)
die ("Не все данные введены.<br>
Пожалуйста, вернитесь назад и закончите ввод");
$searchterm = addslashes ($searchterm);
$link = mysql_pconnect ();
if ( !$link ) die ("Невозможно подключение к MySQL");
$db = "Colegiu";
mysql_select_db ( $db ) or die ("Невозможно открыть $db");
$query = "SELECT * FROM Elev WHERE "
.$_POST['searchtype']." like '%".$searchterm."%'";
$result = mysql_query ( $query );
$n = mysql_num_rows ( $result );
for ( $i=0; $i<$n; $i++ )
{
$row = mysql_fetch_array($result);
echo "<p><b>".($i+1). $row['id']. "</b><br>";
echo "Автор: ".$row['nume']."<br>";
echo "ISBN: ".$row['prenume']."<br>";
echo "Цена: ".$row['grupa']."<br>";
}
if ( $n == 0 ) echo "Ничего не можем предложить. Извините";
mysql_close ( $link );
?>
</body>
</html>
9. Realizați un formular cu următoarele câmpuri: nume, e-mail, website, mesaj.Aplicați
stiluri CSS formularului pentru formatare ca în imagine.
Scrieți un script în JavaScriptcare verifică dacă în câmpul Nume este introdus un șir de
caractere, în câmpul E-mail este introdusă o adresă de e-mail, în câmpul Website este
introdusă o adresă de site, în cazul când datele introduse nu corespund condițiilor se va afișa
un mesaj ce va specifica eroarea comisă.
Raspuns:
<html>
<head>
<title>Contactati-ne</title>
<script>
function checkForm(obj){
var return_value = true;
var reg_mail = /[0-9a-z_]+@[0-9a-z_^.]+.[a-z]{2,3}/i;
var reg_sender = /[a-z]+/i;
var mail = obj.mail.value;
var sender = obj.fio.value;
var msg = obj.msg.value;
var error_msg = "Не корректно заполнены поля: ";
if(reg_sender.exec(sender) == null && sender ==""){
error_msg += "имя ";
return_value = false;
}
if(reg_mail.exec(mail) == null){
error_msg += "email ";
}
if(msg == ""){
error_msg += "сообщение ";
}
if(!return_value)
alert(error_msg);
return return_value;
}
</script>
</head>
<body>
<form method = “POST” action=”#” onsubmit="return checkForm(this);">
<table>
<tr>
<td>Nume:</td>
<td><input type="text" name="fio"/></td>
</tr>
<tr>
<td>Mesaj:</td>
<td><textarea name="msg"></textarea></td>
</tr>
<tr>
<td> email:</td>
<td><input type="text" name="mail"/></td>
</tr>
<tr>
<td colspan="2" align="right"><input type="submit" name="send"
value="Transmite"></td>
</tr>
</table>
</form>
</body>
</html>
10. Realizați o pagină Web în cod HTML cu formularul de mai jos. Aplicați stiluri CSS
formularului pentru formatare ca în imagine.
Realizați un script PHP care va salva răspunsurile respondenților în tabelul sondaj(id,

cat_virsta, numar_vot) și va afișa rezultatul sondajului într-o pagina Web
Raspuns:
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
</head>
<body>
<form action="vote.php" method="get" target='_blank'>
<input type="Hidden" name="id" value="1">
<p><b>In ce categorie de virsta va incadrati?</b></p>
<input type="Radio" name="vote" value="1" checked><20<br>
<input type="Radio" name="vote" value="2">18-20<br>
<input type="Radio" name="vote" value="5">49><br>
<input type="Submit" value=" Voteaza" style="margin-top:10px;">
</form>
<p><a href='vote.php?id=1' target='_blank'><button>Afiseaza</button></a></p>
</body>
</html>
Vote.php
<?php
$id = (int) $_GET[id];
$vote = (int) $_GET[vote];
if (file_exists("$id.dat")) {
$ip= $_SERVER['REMOTE_ADDR']; //получаем ip адрес
$ip_file = file_get_contents("ip$id.dat");
$ip_abbr = explode(",", $ip_file);
$data = file("$id.dat");
if ($vote) {
foreach($ip_abbr as $value)
if ($ip == $value) {echo "<p><b><font color=red> Вы уже голосовали! </font></b></p>";
exit;
}
echo "<p><b><font color=green> Спасибо! </font></b><br /><i>*Показаны результаты до
Вашего голосования:</i><p>";
}
echo "<b>$data[0]</b><p>";
for ($i=1;$i<count($data);$i++) {
$votes = explode("~", $data[$i]);
echo "$votes[1]: <b>$votes[0]</b><br>";
}
echo "<br>Всего проголосовало: <b>".(count($ip_abbr)-1)."</b>";
if ($vote) {
$f = fopen("$id.dat","w");
flock($f,LOCK_EX);
fputs($f, "$data[0]");
for ($i=1;$i<count($data);$i++) {
$votes = explode("~", $data[$i]);
if ($i==$vote) $votes[0]++;
fputs($f,"$votes[0]~$votes[1]");
fflush($f);
flock($f,LOCK_UN);
}
fclose($f);
$ip_adr = fopen("ip$id.dat","a++");
flock($ip_adr,LOCK_EX);
fputs($ip_adr, "$ip".",");
fflush($ip_adr);
flock($ip_adr,LOCK_UN);
fclose($ip_adr);
}
} else {
echo "Такого голосования не существует.";
exit;
}
?>
11. Realizați o pagină Web în cod HTML ca în imaginea de mai jos. Aplicați stiluri CSS
paginii pentru formatare ca în imagine.
JavaScript. Realizați un script care creează un Convertor Valutar

Raspuns:
<html>
<head>
<head/>
<body>
<form>
<label>Alegeti Valuta curenta:</label>
<select name="from" id="from">
<option value="0" selected="selected">Dolar SUA</option>
<option value="1">Еuro</option>
<option value="2">MD</option>
</select>
<br/>
<br/>
<label>Introduceti Suma: </label>
<input name="cash" id="cash" class="is" type="text"/>
<br/>
<br/>
<label>Alegeti valuta convertata: </label>
<select name="to" id="to">
<option value="0">Dolar SUA</option>
<option value="1" selected="selected">Euro</option>
<option value="2">MD</option>
</select>
<br/>
<br/>
<input type=button value="Calculeaza" onclick='GiveResult();'>
<br/>
<br/>
<label><span id="result" class="result"></span></label>
</form>
<script type="text/javascript">
c = new Array();
n = new Array();
c[0] = 1;
n[0] = "USD";
c[1] = 0.75;
n[1] = "EUR";
c[2] = 63.01;
n[2] = "RUB";
function GiveResult()
{
var res, vfrom, vto, vcash;
vcash = document.getElementById("cash").value;
vfrom = document.getElementById("from").value;
vcash = vcash.replace(',', '\.');
vcash = vcash.replace(' ', '');
vcash = vcash.replace(' ', '');
vto = document.getElementById("to").value;
res = c[vto] * vcash / c[vfrom], 2;
res = res.toFixed(2);
res = res.toString();
res = res.replace('\.', ',');
res = "<span class='result'> Rezultatul convertirii: " + res + "</span> " + n[vto];
document.getElementById("result").innerHTML = res;
}
</script>
</body>
</html>

Practica

Încărcat de

Informații document

Drepturi de autor

Formate disponibile

Partajați acest document

Partajați sau inserați document

Opțiuni de partajare

Vi se pare util acest document?

Este necorespunzător acest conținut?

Drepturi de autor:

Formate disponibile

Practica

Încărcat de

Drepturi de autor:

Formate disponibile

1. Realizați un formular cu următoarele câmpurinume, prenume, codcard.

Aplicați stiluri CSS

"\nCodCard: " + document.Sel1.Phone.value;

Test On-Line. Elaborați un test On-Line în JavaScript ce va conține 4 întrebări. La finisarea

answerText=answerText+"\nВсего правильных ответов: "+score+"\n";

Test On-Line. Elaborați un test On-Line în PHP ce va conține 4 întrebări. La finisarea

Realizați un script PHP care va salva răspunsurile respondenților în tabelul sondaj(id,

JavaScript. Realizați un script care creează un Convertor Valutar

S-ar putea să vă placă și