Twitter iPhone pliant OnePlus 11 PS5 Disney+ Orange Livebox Windows 11

Modifier le contenu de l'attribut title ?

7 réponses
Avatar
Thierry Loiseau
Salut,

J'aimerai pouvoir modifier l'attribut title d'une image contenu dans un
<div>
Est-ce possible ?

<div id="toto">
<img src="tutu.png" title="texte de base" id="tata">
</div>

Comment remplacer "texte de base" par "coucou" ?

A++,
titi

7 réponses

Avatar
Thibault TAILLANDIER
Salut,

J'aimerai pouvoir modifier l'attribut title d'une image contenu dans un
<div>
Est-ce possible ?

<div id="toto">
<img src="tutu.png" title="texte de base" id="tata">
</div>

Comment remplacer "texte de base" par "coucou" ?

A++,
titi




Salut,
C'est pas testé, mais je dirai qu'un :

var obj = document.getElementById('tata');
obj.title = 'coucou';

devrait marcher.
Bye
--
Thibault

Avatar
Aurélien
Salut,

J'aimerai pouvoir modifier l'attribut title d'une image contenu dans un
<div>
Est-ce possible ?

<div id="toto">
<img src="tutu.png" title="texte de base" id="tata">
</div>

Comment remplacer "texte de base" par "coucou" ?

A++,
titi




Tout le problème est de trouver l'objet d'identifiant "tata". Dans un monde
parfait tu utiliserais simplement GetElementById('tata').title="coucou" mais
malheureusement tous les navigateurs ne respectent pas les spécifications du W3C.
Du coup il faut recourir à des fonctions de recherche qui gèrent les différents
navigateurs.
Tu peux utiliser la fonction findObj présentée sur la page suivante :
http://barbier.aurelien.free.fr/enseignements/internet/dom_dhtml.php#manipulation
et donc écrire findObj('tata').title="coucou"

Aurélien

PS: le div ne sert à rien dans ce cas mais il n'est pas génant, à toi de voir
tes besoins.

Avatar
Thierry Loiseau
"Aurélien" a écrit dans le message de
news:42c8f8ba$0$21733$

J'aimerai pouvoir modifier l'attribut title d'une image contenu dans un
<div>
Est-ce possible ?

<div id="toto">
<img src="tutu.png" title="texte de base" id="tata">
</div>

Comment remplacer "texte de base" par "coucou" ?


Tout le problème est de trouver l'objet d'identifiant "tata". Dans un
monde

parfait tu utiliserais simplement GetElementById('tata').title="coucou"
mais

malheureusement tous les navigateurs ne respectent pas les spécifications
du W3C.


J'ai déjà testé un document.getElementById('tata').title="coucou" mais ça ne
marche pas (testé avec Firfox)

PS: le div ne sert à rien dans ce cas mais il n'est pas génant, à toi de
voir

tes besoins.


En fait, le div est en position:absolute dans mon cas...

A++ et merci à vous,
Titi


Avatar
Bruno.L
Thierry Loiseau wrote:

J'ai déjà testé un document.getElementById('tata').title="coucou" mais ça ne
marche pas (testé avec Firfox)




document.getElementById("tata").setAttribute("title","coucou");

--
Bruno <http://bluesilk.be&gt;

Avatar
Thierry Loiseau
"Bruno.L" a écrit dans le message de
news:42c901f2$

J'ai déjà testé un document.getElementById('tata').title="coucou" mais
ça ne


marche pas (testé avec Firfox)

document.getElementById("tata").setAttribute("title","coucou");




Perfecto !!!

A++,
Titi


Avatar
ASM
Thierry Loiseau wrote:
Salut,

J'aimerai pouvoir modifier l'attribut title d'une image contenu dans un
<div>
Est-ce possible ?

<div id="toto">
<img src="tutu.png" title="texte de base" id="tata">
</div>

Comment remplacer "texte de base" par "coucou" ?


pour une image sans id mais dans un div avec id :

function changeTtl(div,titleOrigin,titleVoulu) {
// tableau des images du div 'div'
var I = document.getElementById(div).getElementsByTagName('img');
// recherche et changement du title
for(var i=0;i<I.length;i++)
if(I[i].title == titleOrigin) I[i].title = titleVoulu;
}

<a href="#" onclick="changeTtl('toto','texte de base','coucou');">nouvau
texte</a>


pour la 1ère image sans id mais dans un div avec id :

function changeTitr(divId,titleVoulu) {
// tableau des images du div 'divId'
var I = document.getElementById(divId).getElementsByTagName('img');
// changement du title
I[0].title = titleVoulu;
}

<a href="#" onclick="changeTitr('toto','coucou');">nouvau texte</a>

--
Stephane Moriaux et son [moins] vieux Mac

Avatar
ASM
ASM wrote:

<couic>

et bien sûr (tt de même + propre)

pour une image sans id mais dans un div avec id :

function changeTitl(lediv,titleOrigin,titleVoulu) {
// tableau des images du div 'lediv'
var I = document.getElementById(lediv).getElementsByTagName('img');
// recherche et changement du title
for(var i=0;i<I.length;i++)
if(I[i].getAttribute("title") == titleOrigin)
I[i].setAttribute("title",titleVoulu);
}

<a href="#"
onclick="changeTitl('toto','texte de base','coucou');">nouvau texte</a>


sinon essayer(*) (puisqu'on s'adresse à une image) :

function changeTitl_image(titleOrigin,titleVoulu) {
// tableau des images
if(document.images) var I = document.images;
// recherche et changement du title
for(var i=0;i<I.length;i++)
// if(I[i].getAttribute('title')== titleOrigin)
// I[i].setAttribute('title',titleVoulu);
if(I[i].title== titleOrigin) I[i].title=titleVoulu;
}

<a href="#"
onclick="changeTitl_image('texte de base','coucou');">nouvau texte</a>


(*) chez moi çà fonctionne même sans set-get Attribute

--
Stephane Moriaux et son [moins] vieux Mac