Database locale pour application HTML

Loukana666 Messages postés 29 Date d'inscription Statut Membre Dernière intervention -
Loukana666 Messages postés 29 Date d'inscription Statut Membre Dernière intervention - 24 mai 2012 à 22:47

Bonjour,

Je cherche à faire une petite application personnelle dans un format type HTML. Pour cela, j'aimerais accéder à une base de données locale (de type sqlite si possible) où j'aurais stocké des données, et à laquelle la page HTML me permettrait d'accéder grâce à des fonctions en javascript.

J'aimerai savoir s'il est possible de créer cette base de données directement dans le dossier de la page HTML, sans avoir à aller la chercher dans le dossier AppData du navigateur dont je vais me servir. Sinon, est-ce que quelqu'un a une meilleure idée de la marche à suivre ?

J'espère que ma requête est suffisamment claire, n'hésitez pas à me demander des précisions sinon.

Merci d'avance.

Afficher la suite

A voir également:

Javascript base de données locale
Fuite données maif - Guide
Base de registre - Guide
Tnt base de données vide ✓ - Forum TNT / Satellite / Réception
Ip locale - Guide
Gigaset ne reconnait plus sa base - Forum telephonie fixe

3 réponses

Réponse 1 / 3

Alain_42 Messages postés 5361 Date d'inscription Statut Membre Dernière intervention 894

sur ton PC tu peux installer un serveur local WAMP qui te permet de créer une base de données et d'utiliser le langage php

si tu ne veux pas faire ainsi vas voir sur ce site:
http://ww11.biblioscript.com/javascript/base_base.shtml

ou http://b.kostrzewa.free.fr/javascript/td-objets/base.html

Loukana666 Messages postés 29 Date d'inscription Statut Membre Dernière intervention 11

Les deux sites m'ont l'air plutôt intéressants, ce n'est pas tout à fait ce que je recherchais mais ça me semble être une bonne solution de secours ! Merci !

Réponse 2 / 3

Alain_42 Messages postés 5361 Date d'inscription Statut Membre Dernière intervention 894

apparemment il est possible de creer une BDD en javascript,

vas voir ce site:
http://ww11.biblioscript.com/javascript/base_base.shtml

évidement les données sont rentrées manuellement dans le fichier html (voir la partie "debut des données" du script)

je l'ai un peu retravaillé:

<html>
<head>
<script type="text/JavaScript">
// appel de la fonction principale et formatage de l'après réponse
function validate_form() {
	txt = document.form.search.value;
	jsi = new makeLinks(linksize);
	searchLinks(jsi, txt);
	document.write("<hr>");
	document.write("<a href='nom_de_ton_fichier.html'>Retour</a> à la recherche.<br><br> ");
}

function makeEntry (){
	this.Name="";
	this.URL = "";
	this.Desc = "";
	this.Category = "";
	this.Target = "";
	return this;
}

function makeArray(n) {
	this.length = n;
	for (var k = 1; k <= n; k++) {
		this[k] = "";
	}
	return this;
}

// Création du tableau de la base
function makeLinks(size) {
	this.length = size;
	for (var r=1; r<= size; r++) {
		this[r] = new makeEntry();
		this[r].Name = namesArray[r];
		this[r].URL = urlsArray[r];
		this[r].Desc = descArray[r];
		this[r].Category = categoryArray[r];
		this[r].Target = targetArray[r];
	}
	return this;
}

// Description et indexation du tableau de la base
var linksize=0
datesArray = new Array(linksize);
namesArray = new Array(linksize);
urlsArray = new Array(linksize);
descArray = new Array(linksize);
categoryArray = new Array(linksize);
targetArray = new Array(linksize);

// Initialisation de la base
var arraycount=0;

// Début des données

urlsArray[arraycount] = "https://actus.sfr.fr";
namesArray[arraycount] = "Club Internet";
descArray[arraycount] = "provider fai isp fournisseur";
categoryArray[arraycount] = "vendeur";
targetArray[arraycount] = "target=_top";

arraycount +=1;
urlsArray[arraycount] = "https://www.orange.fr/portail";
namesArray[arraycount] = "Wanadoo";
descArray[arraycount] = "provider fai isp fournisseur france telecom";
categoryArray[arraycount] = "2";
targetArray[arraycount] = "target=_top";

arraycount +=1;
urlsArray[arraycount] = "https://www.orange.fr/portail";
namesArray[arraycount] = "Orange";
descArray[arraycount] = "provider fai isp fournisseur france telecom";
categoryArray[arraycount] = "3";
targetArray[arraycount] = "target=_top";

// Taille du tableau
linksize = arraycount;

//creation liste deroulante:
function crea_liste_deroulante(array_donnees_liste){
	var array_liste= new Array();
	array_liste=array_donnees_liste;
	var liste='<select name="search" >';
	for(i=0;i<array_liste.length;i++){
		liste=liste+'<option value="'+array_liste[i]+'">'+array_liste[i]+'</option>';
	}
	liste=liste+'</select>';
	return liste;
}

// La fonction de recherche elle-même
function searchLinks(links, keyword){

	// la ligne d'en-tête de la réponse à la base de données
	document.write("<u>Résultat de la recherche sur <strong>" + keyword + "</strong> :</u><br><br>");
	for (var q=1; q<=links.length; q++) {

		// Pour chercher sur un élément du tableau, il faut créer un paragraphe comme suit avec le nom de l'élément, ici : URL, ensuite : Desc...
		if (links[q].URL.toLowerCase().indexOf(keyword) != -1){
		document.write("<a href=" + links[q].URL +" " + links[q].Target + ">" + links[q].Name + "</a> ");
		document.write( links[q].Category + "<br><br>");
		continue;
		}
		if (links[q].Desc.toLowerCase().indexOf(keyword) != -1) {
		document.write("<a href=" + links[q].URL +" " + links[q].Target + ">" + links[q].Name + "</a> ");
		document.write( links[q].Category + " ");
		continue;
		}
		if (links[q].Name.toLowerCase().indexOf(keyword) != -1) {
		document.write("<a href=" + links[q].URL +" " + links[q].Target + ">" + links[q].Name + "</a> ");
		document.write( links[q].Category + " ");
		continue;
		}
	}
}

