Afficher remplacer un div par clique d'image
Résolu/Fermé
smoky184
Messages postés
123
Date d'inscription
mardi 28 juillet 2009
Statut
Membre
Dernière intervention
22 janvier 2014
-
27 mars 2010 à 10:50
smoky184 Messages postés 123 Date d'inscription mardi 28 juillet 2009 Statut Membre Dernière intervention 22 janvier 2014 - 27 mars 2010 à 11:54
smoky184 Messages postés 123 Date d'inscription mardi 28 juillet 2009 Statut Membre Dernière intervention 22 janvier 2014 - 27 mars 2010 à 11:54
A voir également:
- Afficher remplacer un div par clique d'image
- Remplacer disque dur par ssd - Guide
- Word remplacer un mot par un autre - Guide
- Image iso - Guide
- Acronis true image - Télécharger - Sauvegarde
- Recherche par image - Guide
3 réponses
Rodolphe_
Messages postés
1498
Date d'inscription
samedi 7 mai 2005
Statut
Membre
Dernière intervention
20 décembre 2014
285
27 mars 2010 à 11:04
27 mars 2010 à 11:04
Bonjour,
pas besoin d'acheter un logiciel pour ça, le bloc note aurait suffit.
Si vous voulez afficher un texte différent sans avoir à recharger la page, il faut passer par javascript.
Il existe des tas d'exemples sur le net de galeries en javascript que vous pourrez adapter à votre cas.
Concrètement l'ensemble des textes est present sur la page web mais une partie sera cachée par javascript. C'est le principe des galeries d'images par exemple.
https://www.alsacreations.com/tuto/lire/719-galerie-images-simple-jquery.html
pas besoin d'acheter un logiciel pour ça, le bloc note aurait suffit.
Si vous voulez afficher un texte différent sans avoir à recharger la page, il faut passer par javascript.
Il existe des tas d'exemples sur le net de galeries en javascript que vous pourrez adapter à votre cas.
Concrètement l'ensemble des textes est present sur la page web mais une partie sera cachée par javascript. C'est le principe des galeries d'images par exemple.
https://www.alsacreations.com/tuto/lire/719-galerie-images-simple-jquery.html
smoky184
Messages postés
123
Date d'inscription
mardi 28 juillet 2009
Statut
Membre
Dernière intervention
22 janvier 2014
9
27 mars 2010 à 11:20
27 mars 2010 à 11:20
merci Rodolphe je vais regarder ca
smoky184
Messages postés
123
Date d'inscription
mardi 28 juillet 2009
Statut
Membre
Dernière intervention
22 janvier 2014
9
27 mars 2010 à 11:54
27 mars 2010 à 11:54
bon ben c'est bon j'ai trouver tout seul au final mais merci quand meme Rodolphe
pour ceux qui cherche aussi je laisse un code
pour ceux qui cherche aussi je laisse un code
<html>
<head>
<script>
function visibilite(thingId)
{
var i;
var targetElement;
for(i=1; i<=3;i++){
targetElement = document.getElementById("divid" + i) ;
targetElement.style.display = "none" ;
}
targetElement = document.getElementById("divid" + thingId) ;
targetElement.style.display = "" ;
}
</script>
<script>
function cacher()
var i;
var targetElement;
for(i=1; i<=3;i++){
targetElement = document.getElementById("divid" + i) ;
targetElement.style.display = "none" ;
}
</script>
</head>
<body>
<a onClick="javascript:visibilite('1');">lien1
<a onClick="javascript:visibilite('2');">lien2
<a onClick="javascript:visibilite('3');">lien3
<div id="divid1" style="display:none;">**** CONTENU LIEN1 *****</div>
<div id="divid2" style="display:none;">**** CONTENU LIEN2 *****</div>
<div id="divid3" style="display:none;">**** CONTENU LIEN3 *****</div>
</body>
</html>
