begin process at 2012 05 29 13:58:46
  Trouver un code source :
 
dans
 
Accueil > Forum > 

Javascript / DHTML / Ajax

 > 

JavaScript Orienté objet (POO)

 > 

Divers

 > 

Minimiser du texte


Derniers messages déposésPoser une question dans le forum ou lancer une discussion

Minimiser du texte

mercredi 17 mai 2006 à 14:51:30 | Minimiser du texte

La Guite


Bonjour à tous,

Tout d'abord désolé si ma question parait trop stupide.
Mais bon, j'ai survollé plusieurs site et je trouve pas (a mon avis je cherche mal)

Voila, j'ai des infos tous les jours à mettre sur une page internet.
J'aurais aimé savoir s'il était possible de minimiser le texte des mois précédents.

Je m'explique, en gros pour le moi courant, le texte est afficher normalement. Par contre pour les mois antérieurs, je voudrais mettre à disposition un petit plus qui, lorsque l'on clique dessus cela affiche le texte.

En gros c'est un menu déroulant mais géant.
Existe t'il des méthodes simples et pratique (facilement paramétrables) ou est-ce que je fais un menu déroulent géant ?

Par avance merci.


La Guite
mercredi 17 mai 2006 à 15:52:36 | Re : Minimiser du texte

bultez

Membre Club
bonjour,

un petit + (et un titre)
   "associé" à un div/span caché style="display:none"
   montré uniquement lorsque l'on clique sur le petit + (et le titre) par exemple.
      en faisant div ou span.style.display="inline";

cordialement      Bul.   site.gifSite
vendredi 26 mai 2006 à 08:44:46 | Re : Minimiser du texte

La Guite

Désolé mais j'ai beau retourné sa n'importe comment je n'ai jamais le petit plus


du coup je vois pas comme je passe du display:none a display:inline

Faut il que j'affiche une image '+' et reagir quand on cllique dessus ?

Si oui comment réagir a cet événement ?

La Guite
vendredi 26 mai 2006 à 09:36:42 | Re : Minimiser du texte

bultez

Membre Club
Réponse acceptée !




un tout ch'tit exemple ?

<HTML>
<HEAD>
<style type="text/css">
label { float:left; }
span {  display:inline;
   width:200px;
   background-color:#FFFFAA; }
</style>
<script type="Text/JavaScript">
var prec=false;
function MenuGere(act)
{
 if ( prec )
 {
  document.getElementById(prec).style.display="none"; 
 }
 document.getElementById(act).style.display="inline"; 
 prec=act;
}
</Script>
<TITLE></TITLE>
</HEAD>
<BODY>
<div style=" width:50%;
    border:1px solid #FF6A22;
    height:300px">
 <br /><label onclick="MenuGere('texte_1');">+ texte 1</label>
  <span id="texte_1"
    style="display:none" />
   <pre>du texte 1</pre>
  </span>
 <br /><label onclick="MenuGere('exemple_2');">+ titre 2</label>
  <span id="exemple_2"
    style="display:none" />
   du texte 2
   <br /><a href="
file://D:/Documents and Settings/Bul/Mes documents/Mes Sources/JavaScript/Utilitaires/Calculette/Calculette.htm">calculette</a>
   <br /><a href="
file://D:/Documents and Settings/Bul/Mes documents/Mes Sources/JavaScript/Utilitaires/Traduction Avec Google/tag.htm" target="TAG">autre page pour Traduction Google</a>
   <br />4ème ligne
  </span>
 <br /><label onclick="MenuGere('trois');">+</label>
  <span id="trois"
    style="display:none" />
   <pre>du texte trois
   2ème ligne pour 3
   et bien sûr, 3ème ligne</pre>
  </span>
 <br /><label onclick="MenuGere('et4');">+</label>
  <span id="et4"
    style="display:none" />
   <pre>quatre</pre>
  </span>
</div>
</BODY>
</HTML>


à améliorer ( doux euphémisme !!! )
   ici quand on affiche un span, on cache les autres
   image pour +, mettre - si ouvert, si click sur span ouvert => le fermer .... par exemple

cordialement   BulAnime.gifBul.   site.gif
Site /FONT>
lundi 29 mai 2006 à 09:17:34 | Re : Minimiser du texte

La Guite

Merci pour ton aide.... c'est super...

l'exemple m'a permis de mieux comprendre

La Guite
lundi 29 mai 2006 à 09:30:15 | Re : Minimiser du texte

bultez

Membre Club
>>l'exemple m'a permis de mieux comprendre
nickel alors... merci du retour.
c'était bien un exemple à comprendre, à adapter...
je me cite : à améliorer ( doux euphémisme !!! )

            cordialement   BulAnime.gifBul.   site.gif Site /FONT>


Cette discussion est classée dans : menu, texte, gros, mois, minimiser


Répondre à ce message

Sujets en rapport avec ce message

"menu déroulant" [ par AngeloVivaldi ] Bonjour à tous. Je suis un peu débutant en JavaScript, je vous expose le problème : Je voudrai, sur mon site, que lorsque l'utilisateur clique sur u mixer menu deroulant+texte [ par foloque ] Bonjour a tous!Savez vous comment fait ton pour creer un champs texte et un menu deroulant en meme temps !Par exemple : Taille on peut ecrire une tail Afficher un texte ou menu depuis un menu DHTML [ par 1ouf ] Bonjour,Je sais que mon titre de sujet n'est pas clair mais je sais pas comment le dire, ni où chercher.Voilà alors en faite je souhaite créer un menu Menu déroulant bug texte ou image défilante [ par lebeef ] Bonjour à toutes et à tous,J'ai créé un petit site (ce n'est pas de la pub www.univie.ch ). Comme vous pouvez le voir, j'ai fait un menu déroulant en gros problème menu dynamique [ par lilyvirus ] Bonjour, j'ai un gros problèeme. Je ne suis pas très doué en javascript (je prefère 100* le flash) et la je suis en stage, ma seconde partie de stage Menu horizontal [ par glumuck ] Bonjour,Après avoir testé tout plein de scripts pour le menu d'un site sur lequel je travaille, je me tourne vers vous car j'ai besoin d'aide.En fait, Texte apparition / disparition au survol d'un titre de rubrique (menu) [ par priet87 ] Bonjour, Au survol et/ou clic des rubriques de mon menu, je souhaiterai faire apparaitre dans une seule et même div le contenu (texte et peut être ph List menu qui peuple un champs texte [ par Roberto ] Bonjour, j'ai trouvé ce code et j'aimerais afficher le nom de la ville dans le champs. Quelqu'un peut me dire ce que je dois changer dans le "onch pb avec z-index [ par emibru ] Bonjour, Je suis en train de refaire une partie de mon site web en remplaçant les frames, c'est à dire avec différents états d'une même page. J'ai mi zone de texte [ par benjijackass ] j'espère que certain me comprendrons : je n'es que des compétences dans les langages HTML, CSS et PHP et je vais séparer mon site ne plusieur partie (


Nos sponsors


Sondage...

CalendriCode

Mai 2012
LMMJVSD
 123456
78910111213
14151617181920
21222324252627
28293031   

Consulter la suite du CalendriCode

A découvrir



 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 0,608 sec (4)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales