High-Tech Santé Médecine Droit-Finances

Réalisation

vidéo numérique

Rechercher : dans
Par :

[html] cacher ou afficher des éléments

Dernière réponse le 18 jun 2009 à 10:55:46 neointhematrix, le 5 sep 2007 à 11:09:52 
 Signaler ce message aux modérateurs

Bonjour à tous, je désirerai faire quelque chose en HTML (de simple je pense) mais je lutte vraiment car je ne sais pas comment m'y prendre.

J' ai par exemple un lien avec un texte en dessous :

ICI C'EST LE LIEN 1

[TEXTE1]Bonjour à tous Bonjour à tous Bonjour à tous Bonjour à tous Bonjour à tous Bonjour à tous Bonjour à tous Bonjour à tousBonjour à tous Bonjour à tous Bonjour à tous Bonjour à tous Bonjour à tousBonjour à tous Bonjour à tousBonjour à tousBonjour à tousBonjour à tous Bonjour à tous Bonjour à tous Bonjour à tousBonjour à tousBonjour à tous Bonjour à tousBonjour à tousBonjour à tous [TEXTE1]

ICI C'EST LE LIEN 2

[TEXTE2]Aurevoir Aurevoir Aurevoir Aurevoir Aurevoir Aurevoir Aurevoir Aurevoir Aurevoir Aurevoir Aurevoir Aurevoir Aurevoir Aurevoir Aurevoir Aurevoir Aurevoir Aurevoir Aurevoir Aurevoir Aurevoir Aurevoir Aurevoir Aurevoir Aurevoir Aurevoir Aurevoir Aurevoir Aurevoir Aurevoir Aurevoir Aurevoir Aurevoir Aurevoir Aurevoir Aurevoir Aurevoir Aurevoir Aurevoir Aurevoir [TEXTE2]




-->J'aimerai que lorqsue que je clique sur le premier lien, tous le [TEXTE1] disparaisse et que cà donne ca :


ICI C'EST LE LIEN 1

ICI C'EST LE LIEN 2

[TEXTE2]Aurevoir Aurevoir Aurevoir Aurevoir Aurevoir Aurevoir Aurevoir Aurevoir Aurevoir Aurevoir Aurevoir Aurevoir Aurevoir Aurevoir Aurevoir Aurevoir Aurevoir Aurevoir Aurevoir Aurevoir Aurevoir Aurevoir Aurevoir Aurevoir Aurevoir Aurevoir Aurevoir Aurevoir Aurevoir Aurevoir Aurevoir Aurevoir Aurevoir Aurevoir Aurevoir Aurevoir Aurevoir Aurevoir Aurevoir Aurevoir [TEXTE2]


--> c'est a dire que la suite de la page soit affichée tt de suite derriere le lien 1. Et que si je veux réafficher le [TEXTE1], je n'ai qu'à cliquer sur son lien.


Ce n'est pas évident à expliquer et j'espère avoir été clair.

Merci d'avance à tous.

Configuration: Windows XP
Firefox 2.0.0.6

