Forum-webmaster
Technique - programmation => HTML / CSS / XHTML => Message commencé par: titi63 le le 21-01-2003 a 08:59:40

Titre: Afficher du texte en cliquant sur 1 image
Posté par: titi63 le le 21-01-2003 a 08:59:40

Bonjour à tous
J'aimerai faire apparaitre du texte en cliquant sur une image.
Ce texte changerait des que l'on clique sur une autre image.
Il faudrai que ce texte soit copiable avec le clic droit.
Me suis je bien fait comprendre ???
merci de vos conseils ;)

Titre: Re:Afficher du texte en cliquant sur 1 image
Posté par: Shain le le 21-01-2003 a 10:12:18

Ce texte doit apparaitre ou ? sur un calque au dessus de l'image ? Dans une cellule de tableau ?

Titre: Re:Afficher du texte en cliquant sur 1 image
Posté par: titi63 le le 21-01-2003 a 19:23:02

Peu importe, mais ça doit s'afficher sur la même page que les images.

Titre: Re:Afficher du texte en cliquant sur 1 image
Posté par: drunkenmaster68 le le 21-01-2003 a 19:41:44

Tu peux faire ça avec les calques et les comportement sous dreamweaver ...

Titre: Re:Afficher du texte en cliquant sur 1 image
Posté par: PotatoesJunky le le 21-01-2003 a 20:15:09

Tu peux aussi faire ça avec un petit javascript >>> http://www.editeurjavascript.com/scripts/scripts_nav_24.php ;)

Titre: Re:Afficher du texte en cliquant sur 1 image
Posté par: Shain le le 21-01-2003 a 20:24:28

Sinon il faut regarder du coté de javascript ...
Je t'aurais bien fait un petit script mais le temps me manque ...

Titre: Re:Afficher du texte en cliquant sur 1 image
Posté par: POde.uk le le 21-01-2003 a 22:24:39

tu mets le texte dans une balise <div>

par exemple tu places ou il faut une balise du genre :
<div id='ton_texte'></div>

et tu rajoutes ce script :

<script language='Javascript'>
var tabl_texte = new Array;
tabl_text[0] = 'bonjour';
tabl_text[1] = 'au revoir';

function aff_info(id) {
document.getElementById('ton_texte').innerText=tabl_texte[id];
}
</script>

ensuite tes balises images ressemblent à ca :

<img src='bonjour.jpg' onMouseOver='aff_info(0)'>
<img src='aurevoir.jpg' onMouseOver='aff_info(1)'>

tu devrais pouvoir t'en sortir avec ca:)

Titre: Re:Afficher du texte en cliquant sur 1 image
Posté par: titi63 le le 23-01-2003 a 11:03:03

Merci de vos réponses

POde : ton script à l'air de fontionner mais il me met UNDEFINED comme affichage au lieu de mon texte. Je ne suis pas assez calé en javascript pour voir d'ou ça vient. ???

Titre: Re:Afficher du texte en cliquant sur 1 image
Posté par: POde.uk le le 23-01-2003 a 23:35:02

tu as tapé quoi dans ton script pour cette ligne :

0 = 'bonjour'; ?

car le forum transforme un [ 0 ] en [0]

Titre: Re:Afficher du texte en cliquant sur 1 image
Posté par: POde.uk le le 23-01-2003 a 23:35:37

c mieux comme ca : ;D


Code:
<script language='Javascript'>
var tabl_texte = new Array;
tabl_text[0]= 'bonjour';
tabl_text[1] = 'au revoir';

function aff_info(id) {
document.getElementById('ton_texte').innerText=tabl_texte[id];
}
</script>

Titre: Re:Afficher du texte en cliquant sur 1 image
Posté par: titi63 le le 24-01-2003 a 10:27:35

Tu as raison POde
J'avais pas vu ce défaut

Alors si j'ai bien compris
je mets
Citation:
<div id='ton_texte'></div>

la ou je veut ,voir mon texte apparaitre
Citation:
<img src='bonjour.jpg' onMouseOver='aff_info(0)'>
<img src='aurevoir.jpg' onMouseOver='aff_info(1)'>

ou je veut mettre mes images
Citation:
<script language='Javascript'>
var tabl_texte = new Array;
tabl_text[0]= 'bonjour';
tabl_text[1] = 'au revoir';

function aff_info(id) {
document.getElementById('ton_texte').innerText=tabl_texte[id];
}
</script>

dans le body ???
mais cette fois j'ai un msg d'erreur du type
tabl_texte indefini ligne 108
et ça correspond à cette lignge là:
document.getElementById('ton_texte').innerText=tabl_texte[id];
J'ai essayé de mettre le script avant et après les images ou le texte mais rien n'y fait
Grrrr, on y est presque ;)

Titre: Re:Afficher du texte en cliquant sur 1 image
Posté par: POde.uk le le 24-01-2003 a 11:29:49

essaie un peu de comprendre le code, tu vois que je veux afficher le contenu de tabl_text vu qu'il contient (dans le tableau) le texte que tu veux afficher, et quand j'appelle son contenu j'utilise tabl_texte
ya juste un "e" en trop à texte il faut ek tu modifies le code pour avoir la même variable partout

Titre: Re:Afficher du texte en cliquant sur 1 image
Posté par: titi63 le le 25-01-2003 a 16:27:51

YES YES YES
J'avais pas vu le "e" ::)
Y a des jours j'me mettrais des baffes :P
Bon j'essaie

Titre: Re:Afficher du texte en cliquant sur 1 image
Posté par: titi63 le le 28-01-2003 a 09:02:45

Bon ben ça fonctionne ;D
Dès que la page est en ligne je vous donne l'adresse ;)

Titre: Re:Afficher du texte en cliquant sur 1 image
Posté par: POde.uk le le 28-01-2003 a 19:32:15

oki :)


Forum-webmaster | Actionné par YaBB SE
© 2001-2003, YaBB SE Dev Team. Tous droits réservés.