</script> 
</head>
<body>
<form name="form">
Choisir l'élément recherché...
<div id="liste_content"><!-- ici la liste va etre ecrite par le innerHTML --></div>
<input type="button" name="submit" value="Rechercher" onClick="validate_form()">
</form>
<script type="text/JavaScript">
//// ATTENTION cette partie de javascript doit être après le formulaire sinon on ne trouve pas l'id "liste_content"
// on lance la fonction creation de la liste déroulante
liste=crea_liste_deroulante(urlsArray); 
//on l'ecrit dans la page dans le div id_content
document.getElementById('liste_content').innerHTML=liste;
</script>
</body>
</html>

Loukana666 Messages postés 29 Date d'inscription Statut Membre Dernière intervention 11

Je pense en effet que je vais partir sur cette piste, ça me paraît être la solution la plus simple sans passer par d'autres langages. Je vais de ce pas tester ça avec mon système. Merci pour le coup de main !

Réponse 3 / 3

Célien Messages postés 5729 Date d'inscription Statut Membre Dernière intervention 1 993

Salut,

HTML c'est pas idéal pour faire des applications web dynamique qui gèrent des données, il faudrait utiliser un autre langage qui fait ça bien, comme par exemple PHP.

Loukana666 Messages postés 29 Date d'inscription Statut Membre Dernière intervention 11

Je ne sais pas si on peut vraiment parler d'application web, car je ne compte pas mettre cette page sur internet, seulement m'en servir directement depuis un dossier sur mon PC. D'après ce que je sais, il est nécessaire de passer par un serveur pour faire fonctionner du PHP. Mon but est de fonctionner uniquement en local.

Tout ce que je cherche, c'est un moyen d'envoyer des requêtes en javascript pour récupérer des données dans un tableau (base de données ou même feuille de calcul Excel) dont le fichier serait situé dans le même dossier que ma page HTML, ma feuille de style et mon fichier javascript... Est-ce qu'il y existe une solution simple sans passer par un serveur ou un langage de prog supplémentaire ?

Célien Messages postés 5729 Date d'inscription Statut Membre Dernière intervention 1 993

Je comprends pas bien ta démarche si tu veux gérer des données pour toi pourquoi tu utilises pas un outil bureautique comme Excel ou Access par exemple ?

JooS Messages postés 2468 Date d'inscription Statut Membre Dernière intervention 228

Salut !

l'HTML n'est pas un langage de programmation, seulement de mise en page !
Javascript a lui seule ne peut interroger une base de données !

Sinon, si tu ne peux installer un serveur chez toi (tel que wamp), tu doit voir du coté d'un autre langage de programmation (C, C++ ...) .

Sinon, si c'est juste pour stocker des données et les retrouver après, tu peut utiliser Access de Microsoft, il te permet de créer des bases de données, des requêtes pour sélectionner des informations spécifiques, mais aussi des formulaires pour insérer des données plus facilement.

Loukana666 Messages postés 29 Date d'inscription Statut Membre Dernière intervention 11

@Célien : Je cherche surtout à accéder à ces données via une mise en page HTML, avec des formulaires qui, en fonction des choix et des requêtes de l'utilisateur, afficheront des données spécifiques de la base de données.

@JooS : J'avoue que j'ai appris le HTML et le javascript sur le tas, je ne fais pas trop attention aux termes techniques...
J'ai envisagé de passer au C++, mais ça me semblait idiot d'apprendre un tout nouveau langage alors que j'avais juste besoin de quelques tableaux de données à trier avec le javascript. J'ai fait une petite appli du même type récemment en HTML et javascript, qui communiquait avec une base de données via des commandes de type transaction.executeSql. Ca marchait nickel, à part pour le fait que la base de données se créait automatiquement dans le dossier AppData de Safari. Je cherchais juste à savoir s'il était possible d'avoir le même genre de système, mais avec une base de données directement dans les fichiers de la page HTML.

Je vais quand même me renseigner pour Access, je ne sais pas si c'est tout à fait ce que je veux, mais je vais jeter un oeil. Merci pour les conseils !

Loukana666 Messages postés 29 Date d'inscription Statut Membre Dernière intervention 11

En fait, l'avantage du HTML, c'est surtout que je pourrai ouvrir ma page sur n'importe quel support sans rien installer, à partir du moment où il y a un navigateur. Étant donné que j'aimerai mettre ma page dans les fichiers de mon iphone, ça me permettra d'y accéder aussi bien que sur mon PC.

C'est sur que ce n'est pas l'outil le plus adapté ni le plus complet, mais mon projet reste assez simple. Disons pour reprendre ta métaphore que je préfère casser mon petit bout de plâtre avec un épluche-légume plutôt qu'avec un marteau-piqueur. L'outil n'est pas fait pour, mais il est quand même plus simple d'utilisation... ^^

Et puis, attention, hein ! Faut pas sous-estimer les capacités d'un épluche-légume ! ;-)

Discussions similaires

Mettre variable javaScript dans variable PHP?

Attendre fin de fonction JS

Verifier si on a cliqué sur un bouton

Récupérer valeur dans HTML par javascript

appeler une page php en javascript

passez var javascript vers var php

Votre réponse

Discussions similaires