Créer un bouton cliquable afficher_cacher

Voir le sujet précédent Voir le sujet suivant Aller en bas

Milouze14
avatar
Fondateur

MessageMilouze14

  • 16px
  • 24px
  • Zoom
Grâce à cette astuce, vous pourrez créer un bouton personnalisé (que nous verrons plus bas ;) ) qui contiendra en cliquant
sur ce dernier un contenu divers ( texte, image, iframe etc etc).

Pour ce fait:
il faut insérer un code javascript sur l'ensemble des pages de votre forum:

Modules/HTML & JAVASCRIPT/Gestions des codes javascript/Créer un nouveau javascript

Créez un nouveau javascript en le nommant par exemple ==>" Afficher_cacher" sur toutes les pages du forum.
Code:
function visibilite(thingId)
{
var targetElement;
targetElement = document.getElementById(thingId) ;
if (targetElement.style.display == "none")
{
targetElement.style.display = "" ;
} else {
targetElement.style.display = "none" ;
}
}




Pensez à valider votre nouveau javascript ;) .

Passons ensuite à la compréhension du code HTML :

Code:

<a href="javascript:visibilite('Identifiant');">
<span class="La class de votre bouton"title="Le texte au survol de la souris">Le texte cliquable</span></a>
<div id="Identifiant" style="display:none"> 
le contenu qui sera affiché lors du clic
 </div>

Décortiquons le code les ami(e)s ;) :
Code:
<a href="javascript:visibilite('Identifiant');">
C'est une partie importante car le script recherchera l'équivalent pour ouvrir le contenu:
donc il faudra avoir : identifiant dans ces deux parties
Code:
<a href="javascript:visibilite('Identifiant');">
et
Code:
<div id="Identifiant" style="display:none">


Pour créer un autre bouton il faudra mettre identifiant1, pour un autre identifiant2 etc etc.

Passons à l’apparence du bouton ;) :
Affichage/Images et Couleurs/Couleurs/Feuille de style

On va donner une apparence au contenu ;)

Code:
.identifiant
{
votre souhait d'apparence
}
 on donne une apparence au bouton ;)
.La class de votre bouton
{
votre souhait d'apparence
}

Voir comment installer un autre hébergeur dans le module de rédaction



-Le respect de nos semblables est la règle de notre conduite.-

Fondateur des forums





Voir le sujet précédent Voir le sujet suivant Revenir en haut

Créer un compte ou se connecter pour répondre

Vous devez être membre pour répondre.

S'enregistrer

Rejoignez notre communauté ! C'est facile !


S'enregistrer

Connexion

Vous êtes déjà membre ? Aucun soucis, cliquez ici pour vous connecter.


Connexion

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum