Insérer un FORM et un SELECT dynamiquement
Bonjour à tous.
étant en cours à distance en formation intégrateur développeur chez ESECAD. J'en arrive au module JAVASCRIPT.
je galère pas mal avec la ponctuation (entre autre). Je dois rendre un devoir dont voici les grosses lignes.
Créez une page web avec un élément BODY vierge, avec un script JavaScript attaché et une feuille CSS ;
Notes de musique classique notation américaine.
En JavaScript, insérez dans l’élément HTML BODY un formulaire
(FORM) comportant un menu déroulant (balise html <»select»>) permettant à l’utilisateur de choisir une note
de musique en notation classique. N’ajoutez pas de bouton SUBMIT.
Mon souci est principalement au niveau de l'inclusion du résultat de la boucle foreach dans le formulaire:
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
| // tableau
notesstd = new Array(" ", "do","ré","mi","fa","sol","la","si");
notesus= new Array("pas de choix","C","D","E","F","G","A","B");
monTableau = new Array(notesstd,notesus);
document.write("monTableau");
notesstd.forEach((item, index) => {
// (document.write(item) + "</br>"); //value
//Fin tableau
document.write("<FORM>");
document.write("<SELECT>");
document.write('<option value"document.write(index)">document.write(item)</option>');
document.write('</SELECT>');
document.write('</FORM>');
})
document.write(notesus[2]);
// fin formulaire |
Pour ceux qui voudrais bien m'aider je rajoute le PHP
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
| <!doctype html>
<?php
$result = "";
if ($_SERVER['REQUEST_METHOD'] == "POST"){
if (empty($_POST['note_classique'])){
$result = "<p>Aucune note choisie! </p>" ;
}
else{
$note = $_POST['note_classique'];
$result = '<p>la note classique \' '.$note.'\' corespond à la note americaine \' '.$notes[$note].'\' .</p>';
}
if (strtolower($_SERVER['http_X_RESQUESTED_WITH']) == 'xmlhttprequest') {
echo $result;
return;
}
}
?>
<html lang="fr">
<head>
<meta charset="utf-8"/>
<title> Notation classique notation américaine</title>
<script src="java1.js" type="text/javascript"></script>
</head>
<body>
</body>
</html> |
A tous je vous remercie de votre aide et de votre soutiens.
formulaire SELECT nouvelle mouture
Bonjour j'ai complétement revu mon programme (après avoir regarder les tuto de dyma.
toute fois j'ai un comportement assez bizarre. quand je saisie le code dans la console de l’explorateur j'ai le résultat attendu. mais quant je lance le programme j'ai ce message d'erreur: Uncaught TypeError: myParent is null.
Le body de mon HTML est vide seulement un <body ID="app">
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
| // tableau std
const notesstd = [" ", "do","ré","mi","fa","sol","la","si"];
const notesus = ["pas de choix","C","D","E","F","G","A","B"];
const paragraphe = document.createElement('p');
const paragrapheClass = document.createElement('class');
const paragrapheText1 = document.createTextNode('choisissez une note française');
const paragrapheText2 = document.createTextNode('Équivalent en note Américaine');
const selectList = document.createElement("select");
let myParent = document.body;
selectList.id = "mySelect";
myParent.appendChild(selectList);
//Create and append the options
for (var i = 0; i < notesstd.length; i++) {
let option = document.createElement("option");
option.value = notesstd[i];
option.text = notesstd[i];
selectList.appendChild(option);
} |
Je suis preneuse de toutes aides.