Meilleures réponses pour « [html] cacher ou afficher des éléments » dans :
Javascript/CSS : Afficher/cacher plusieurs ID (Résolu) Voir
Afficher les extensions et les fichiers cachés sous Windows Voir Pour afficher les extensions Solution simple Solution avec le registre Pour afficher les fichiers et les dossiers cachés Pour afficher les fichiers et les dossiers système Pourquoi afficher les extensions ? Lorsque vous ne voyez...
Afficher les fichiers ou dossiers cachés (Résolu) Voir
Inverser les éléments d'un tableau -Récursivité- VoirVoici une procédure récursive qui permet d’inverser les éléments d’une partie d’un tableau compris entre la position p et n : Procedure Inverser (Var t : Tab; p, n : Integer); Var aux : Real; Begin If p < n Then ...
[Messagerie] Copie cachée-Masquer les adresses des destinataires Voir
Une popup d'information au survol sans Javascript ni CSS VoirParfois, il peut être utile d'afficher des informations supplémentaire au survol du curseur sur une zone de l'écran, par exemple "Cliquez pour agrandir" sur une image, un descriptif sur une abbréviation ou des détails sur un lien. On trouve...
Les balises HTML VoirHTML, un langage à balises Le HTML n'est pas un langage de programmation. Il s'agit d'un langage permettant de décrire la mise en page et la forme d'un contenu rédigé en texte simple. Une page HTML est ainsi un simple fichier texte...
La syntaxe des style (CSS) VoirDéfinition d'un style La définition d'un style se fait à l'aide de règles en texte simple permettant de décrire l'aspect des éléments de la page. Une règle CSS est caractérisée par deux principaux éléments : Un sélecteur de balises, permettant de...
Conteneurs de séquence - stack Voirstack Les piles sont des structures de données qui se comportent, comme leur nom l’indique, comme un empilement d’objets. Elles ne permettent donc d’accéder qu’aux éléments situés en haut de la pile, et la récupération des éléments se fait dans...
Posez votre question Répondre

1

neojick, le 5 sep 2007 à 11:17:58
  • +2

Il faut faire ça en javascript.

Tu mets ton texte dans une div de cette façon : 

<div id="id_div_1" style="display:none;">
            Texte à masquer, afficher
</div>




Et sur ton lien 

a href="" onclick="javascript:visibilite('id_div'_1); return false;" >Lien</a>



Dans ton HEAD tu mets ce code javascript 

function visibilite(thingId)
{
var targetElement;
targetElement = document.getElementById(thingId) ;
if (targetElement.style.display == "none")
{
targetElement.style.display = "" ;
} else {
targetElement.style.display = "none" ;
}
}
Pluie en septembre, route mouillée

   
Répondre à neojick

2

neuf, le 5 sep 2007 à 11:23:58
  • +1

Bonjour cher ami,

tout d'abord utilise un tableau pour organiser le tout.

<table>
<tr id="id_lien1"><td>ICI C'EST LE LIEN 1 </td></tr>

<tr id="id_texte1"></td>[TEXTE1]Bonjour à tous Bonjour à tous Bonjour à tous Bonjour à tous Bonjour à tous Bonjour à tous Bonjour à tous Bonjour à tousBonjour à tous Bonjour à tous Bonjour à tous Bonjour à tous Bonjour à tousBonjour à tous Bonjour à tousBonjour à tousBonjour à tousBonjour à tous Bonjour à tous Bonjour à tous Bonjour à tousBonjour à tousBonjour à tous Bonjour à tousBonjour à tousBonjour à tous [TEXTE1]</td></tr>
</table>

ensuite dans la balise <A> de ton lien tu utilisera du javascript pour cacher ou activer la ligne <tr> en question en invoquant son "id"

<A href="" onclick="javascript:document.ElementById('id_texte1').style.display="none";">

et pour la suite ce n'est plus qu'un jeux de test pour le réafficher ou non via l'intruction document.ElementById('id_texte1').style.display="";

Bon courage!

   
Répondre à neuf

3

neointhematrix, le 5 sep 2007 à 11:29:46

Super Neojick, ta solution marche nickel! Merci pour ta rapidité.

Merci également à Neuf pour sa solution proposée.

   
Répondre à neointhematrix

4

neojick, le 5 sep 2007 à 11:34:38
  • +1

De rien. Bonne continuation à toi

Pluie en septembre, route mouillée

   
Répondre à neojick

5

jonnnnnnny, le 1 mai 2009 à 16:33:06

Est ce que le texte caché dans les balises est vu par le robot de google ?

   
Répondre à jonnnnnnny

6

 illeriane, le 18 jun 2009 à 10:55:46

Oui, les robots qui parcourent le web ne sont pas affectés par le javascript.

   
Répondre à illeriane
Posez votre question Répondre
Ils ont besoin de votre aide