Prompt Title: HTML Programming: Hyperlinking Words

Created 1 year ago
Votes 0
Views 380 times
IT
0
Human: J'ai une question de programmation html. J'aimerais que tous les mots avant la virgule soient sous le même hyperlien. L'hyperlien est généré automatiquement avec le code au début (GCI-1009). Comment je peux faire en sorte que toute l'information derrière la virgule soit cliquable? GCI-1009 Dessin, plans et géomatique pour ingénieurs, 3 crédits
ChatGPT:

Pour rendre tous les mots avant la virgule cliquables avec l'hyperlien généré automatiquement, vous pouvez utiliser du code HTML et JavaScript. Voici un exemple de code que vous pouvez utiliser :

html
<p id="course-code">GCI-1009 Dessin, plans et géomatique pour ingénieurs, 3 crédits</p> <script> const courseCode = document.getElementById("course-code"); const hyperlink = "<a href='http://votrelien.com'>GCI-1009</a>"; courseCode.innerHTML = courseCode.innerHTML.replace("GCI-1009", hyperlink); </script>

Ce code va remplacer la première occurrence de "GCI-1009" dans le paragraphe avec un hyperlien généré automatiquement, tout en laissant le reste du texte intact. Si vous voulez que tous les mots avant la virgule soient cliquables, vous pouvez modifier la ligne qui contient la méthode replace pour inclure également la virgule et tous les mots qui la précèdent :

javascript
courseCode.innerHTML = courseCode.innerHTML.replace(/([\w-]+),/, "<a href='http://votrelien.com'>$1</a>,");

Ceci va capturer tous les caractères alphanumériques et les tirets avant la virgule et les inclure dans l'hyperlien. Le $1 dans le deuxième argument de replace fait référence au texte capturé entre parenthèses dans l'expression régulière.

Vous pouvez personnaliser le lien en remplaçant "http://votrelien.com" par votre propre URL.

avatar
Guillaume
Shared 1 prompt
Created 1 year ago

Leave a Comment

Related Tag Prompts

113
0
HTML & CSS Hero
1 year ago 2023-02-03 13:01:47 AIPRM
0
0
0
0
Html para Reac.JS
1 year ago 2023-03-09 23:26:32 Tomás Sarmento
0
0
HTML page's meta headings
1 year ago 2023-03-10 10:57:15 imen
0
0
html
1 year ago 2023-03-11 03:41:32 Cool Kiwi
0
0
0
0
Fix HTML Console Errors
1 year ago 2023-03-24 11:13:56 Vaibhav
0
0
DB in HTML and JS
1 year ago 2023-04-13 14:26:45 JC.
0
0
Convert to HTML
1 year ago 2023-04-17 02:38:44 Remy
0
0
Ebook html
1 year ago 2023-04-21 05:07:11 darrat
0
0
Help with AssistanceHTML.
1 year ago 2023-04-22 05:05:32 Chittibabu
0
0
Переклад HTML на укр.
1 year ago 2023-04-26 11:55:10 kiddy007
0
0
HTML Assistance Provided.
1 year ago 2023-05-05 05:54:22 chatgpt
0
0
HTML Course Content.
1 year ago 2023-07-04 16:49:34 saksham
0
0
保存HTML中的SVG为图片
1 year ago 2023-07-31 03:00:46 Niko