OVH Cloud OVH Cloud

Modifier un texte (paragraphe)

4 réponses
Avatar
lstelie
Bonjour,

Une petite question sans doute simple

J'ai une petite photothèque

La page affiche des vignettes, lorsqu'on clique sur une vignette,
saffiche en bas la photo en plus grand avec un lien vers la version
haute définition.. jusue là rien de compliqué

Mon problème est que pour chaque photo il faut que je change la légende

comment depuis une fonction javascript on peut changer ce qui se trouve
dans un < p > bla bla < /p > ?

Merci

Luc

4 réponses

Avatar
ASM
Luc Saint-Elie wrote:

comment depuis une fonction javascript on peut changer ce qui se trouve
dans un < p > bla bla < /p > ?



<p id="legende">Legende :</p>

[JS]
function legender(monTexte) {
document.getElementById('legende').innerHTML = montext;
}
[/JS]

ne fonctionne pas avec NC4.5

--
Stephane Moriaux et son [moins] vieux Mac

Avatar
toto
salut

regarde le thread sur 'editer le contenu d'un div' :
je pense que c'est le meme principe.
Avatar
lstelie
ASM wrote:

Luc Saint-Elie wrote:

comment depuis une fonction javascript on peut changer ce qui se trouve
dans un < p > bla bla < /p > ?



<p id="legende">Legende :</p>

[JS]
function legender(monTexte) {
document.getElementById('legende').innerHTML = montext;
}
[/JS]

ne fonctionne pas avec NC4.5


Bonsoir (et merci)

Ce dernier point m'inquiète donc je cherche une solution plus classique
avec un document.write et j'ai un souci (je suis crevé et je n'ai plus
trop les yeux en face des trous pour être honnête)

<script type="text/javascript" charset="iso-8859-1">
var textelegende;
function roll_over(IMGChange, img_src){
var image_choisie = img_src;
document[IMGChange].src = image_choisie;

if ( img_src == 'photo1.jpg' ) {
textelegende = "blabla";
}
if ( img_src == 'photo2.jpg' ) {
textelegende ="blabla";
}
etc.......
}

}
function legende () {
document.write(textelegende);

}

</script>

et plus bas dans la page

l'image donc le src change en fonction d'un onclick ailleurs qui appelle
roll_over()
la légende est censée changer mais cette satapougniasse velue refuse

<table blabla...>
<td>
<img src="photo1.jpg"
alt="&quot;&quot;" name="image_phototheque" />
</td>
<td valign="bottom">
<p>
<script type="text/javascript" charset="iso-8859-1">
legende ();
</script>

</p>
</td>
</tr>
</table>



Dans mle même TABLE j'ai le src de l'image qui marche au poil en
javascript mais pour ma légende j'obiens undefined

C'est ousse donc que je merdoie ?

merci

Luc


Avatar
Cenekemoi
ASM wrote:
<p id="legende">Legende :</p>

[JS]
function legender(monTexte) {
document.getElementById('legende').innerHTML = montext;
}
[/JS]

ne fonctionne pas avec NC4.5


Bonsoir (et merci)

Ce dernier point m'inquiète


Tu ne devrais pas !
La solution de Stéphane fonctionne avec la très grande majorité des
navigateurs actuellement utilisés (supérieur à 95 % - cf.
http://solutions.journaldunet.com/dossiers/chiffres/navigateurs.shtml )

--
Cordialement, Thierry ;-)