Html javascript

Fermé
mimilemoose Messages postés 4 Date d'inscription jeudi 4 décembre 2008 Statut Membre Dernière intervention 12 décembre 2008 - 4 déc. 2008 à 10:28
mimilemoose Messages postés 4 Date d'inscription jeudi 4 décembre 2008 Statut Membre Dernière intervention 12 décembre 2008 - 4 déc. 2008 à 18:42
Bonjour,

je debut en html et javascript.

j'ai fait le programme suivant en html:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<style type="text/css">
@import url("../sourceCss/presentation.css");
</style>
<script language="javascript" src="../sourcejs/fonction.js">
</script>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"/>
<title>Ajouter un livre</title>
</head>
<body background="../image/zelda_fond.jpg">
<div class="page_bandeau">
<h1 class="rougecentre">Cette page permet d'ajouter un livre</h1>
</div>
<div class="page_menu">
<u>
<h1 class="rougecentre">Menu</h1>
</u>
<ul>
<h1 class="rouge">
<li><a href="sommaire.html">Première page</a></li>
<br/>
<li><a href="rechercher.html">Chercher un livre</a></li>
<br/>
<li>Ajouter un livre</li>
<br/>
<li><a href="Apropos.html">A propos</a></li>
</h1>
</ul>
</div>
<div class="page_centre" id="zoneprincipale" name="zoneprincipale">
<form name ="ajout">
<h1 class="rougepetit">
Collection livre :
<input id="collection"
name="collection"
value="collection"
type="text"/>
Titre livre :
<input id="titre"
name="titre"
value="titre"
type="text"/>
</br></br>
N° livre :
<input id="numero"
name="numero"
value="numero"
type="text"/>
Editeur livre :
<input id="editeur"
name="editeur"
value="editeur"
type="text"/>
Type livre :
<select id="type" name="type" size="1">
<option value ="Type"label ="type" selected ="selected">Type</option>
<option value ="Bande dessinnée" label ="bd" >Bande dessinnée</option>
<option value ="Mangas" label ="mangas">Mangas</option>
<option value ="Manhwa" label ="manhwa">Manhwa</option>
<option value ="Manhua" label ="manhua">Manhua</option>
</select>
</br></br>
<input id="ajouter"
name="ajouter"
type="button"
value="Ajouter le livre"
onClick="ajouterlivre()"/>
</br></br>
<table class="corps_tableau" cellpadding="0" cellspacing="1" border="rules">
<tr>
<td> Collection </td>
<td> Titre </td>
<td> N° </td>
<td> Editeur </td>
<td> Type </td>
</tr>
</table>
</h1>
</form>
</div>
</body>
</html>


Et je l'ai associé au programme javascript suivant:

/*variable globale d'incrementation*/
incsauv =0;

function ajouterlivre ()
{

/*variable temporaire*/
var temptype="";
/*declaration des tableaux de sauvegarde*/
var sauvegarde = new Array[];
var livre = new Array[];
/*recuperation des valeurs du formulaire ajout*/
var collection = document.ajout.collection.value;
var titre = document.ajout.titre.value;
var numero = document.ajout.numero.value;
var editeur = document.ajout.editeur.value;
var type = document.ajout.type;

for (i=0; i<type.length;i++)
{
if (type[i].selected)
{
temptype = type[i].value;
}
}

/*affichage des resultats dans une petite fenetre*/
confirm('Livre sauvegardée:\n\n- Collection: '+ collection
+ '\n- Titre: ' + titre
+ '\n- N°: ' + numero
+ '\n- Editeur: ' + editeur
+ '\n- Type: ' + temptype);

/*sauvegarde des données*/

/*sauvegarde des informations du livre*/
livre[0]=collection;
livre[1]=titre;
livre[2]=numero;
livre[3]=editeur;
livre[4]=temptype;



/*sauvegarde du livre*/

sauvegarde[incsauv]=livre;
incsauv++;

confirm('Livre sauvegardée:\n\n- Collection: '+ livre[0]
+ '\n- Titre: ' + livre[1]
+ '\n- N°: ' + livre[2]
+ '\n- Editeur: ' + livre[3]
+ '\n- Type: ' + livre[4]);


}


Et quand j'appuie sur le bouton de ma page j'obtient l'erreur suivante:


ligne : 69 (onClick="ajouterlivre()"/>)
car:1
erreur:objet attendu
code:0
URL:file://F:\site bd\sourceHtml\ajout.html

Pour l'instant ca doit juste afficher dans un prompt les données renseigné dans les champs

Pouriez-vous m'aider.
Merci
A voir également:

2 réponses

Alain_42 Messages postés 5361 Date d'inscription dimanche 3 février 2008 Statut Membre Dernière intervention 13 février 2017 894
4 déc. 2008 à 14:13
Bonjour,

essayes avec cette fct javascript:

/*variable globale d'incrementation*/
incsauv =0;
// déclaration tableau de sauvegarde
var sauvegarde = new Array[];

function ajouterlivre (){

//var sauvegarde = new Array[]; // si tu le mets la ça va écraser l'array de sauvegarde à chaque appel de la fonction
/*recuperation des valeurs du formulaire ajout*/

///// utilises plutot cette methode avec les id
var collection = document.getElementById('collection').value;
var titre = document.getElementById('titre').value;
var numero = document.getElementById('numero').value;
var editeur = document.getElementById('editeur').value;
var type = document.getElementById('ajout').value;



/*affichage des resultats dans une petite fenetre*/
confirm('Livre sauvegardée:\n\n- Collection: '+ collection
+ '\n- Titre: ' + titre
+ '\n- N°: ' + numero
+ '\n- Editeur: ' + editeur
+ '\n- Type: ' + temptype);

/*sauvegarde des données*/

/*sauvegarde des informations du livre*/
sauvegarde[incsauv][0]=collection;
sauvegarde[incsauv][1]=titre;
sauvegarde[incsauv][2]=numero;
sauvegarde[incsauv][3]=editeur;
sauvegarde[incsauv][4]=type;

incsauv++;

confirm('Livre sauvegardée:\n\n- Collection: '+ sauvegarde[incsauv][0]
+ '\n- Titre: ' + sauvegarde[incsauv][1]
+ '\n- N°: ' + sauvegarde[incsauv][2]
+ '\n- Editeur: ' + sauvegarde[incsauv][3]
+ '\n- Type: ' + sauvegarde[incsauv][4]);
//a la palce de confirm tu peux mettre alert(...)

}


Not:, comme tu fais tu sauvegardes dans javascript, donc si l'utilisateur ferme le navigateur, pfffttt plus rien
0
mimilemoose Messages postés 4 Date d'inscription jeudi 4 décembre 2008 Statut Membre Dernière intervention 12 décembre 2008
4 déc. 2008 à 16:39
Merci je vais essayer ca ce soir.

Et si je veux que mes données sont sauvegardé meme quand je ferme mon navigateur comment je dois faire?
0
Alain_42 Messages postés 5361 Date d'inscription dimanche 3 février 2008 Statut Membre Dernière intervention 13 février 2017 894
4 déc. 2008 à 18:38
il faut utiliser une base de données et le php, mais il faut que ton hébergeur offre ces possibilités
0
mimilemoose Messages postés 4 Date d'inscription jeudi 4 décembre 2008 Statut Membre Dernière intervention 12 décembre 2008 > Alain_42 Messages postés 5361 Date d'inscription dimanche 3 février 2008 Statut Membre Dernière intervention 13 février 2017
4 déc. 2008 à 18:42
ok merci de ton aide
0