Scrigroup - Documente si articole

Username / Parola inexistente      

Home Documente Upload Resurse Alte limbi doc  
AccessAdobe photoshopAlgoritmiAutocadBaze de dateCC sharp
CalculatoareCorel drawDot netExcelFox proFrontpageHardware
HtmlInternetJavaLinuxMatlabMs dosPascal
PhpPower pointRetele calculatoareSqlTutorialsWebdesignWindows
WordXml


Actualizarea dinamica fara reimprospatarea intregului continut

html



+ Font mai mare | - Font mai mic



Actualizarea dinamica fara reimprospatarea intregului continut

In aceasta sectiune este prezentata o aplicatie (dictionarIT) de tipul actualizarea datelor fara reimprospatarea intregului continut. Datele sunt extrase dintr-o baza de date MySQL. Aplicatia utilizeaza baza de date xmlhttprequest Aplicatia dictionarIT include fisierele dictionar.html, dictionar.js si dictionar.php. Termenii inclusi in dictionar si explicatiile corespunzatoare vor fi pastrate in tabelul dictionar, care va fi creat astfel:



mysql>USE xmlhttprequest;

mysql>CREATE TABLE dictionary

->(

->cuvant VARCHAR(50) NOT NULL,

->explicatie TEXT NOT NULL

->);

Continutul fisierului dictionar.html este urmatorul:

<!DOCTYPE html

PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

"DTD/xhtml1-transitional.dtd">

<html xmlns="https://www.w3.org/1999/xhtml">

<head>

<title>Dictionar IT</title>

<script src="dictionar.js" type="text/javascript"></script>

</head>

<body onload="obtineFocus()">

<center>

<div style="background-color: snow; width: 350px;

border: 1px solid gray;"><br />

<h3>Dictionar IT</h3>

<form name="formular">

<input type="text" name="cheie"

style="width: 300px"

onKeyUp="cautaExplicatie(this.value)"

autocomplete="off" />

</form>

<div align="left" id="mesaj"

style="width: 295px; color: blue; padding: 5px;

border: 1px solid gray; visibility: hidden">

</div>

</div>

</center>

</body>

</html>

Fisierul dictionar.js include definitiile functiilor cautaExplicatie() trateazaCerearea() obtineFocus() ascundeDiv()si arataDiv(), care sunt prezentate in continuare:



var cerere;

// Functie care realizeaza cererea asincrona catre serverul Web

function cautaExplicatie(cheie)

/* Se creeaza cererea AJAX, se trimite serverului si se indica

functia care va trata evenimentele de transmisie asincrona */

// Functie pentru tratarea evenimentelor de transmisie asincrona

function trateazaCererea()

else

// Functie pentru obtinerea focusului

function obtineFocus()

// Functie pentru afisarea sectiunii <div>

function arataDiv(division)

// Functie pentru ascunderea sectiunii <div>

function ascundeDiv(division)

In continuare este prezentat scriptul continut in fisierul dictionar.php, care realizeaza cautarea in baza de date:

<?php

$conexiune=mysql_connect("localhost", "root", "") or

die("Conexiunea cu baza de date nu a putut fi realizata!");

mysql_select_db("xmlhttprequest", $conexiune) or

die("Accesul la baza de date nu a fost realizat");

if(isset($_GET['cheie']))

$cheie = trim($_GET['cheie']);

$data = "";

if(!empty($cheie))

$data .= "</ul>";

}

}

echo $data;

?>

Dupa cum se constata analizand scriptul PHP prezentat, cautarile se fac dupa cuvinte-cheie de tipul $cheie."%";, unde cheie este cuvantul introdus de utilizator, iar caracterul inlocuieste orice secventa de caractere.





Politica de confidentialitate | Termeni si conditii de utilizare



});

DISTRIBUIE DOCUMENTUL

Comentarii


Vizualizari: 988
Importanta: rank

Comenteaza documentul:

Te rugam sa te autentifici sau sa iti faci cont pentru a putea comenta

Creaza cont nou

Termeni si conditii de utilizare | Contact
© SCRIGROUP 2024 . All rights reserved