Modification du titre avec jquery

**jmc41320** · 20/09/2017, 15h23

bonjour,
je souhaite modifier le titre avec jquery
mais cela ne marche pas je vous donne le code

Code HTML :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<html>
<head>
<meta charset="utf-8">
<title>jquery</title>
</head>
 
<body>
<h1 id="titre principal">bonjour le monde</h1>
 
 
<script>
src="https://code.jquery.com/jquery-2.1.0.js">
</script>
 
 
 
<script>
var nouveautitre=prompt("nv titre");
$("#titre principal").text(nouveautitre);
</script>
 
 
</body>
</html>

merci

**Toufik83** · 20/09/2017, 16h26

bonjour,
un id, ne peux pas avoir d'espace entre les mots => id="titre principal", sépare les deux mots avec un tiret underscore "_" ou "-".
et n'oublie pas de le changer aussi dans le sélecteur jquery

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

$("#titre principal").text(nouveautitre);

**jmc41320** · 20/09/2017, 17h09

bonjour j'ai fait ce que tu m'as demandé mais cela ne marche toujours pas:

Code HTML :

Sélectionner tout - Visualiser dans une fenêtre à part

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
 
<html>
<head>
<meta charset="utf-8">
<title>jquery</title>
</head>
 
<body>
<h1 id="titre-principal">bonjour le monde</h1>
 
 
<script>
src="https://code.jquery.com/jquery-2.1.0.js">
</script>
 
 
 
<script>
var nouveautitre=prompt("nv titre");
$("#titre-principal").text(nouveautitre);
</script>
 
 
</body>
</html>

merci

**Toufik83** · 20/09/2017, 17h40

c'est normal que ça ne fonctionne pas, vu que tu as mis la source du script en dehors de la balise <script>.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
<script>
src="https://code.jquery.com/jquery-2.1.0.js">
</script>

ce qui fait que jQuery n'est pas défini dans le document.
il faut toujours ouvrir la console d'erreur pour savoir ce qui se passe.

**jmc41320** · 20/09/2017, 17h48

j'ai fait cela mais rien ne se passe

Code HTML :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<html>
<head>
<meta charset="utf-8">
<title>jquery</title>
</head>
 
<body>
 
<h1 id="titre-principal">bonjour le monde</h1>
<script>
src="https://code.jquery.com/jquery-2.1.0.js">
 
var nouveautitre=prompt("nv titre");
$("#titre-principal").text(nouveautitre);
 
</script>
 
 
</body>
</html>

merci

**Toufik83** · 20/09/2017, 18h01

tu n'as pas fait ce que j'ai dis

il faut changer ça :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
<script>
src="https://code.jquery.com/jquery-2.1.0.js">

en ça :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
<script src="https://code.jquery.com/jquery-2.1.0.js">

Modification du titre avec jquery

jQuery

Vue hybride

Discussions similaires

Partager

Partager