Javascript - Séparation d'attribut
Guimove45
Messages postés
7
Date d'inscription
Statut
Membre
Dernière intervention
-
Guimove45 Messages postés 7 Date d'inscription Statut Membre Dernière intervention -
Guimove45 Messages postés 7 Date d'inscription Statut Membre Dernière intervention -
Bonjour,
Je travaille sur une plateforme d'administration de blog.
Je voulais savoir en javascript, comment il était possible de séparé plusieurs attribues d'une balise HTML
Exemple concret:
<img src="monimage" border="0" alt="image" align="left" width="150" height="150" />
Et je souhaiterai récupérer les attribues dans des variable du genre
$src = monimage
$alt = image
$align = left
.......
c'est variable seront réutilisées plus tard afin de remplir automatiquement un formulaire en fonction des options de l'image
Comment faire?
Je pence qu'il faut jouer avec les expressions régulières mais je suis très mauvais dans ce domaine
Je travaille sur une plateforme d'administration de blog.
Je voulais savoir en javascript, comment il était possible de séparé plusieurs attribues d'une balise HTML
Exemple concret:
<img src="monimage" border="0" alt="image" align="left" width="150" height="150" />
Et je souhaiterai récupérer les attribues dans des variable du genre
$src = monimage
$alt = image
$align = left
.......
c'est variable seront réutilisées plus tard afin de remplir automatiquement un formulaire en fonction des options de l'image
Comment faire?
Je pence qu'il faut jouer avec les expressions régulières mais je suis très mauvais dans ce domaine
A voir également:
- Javascript - Séparation d'attribut
- Telecharger javascript - Télécharger - Langages
- Trait de séparation word - Guide
- Ajouter ou supprimer une ligne horizontale dans Word - Guide
- Attribut changer - Télécharger - Divers Utilitaires
- A javascript error occurred in the main process - Forum Handicap / Accessibilté
7 réponses
tu rajoutes un id à ton image, par exemple
<img src="monimage" border="0" alt="image" align="left" width="150" height="150" id="monimage"/>
et en javascript, ca donnerai :
var src = document.getElementById('monimage').src;
var alt = document.getElementById('monimage').alt ;
var align= document.getElementById('monimage').style.textAlign;
(pour l'align, je n'en suis pas tout à fait sur mais je crois que c'est ca)
<img src="monimage" border="0" alt="image" align="left" width="150" height="150" id="monimage"/>
et en javascript, ca donnerai :
var src = document.getElementById('monimage').src;
var alt = document.getElementById('monimage').alt ;
var align= document.getElementById('monimage').style.textAlign;
(pour l'align, je n'en suis pas tout à fait sur mais je crois que c'est ca)
Merci pour cette solutions mais elle ne marche pas car le problème de cette solution est qu'il me faut un ID fixe, hors les images sont ajouter aléatoirement par les utilisateurs, et il peut y avoir plusieurs image.
Hors cette solution, ne peut marcher que sur un seul ID et donc une seul image.
Je pensais plus travailler sur les expressions régulière:
Tout d'abord on vérifie qu'il exite un lien <img ... /> et si il existe on le récupère (ça, ça marche déjà)
et ensuite dans chaque lien on sépare les attribues grâce aux expressions régulière
Hors cette solution, ne peut marcher que sur un seul ID et donc une seul image.
Je pensais plus travailler sur les expressions régulière:
Tout d'abord on vérifie qu'il exite un lien <img ... /> et si il existe on le récupère (ça, ça marche déjà)
et ensuite dans chaque lien on sépare les attribues grâce aux expressions régulière
Heu tu veux le faire pour chaque image ?
alors il te suffit de faire
for(i=0;i<document.images.length;i++){
var src = document.images[i].src;
var alt = documentimages[i].alt ;
var align= document.images[i].style.textAlign;
}
alors il te suffit de faire
for(i=0;i<document.images.length;i++){
var src = document.images[i].src;
var alt = documentimages[i].alt ;
var align= document.images[i].style.textAlign;
}
le probleme avec ta solution c'est qu'il cherche les images en tant que objet
moi je souhaite récupérer dans le code ( le code HTML n'est pas interprété donc pas d'image juste le code de celle-ci)
C'est pour cela je doit utiliser les expressions régulières:
J'ai déjà celle-ci : /<(img[^>]*)>/g qui me récupère le lien <img src="monimage" border="0" alt="image" align="left" width="150" height="150" id="monimage"/>
Mais je doit trouver l'expression régulière qui me ressorte que ce qui est entre ""
moi je souhaite récupérer dans le code ( le code HTML n'est pas interprété donc pas d'image juste le code de celle-ci)
C'est pour cela je doit utiliser les expressions régulières:
J'ai déjà celle-ci : /<(img[^>]*)>/g qui me récupère le lien <img src="monimage" border="0" alt="image" align="left" width="150" height="150" id="monimage"/>
Mais je doit trouver l'expression régulière qui me ressorte que ce qui est entre ""
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
Je UP le sujet , car je reprend le dev demain, et je n'est toujours pas la solutions (avec des expressions régulières)
Cordialement,
Cordialement,
et si tu "split" la chaîne de caractères selon les doubles quotes ", tu auras un tableau de valeurs sur le schéma {..., ' border=','0',' alt=','image', ... ,' id=','monimage','/>'}
Et après tu recherches dans le tableau la valeur voulue.
Et après tu recherches dans le tableau la valeur voulue.
La suite de mon problème est par ici --> https://forums.commentcamarche.net/forum/affich-13749434-besoin-de-correction-sur-mon-script
merci
merci