Bonjour à tous et à toutes,
J'ai un agenda avec une liste d'événements dont voici le code HTML pour 1 événement (je précise pour couper court aux polémiques que ce n'est pas moi qui ait généré ce code. Il est pourri, je vous l'accorde, mais je n'y peux rien ) :
Je souhaiterais :
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
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65 <div class="node-item node-event clearfix" id="event-260318"> <div class="media"> <div class="media-left"> <div class="event-actions"> <a href="https://nom_site.fr/node/content/nid/260318" target="_blank" title="Accéder au permalien (nouvel onglet)"> <span class="btn btn-link form-inline pull-right"> <i class="fas fa fa-link"></i> </span> </a> <a class="btn btn-link pull-right" title="Editer" href="https://nom_site.fr/node/edit/nid/260318"> <i class="fas fa fa-pencil"></i> </a> <div class="dropdown pull-right" title="" data-placement="top" data-toggle="tooltip" data-original-title="Exporter"> <button class="btn btn-link dropdown-toggle" type="button" id="dropdownContentExport" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <i class="fa fa-download"></i> </button> <ul class="dropdown-menu" aria-labelledby="dropdownContentExport"> <li> <a href="https://nom_site.fr/agenda/export?document=pdf&nid=260318" target="_blank"> <i class="fa fa-file-pdf-o"></i> PDF </a> </li> <li> <a href="https://nom_site.fr/agenda/export?document=csv&nid=260318" target="_blank"> <i class="fa fa-file-excel-o"></i> CSV </a> </li> <li> <a href="https://nom_site.fr/agenda/export?document=ics&nid=260318" target="_blank"> <i class="fa fa-calendar"></i> ICS </a> </li> </ul> </div> </div> <a target="_blank" href="/page-evenement-test-2?tab=news#node-260318"> </a> </div> <div class="media-body"> <h4><a target="_blank" href="/page-evenement-test-2?tab=news#node-260318">Evénement test 2</a></h4> <p>Du Vendredi 15 Octobre 2021 à 09h00 au Vendredi 22 Octobre 2021 à 23h59</p> <div class="node-item-tags"> <a class="badge" href="https://nom_site.fr/node/tag/tid/26391"> Animation jeunesse </a> <a class="badge" href="https://nom_site.fr/node/tag/tid/26400"> Jeunesse </a> <a class="badge" href="https://nom_site.fr/node/tag/tid/26405"> Concert </a> <a class="badge" href="https://nom_site.fr/node/tag/tid/26581" style="background-color:#31e8db !important;color:#000000 !important;"> Place de la Mairie </a> </div><p>Description de l'événement sur environ 100 caractères dans le but de donner envie de cliquer dessus.</p> </div> <div class="event-description"> <span class="event-description-close fas fa fa-times"> </span> </div> </div> </div>
- extraire de ce code HTML le numéro du nœud (en l'occurrence 260318)
- insérer ce numéro de nœud dans une ligne de code comme ceci :
- et enfin placer cette ligne de code entre les balises <a target="_blank" href="/page-evenement-test-2?tab=news#node-260318"> (en ligne 42 du code ci-dessus) pour avoir ceci :
Code html : Sélectionner tout - Visualiser dans une fenêtre à part <img class="img-responsive" src="https://nom_site.fr/data/nom_site.fr/application/node/260318/thumb.jpg">
Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3 <a target="_blank" href="/page-evenement-test-2?tab=news#node-260318"> <img class="img-responsive" src="https://nom_site.fr/data/nom_site.fr/application/node/260318/thumb.jpg"> </a>
En JS, je sais (à peu près) récupérer l'intégralité d'une URL (ou un lien si vous préférez), mais pas pas juste une partie. Pour le reste (insérer le N° de nœud dans une ligne de code + placer cette ligne où je veux), je pense savoir faire.
Vous l'aurez compris, je ne sais pas comment extraire le N° de nœud dans un code HTML.
Auriez-vous SVP une idée de comment faire ?
D'avance merci pour vos réponses
Bonne journée
Partager