Discussion :

[artenis]

Bonjour,

j'ai le code ci-dessous.
Je voudrais permettre à mon code d'accepter les espaces entre les mots des phrases

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
 
var gettxtsections = document.getElementById("sections-usml-img-square").innerHTML;
var sectionssearch = {
          "anglais":"cours d\'anglais",
          "boxe":"Boxe Thaï - Kick Boxing - K1",
          "cycliste":"Cyclisme",
          "moderne":"Danse Classique - Modern Jazz - GRS"
};
 
var newtxt = gettxtsections.replace(/anglais|boxe|cycliste|moderne/g, function(matched){
  	return sectionssearch[matched];
});
document.getElementById("sections-usml-img-square").innerHTML = newtxt;

Actuellement les espaces entre les mots "cours d'anglais", boxe et danse, fait buger la fonction (cad: les images ne s'affichent pas du fait de innerHTML.)
"anglais":"cours d\'anglais",
"boxe":"Boxe Thaï - Kick Boxing - K1",
"cycliste":"Cyclisme",
"moderne":"Danse Classique - Modern Jazz - GRS"

J'ai testé avec .trim(), mais je ne sais pas à quel moment je dois l'intégrer ?

pouvez-vous m'aider ?

[SpaceFrog]

je ne vois pas le souci ...

https://jsfiddle.net/bvu1e19z/

[danielhagnoul]

[...]Actuellement les espaces entre les mots "cours d'anglais", boxe et danse, fait buger la fonction (cad: les images ne s'affichent pas du fait de innerHTML.)[...]

Il faut changer uniquement les textes avec textContent :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
const
	elemSectionSquare = document.querySelector( "#sections-usml-img-square" ),
	gettxtsections = elemSectionSquare.textContent,
	sectionssearch = {
		"anglais":"cours d\'anglais",
		"boxe":"Boxe Thaï - Kick Boxing - K1",
		"cycliste":"Cyclisme",
		"moderne":"Danse Classique - Modern Jazz - GRS"
	},
	newtxt = gettxtsections.replace( /anglais|boxe|cycliste|moderne/g, function( matched ) {
		return sectionssearch[ matched ];
	});
 
elemSectionSquare.textContent = newtxt;

[artenis]

je ne vois pas le souci ...

https://jsfiddle.net/bvu1e19z/

Edit:
j'ai testé ceci sans résultat :

Code :

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

https://jsfiddle.net/Artenis/bvu1e19z/2/

[artenis]

Il faut changer uniquement les textes avec textContent :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
const
	elemSectionSquare = document.querySelector( "#sections-usml-img-square" ),
	gettxtsections = elemSectionSquare.textContent,
	sectionssearch = {
		"anglais":"cours d\'anglais",
		"boxe":"Boxe Thaï - Kick Boxing - K1",
		"cycliste":"Cyclisme",
		"moderne":"Danse Classique - Modern Jazz - GRS"
	},
	newtxt = gettxtsections.replace( /anglais|boxe|cycliste|moderne/g, function( matched ) {
		return sectionssearch[ matched ];
	});
 
elemSectionSquare.textContent = newtxt;

Merci DanielHagnoul,
mais j'avais déjà testé avec textContent : le problème c'est que apparemment (sauf s'il y a une erreur autre part) en recuperant uniquement le texte avec TextContent et en réaffichant celui-ci avec TextContent, tout le contenu HTML disparaît à l'execution de la fonction. Je crois qu ele problème vient du fait que la div de récupération de contenu englobe trop d'éléments.
J'avais testé en rajoutant à document.getElementById("sections-usml-img-square") -> .getElementsByClassName('title-sec'), mais je crois qu'il faudrait faire une boucle dessus, sinon ça ne marche pas !


Voici la page en question en espérant que cela puisse vous permettre de mieux visualiser mon problème

[artenis]

Ma div "sections-usml-img-square" englobe trop d'éléments et prend en compte le texte à l'intérieur des attribut src.
cad : les mots "anglais , boxe, etc" contenu dans les liens des images sont égalements remplacés.
Je tente en vain d'exclure les attributs src à la suite de "QuerySelector" mais je patauge depuis 4 heures.
J'ai testé avec Queryselectorall , mais apparement un script totalement différent doit être necessaire.

J'ai testé avec le regex, sans résultat. Surtout j'ai beaucoup de mal à comprendre la syntaxe du regex.

Ce qui est incompréhensible c'est que le texte "Cyclisme" et l'image pour le cycliste s'affiche correctement , alors que ça ne devrait pas ?

Je suis complètement dans le noir , un peu d'aide s'il vous plait