Probleme lien date en JS dans un formulaire
talorf
Messages postés
4
Date d'inscription
Statut
Membre
Dernière intervention
-
talorf Messages postés 4 Date d'inscription Statut Membre Dernière intervention -
talorf Messages postés 4 Date d'inscription Statut Membre Dernière intervention -
Bonjour,
j'ai un formulaire en XHTML contenant une calculette très banale. je dois placer la date du jour a droite de la phrase "Aujourd'hui nous sommes le". j'ai créé un fichier JS avec l'heure en temps réel, mais le problème est qu'elle s'affiche tout en haut du cadre. j'ai tenté de modifier le positionnement mais rien ne marche. je voudrai savoir si il est possible de la placer dans un <p>, <div> ou autre pour que l'heure vienne s'afficher a droite de la phrase, DANS le formulaire (et pas en dehors)
ci-joint, mon fichier xhtml suivi du fichier css et du JS:
-------------------------------XHTML--------------------------------------------
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/dtd/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr-BE" lang="fr-BE">
<head>
<!-- moteur de recherche -->
<meta name="Author" content="Furlan Pascal" />
<meta name="Keywords" content="...,...,..." /> <!-- a completer -->
<meta name="Description" content="..." /> <!-- description expliquative affiche par le moteur -->
<!-- protocol http -->
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<meta http-equiv="Content-Script-Type" content="text/javascript" />
<meta http-equiv="Content-Language" content="fr" />
<!-- Dublin Core -->
<meta name="DC.Language" content="fr" />
<meta name="DC.Creator" content="Furlan Pascal" />
<meta name="DC.Date.modified" scheme="W3CDTF" content="..." /> <!-- a completer -->
<title>Calculette</title>
<link rel="stylesheet" type="text/css" href="css/screen.css" media="screen" title="Normal" />
<link rel="stylesheet" type="text/css" href="css/print.css" media="print" title="Normal" />
<!-- icone apparaissant a cote du nom du site , p.ex bookmark
<link rel="shortcut icon" type="imag/x-icon" href="favicon.ico" /> -->
<script type="text/javascript" src="js/screen.js"></script>
</head>
<body>
<form action="#" id="form" name="form">
<p id="date"> Aujourd'hui nous sommes le </p> <div id="date"> </div>
<fieldset> <legend>Calculette</legend>
<p>Entrez 2 nombres (entiers ou pas).</p>
<p>
<label>Opérande 1 :</label>
<input type="text" name="operande1" size="3" />
</p>
<p>
<label>Opérande 2 :</label>
<input type="text" name="operande2" size="3" />
</p>
<p>
<input type="button" name="addition" value="Addition" class="boutons" />
<input type="button" name="soustraction" value="Soustraction" class="boutons" />
<input type="button" name="multiplication" value="Multiplication" class="boutons" />
<input type="button" name="division" value="Division" class="boutons" />
<input type="button" name="modulo" value="Modulo" class="boutons" />
</p>
</fieldset>
</form>
</body>
</html>
-----------------------------------FIN XHTML-----------------------------------
--------------------------------CSS-----------------------------
#form {
background-color : rgb(153,204,255);
padding : 1em;
}
fieldset {
border-style : ridge;
}
legend {
font-weight : bold;
color : blue;
}
p {
color : blue;
}
input {
background-color : rgb(051,153,255);
}
.boutons:hover {
background-color : green;
color : yellow;
}
------------------------FIN CSS-------------------------
--------------------------JAVASCRIPT-----------------
var style_paragraphes = 'font-family:verdana,arial,courier;color:black;font-size:13px;';
function rafraichir()
{
var date = new Date();
var noms_jours = new Array('Dimanche','Lundi','Mardi','Mercredi','Jeudi','Vendredi','Samedi');
var noms_mois = new Array('Janvier','Février','Mars','Avril','Mai','Juin','Juillet','Août','Septembre','Octobre','Novembre','Décembre');
var texte = '';
texte += 'Il est '+date.getHours()+'H'+date.getMinutes()+' et '+date.getSeconds()+' secondes, le '+date.getDate()+'/'+(date.getMonth()+1)+'/'+date.getFullYear()+'.<br/>';
document.getElementById('date').innerHTML = texte;
}
document.write('<p id="date" style="'+style_paragraphes+'"></p>');
setInterval('rafraichir()',1000);
-----------------------FIN JAVASCRIPT----------------------------
j'ai un formulaire en XHTML contenant une calculette très banale. je dois placer la date du jour a droite de la phrase "Aujourd'hui nous sommes le". j'ai créé un fichier JS avec l'heure en temps réel, mais le problème est qu'elle s'affiche tout en haut du cadre. j'ai tenté de modifier le positionnement mais rien ne marche. je voudrai savoir si il est possible de la placer dans un <p>, <div> ou autre pour que l'heure vienne s'afficher a droite de la phrase, DANS le formulaire (et pas en dehors)
ci-joint, mon fichier xhtml suivi du fichier css et du JS:
-------------------------------XHTML--------------------------------------------
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/dtd/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr-BE" lang="fr-BE">
<head>
<!-- moteur de recherche -->
<meta name="Author" content="Furlan Pascal" />
<meta name="Keywords" content="...,...,..." /> <!-- a completer -->
<meta name="Description" content="..." /> <!-- description expliquative affiche par le moteur -->
<!-- protocol http -->
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<meta http-equiv="Content-Script-Type" content="text/javascript" />
<meta http-equiv="Content-Language" content="fr" />
<!-- Dublin Core -->
<meta name="DC.Language" content="fr" />
<meta name="DC.Creator" content="Furlan Pascal" />
<meta name="DC.Date.modified" scheme="W3CDTF" content="..." /> <!-- a completer -->
<title>Calculette</title>
<link rel="stylesheet" type="text/css" href="css/screen.css" media="screen" title="Normal" />
<link rel="stylesheet" type="text/css" href="css/print.css" media="print" title="Normal" />
<!-- icone apparaissant a cote du nom du site , p.ex bookmark
<link rel="shortcut icon" type="imag/x-icon" href="favicon.ico" /> -->
<script type="text/javascript" src="js/screen.js"></script>
</head>
<body>
<form action="#" id="form" name="form">
<p id="date"> Aujourd'hui nous sommes le </p> <div id="date"> </div>
<fieldset> <legend>Calculette</legend>
<p>Entrez 2 nombres (entiers ou pas).</p>
<p>
<label>Opérande 1 :</label>
<input type="text" name="operande1" size="3" />
</p>
<p>
<label>Opérande 2 :</label>
<input type="text" name="operande2" size="3" />
</p>
<p>
<input type="button" name="addition" value="Addition" class="boutons" />
<input type="button" name="soustraction" value="Soustraction" class="boutons" />
<input type="button" name="multiplication" value="Multiplication" class="boutons" />
<input type="button" name="division" value="Division" class="boutons" />
<input type="button" name="modulo" value="Modulo" class="boutons" />
</p>
</fieldset>
</form>
</body>
</html>
-----------------------------------FIN XHTML-----------------------------------
--------------------------------CSS-----------------------------
#form {
background-color : rgb(153,204,255);
padding : 1em;
}
fieldset {
border-style : ridge;
}
legend {
font-weight : bold;
color : blue;
}
p {
color : blue;
}
input {
background-color : rgb(051,153,255);
}
.boutons:hover {
background-color : green;
color : yellow;
}
------------------------FIN CSS-------------------------
--------------------------JAVASCRIPT-----------------
var style_paragraphes = 'font-family:verdana,arial,courier;color:black;font-size:13px;';
function rafraichir()
{
var date = new Date();
var noms_jours = new Array('Dimanche','Lundi','Mardi','Mercredi','Jeudi','Vendredi','Samedi');
var noms_mois = new Array('Janvier','Février','Mars','Avril','Mai','Juin','Juillet','Août','Septembre','Octobre','Novembre','Décembre');
var texte = '';
texte += 'Il est '+date.getHours()+'H'+date.getMinutes()+' et '+date.getSeconds()+' secondes, le '+date.getDate()+'/'+(date.getMonth()+1)+'/'+date.getFullYear()+'.<br/>';
document.getElementById('date').innerHTML = texte;
}
document.write('<p id="date" style="'+style_paragraphes+'"></p>');
setInterval('rafraichir()',1000);
-----------------------FIN JAVASCRIPT----------------------------
A voir également:
- Probleme lien date en JS dans un formulaire
- Whatsapp formulaire opposition - Guide
- Créer un lien pour partager des photos - Guide
- Lien url - Guide
- Formulaire de réclamation facebook - Guide
- Verificateur de lien - Guide
