Précédent   Forum des professionnels en informatique > Webmasters - Développement Web > JavaScript
JavaScript Forum programmation JavaScript. Lire : Cours JavaScript, FAQ JavaScript, Toutes les FAQ JavaScript et Sources JavaScript
Partagez cette discussion sur d'autres réseaux sociaux : Viadeo Twitter Google Facebook Digg Delicious MySpace Yahoo
Réponse Proposer ce sujet en actualité
 
Outils de la discussion
Publicité
'
Vieux 18/12/2011, 09h32   #1
Invité de passage
 
Inscription : septembre 2008
Messages : 13
Détails du profil
Informations forums :
Inscription : septembre 2008
Messages : 13
Points : 1
Points : 1
Par défaut Lien sans rafraichir la page

Bonjour à tous,

J'ai codé une page ou quand je clique sur le lien il m'affiche une photo dans la même page sans la rafraichir.

Ce que j'aimerai en plus faire c'est ajouter un petit texte à l'image.

je bloque comme passer mes infos texte et de le récupérer avec le lien de l'image.

Code html :
1
2
3
<a href="#" onclick="document.getElementById('monImage').src ='image/drapeau.png';document.getElementById('monImage').style.visibility='visible';reset_texte('monTexte1');">Afficher l'image</a> 
<img id="monImage" src="image/pixel.gif" style="visibility='hidden';">
<p id="monTexte1" style="visibility:hidden;"></p>

Est ce que je dois faire un code javascript ?

Merci à celui qui pourra m'aider.
mars77 est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 18/12/2011, 09h39   #2
Modérateur
 
Avatar de NoSmoking
 
Homme
Inscription : janvier 2011
Messages : 2 944
Détails du profil
Informations personnelles :
Sexe : Homme
Localisation : France, Isère (Rhône Alpes)

Informations forums :
Inscription : janvier 2011
Messages : 2 944
Points : 4 776
Points : 4 776
Bonjour,
en modifiant le innerHTML
Code :
document.getElementById('monTexte1').innerHTML = 'le texte de l\'image';
NoSmoking est déconnecté   Envoyer un message privé Réponse avec citation 10
Vieux 18/12/2011, 09h50   #3
Invité de passage
 
Inscription : septembre 2008
Messages : 13
Détails du profil
Informations forums :
Inscription : septembre 2008
Messages : 13
Points : 1
Points : 1
Par défaut pas de texte affiché.

J'ai modifier comme ceci mon code.
Est ce que c'est juste ? car le texte ne s'affiche pas ???

Code :
1
2
3
<a href="#" onclick="document.getElementById('monImage').src ='image/drapeau.png';document.getElementById('monImage').style.visibility='visible'; document.getElementById('monTexte1').innerHTML = 'le texte de l\'image';">Afficher l'image</a> 
<img id="monImage" src="image/pixel.gif" style="visibility='hidden';">
<p id="monTexte1" style="visibility:hidden;"></p>
Merci pour votre aide
mars77 est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 18/12/2011, 09h54   #4
Rédacteur/Modérateur
 
Avatar de SpaceFrog
 
Homme
Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur
Inscription : mars 2002
Messages : 30 071
Détails du profil
Informations personnelles :
Sexe : Homme
Localisation : Royaume-Uni

Informations professionnelles :
Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur
Secteur : Industrie

Informations forums :
Inscription : mars 2002
Messages : 30 071
Points : 45 202
Points : 45 202
le code est correct, mais tu as juste oublié une petite chose ...
Tu rends bien ton image visible avec ce code
Code :
document.getElementById('monImage').style.visibility='visible';
... mais pas ta zone contenant le texte ...
Son contenu est bien changé, mais il reste invisible
fais en autant pour l'élément dont tu as modifié le innerHTML et il apparaitra
__________________
Ma page Developpez
Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
Votre post est résolu ? Alors n'oubliez pas le Tag


réalisations :www.planet-languages.com|www.saftair.com| www.ouestisol.fr | www.sebemex.fr | www.extramiante.fr | www.sistac-alizay.fr | www.acoustishop.fr | www.litt.fr | www.ouestventil.fr
SpaceFrog est déconnecté   Envoyer un message privé Réponse avec citation 10
Vieux 18/12/2011, 11h34   #5
Invité de passage
 
Inscription : septembre 2008
Messages : 13
Détails du profil
Informations forums :
Inscription : septembre 2008
Messages : 13
Points : 1
Points : 1
Par défaut Ca fonctionne.

Merci pour votre aide et explication.
Cela fonctionne tip top.


Code :
1
2
3
<a href="#" onclick="document.getElementById('monImage').src ='image/drapeau.png';document.getElementById('monImage').style.visibility='visible';document.getElementById('monTexte1').innerHTML = 'le texte de l\'image';document.getElementById('monTexte1').style.visibility='visible';">Afficher l'image</a> 
<img id="monImage" src="image/pixel.gif" style="visibility='hidden';">
<p id="monTexte1" style="visibility:hidden;"></p>
mars77 est déconnecté   Envoyer un message privé Réponse avec citation 00
Réponse Proposer ce sujet en actualité Cette discussion est résolue.
Outils de la discussion



Fuseau horaire GMT +2. Il est actuellement 19h58.


 
 
 
 
Partenaires

Hébergement Web