Html javascript
mimilemoose
Messages postés
4
Date d'inscription
Statut
Membre
Dernière intervention
-
mimilemoose Messages postés 4 Date d'inscription Statut Membre Dernière intervention -
mimilemoose Messages postés 4 Date d'inscription Statut Membre Dernière intervention -
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
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:
- Html javascript
- Editeur html - Télécharger - HTML
- Telecharger javascript - Télécharger - Langages
- Br html ✓ - Forum Webmastering
- Afficher un tableau javascript en html ✓ - Forum Javascript
- Javascript arrondi ✓ - Forum Javascript
2 réponses
Bonjour,
essayes avec cette fct javascript:
Not:, comme tu fais tu sauvegardes dans javascript, donc si l'utilisateur ferme le navigateur, pfffttt plus rien
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
