La Communauté Webmaster  forum rss


  Forum-webmaster
  Technique - programmation
  HTML / CSS / XHTML
(Modérateurs: Shain, Netah, Lilian, lauryv, ToToMaStEr)
  Améliorer ma FAQ
« Précédent Suivant »
Pages: [1] Descendre
Répondre    Aviser des réponses    Envoyer le sujet    Imprimer
  Auteur  Sujet: Améliorer ma FAQ  (Lu 985 fois)
Améliorer ma FAQ
« sur: le 18-02-2007 a 17:12:37 »
marque
Membre récent
*

Hors-Ligne

Sexe: Male
Messages: 2



Je suis un lama!

Voir le Profil
Répondre avec citation

Bonjour,

j'ai réalisé une FAQ (trop complète ou trop longue).

En fait je cherche un script ou code html qui permette lorsque l'on clique sur la question de voire la réponse apparaitre. et lorsque que l'on afinit, on reclique sur la question pour voire la réponse disparaitre.

merci

Rapporter au modérateur  

Re:Améliorer ma FAQ
« Répondre #1 sur: le 18-02-2007 a 19:35:42 »
MarvinLeRouge
Superactif
****

Hors-Ligne

Messages: 584





Voir le Profil    WWW
Répondre avec citation

Salut,

J'ai déjà fait ce genre de scripts, mais il est adapté à la structure html que j'avais choisie pour mon cas. Si tu donnes l'url de ta page, je pense que je pourrais au moins t'aider, voire te fournir un script qui le fait (si nos structures se ressemblent suffisament).

Rapporter au modérateur  

Développeur web / Création de site internet
jean@ceugniet.com
Jean Ceugniet, Développement web
SIRET : 523 611 044 00018
Re:Améliorer ma FAQ
« Répondre #2 sur: le 18-02-2007 a 21:21:27 »
iowa
Invité

E-Mail
Répondre avec citation

Le JavaScript :

Code:

function check(name)
{
   document.getElementById(name).style.visibility = (document.getElementById(name).style.visibility == 'hidden')?'visible':'hidden';
}


et le xhtml assez simple :

Code:

<a href="#" onClick="check('bloc1');" >Comment .... ? </a>
   <div id="bloc1" style="visibility:hidden;" >
   Avec des .... ou des ....
   </div>
   
<br />

<a href="#" onClick="check('bloc2');" >Comment .... ? </a>
   <div id="bloc2" style="visibility:hidden;">
   Avec des .... ou des .... iuhug
   </div>


Enfete dans le lien tu specifies l'id du bloc à afficher dans la fonction check.

Rapporter au modérateur  
Re:Améliorer ma FAQ
« Répondre #3 sur: le 18-02-2007 a 21:26:21 »
iowa
Invité

E-Mail
Répondre avec citation

En utilisant les display none plus confortable dans ton cas :

Code:

<script language="JavaScript">
function check(name)
{
   document.getElementById(name).style.display = (document.getElementById(name).style.display == 'none')?'inline':'none';
}
</script>

<a href="#" onClick="check('bloc1');" >Comment .... ? </a><br />
   <div id="bloc1" style="display:none;" >
   Avec des .... ou des ....<br />
   Avec des .... ou des ....<br />
   Avec des .... ou des ....<br />
   </div>
   
<br />

<a href="#" onClick="check('bloc2');" >Comment .... ? </a><br />
   <div id="bloc2" style="display:none;">
   Avec des .... ou des .... iuhug
   </div>


Ca permet de ne pas reserver la place pour la réponse en dessous de la question

Rapporter au modérateur  
Re:Améliorer ma FAQ
« Répondre #4 sur: le 20-02-2007 a 08:20:59 »
marque
Membre récent
*

Hors-Ligne

Sexe: Male
Messages: 2



Je suis un lama!

Voir le Profil
Répondre avec citation

merci merci beaucoup. génial !!

Rapporter au modérateur  
Répondre    Aviser des réponses    Envoyer le sujet    Imprimer
Pages: [1] Monter
« Précédent Suivant »
Sauter à: 

Votre statut : Invité
Vous devez être membre pour participer.
 
 
Let’s Encrypt : le certificat SSL gratuit
Tester votre site internet sur différents navigateurs
[WordPress] Des problèmes avec l’administration ?
Rappel : Mettez à jour vos CMS et vos sites E-commerce
Le .fr fête ses 25 années d’existence !
Mesurer votre audience en temps réel avec BubbleStat
Porter réclamation contre Google Panda ?
Zlio n’est plus …
 
 
 
 
 

Copyright (c) Devclic 2002 - 2026 - Tous droits réservés

creation site internet strasbourg