CONNEXION
  • RetourJeux
    • Sorties
    • Hit Parade
    • Les + populaires
    • Les + attendus
    • Soluces
    • Tous les Jeux
    • Gaming
  • RetourActu Gaming
    • News
    • Astuces
    • Tests
    • Previews
    • Toute l'actu gaming
  • RetourBons plans
    • Bons plans
    • Bons plans Smartphone
    • Bons plans Hardware
    • Bons plans Image et Son
    • Bons plans Amazon
    • Bons plans Cdiscount
    • Bons plans Decathlon
    • Bons plans Fnac
    • Tous les Bons plans
  • RetourJVTech
    • Actus High-Tech
    • Intelligence Artificielle
    • Smartphones
    • Mobilité urbaine
    • Hardware
    • Image et son
    • Tutoriels
    • Tests produits High-Tech
    • Guides d'achat High-Tech
    • JVTech
  • RetourCulture
    • Actus Culture
    • Culture
  • RetourVidéos
    • A la une
    • Gaming Live
    • Vidéos Tests
    • Vidéos Previews
    • Gameplay
    • Trailers
    • Chroniques
    • Replay Web TV
    • Toutes les vidéos
  • RetourForums
    • Hardware PC
    • PS5
    • Switch 2
    • Xbox Series
    • Switch
    • Pokemon pocket
    • FC 25 Ultimate Team
    • League of Legends
    • Tous les Forums
  • PC
  • PS5
  • Xbox Series
  • Switch 2
  • PS4
  • One
  • Switch
  • iOS
  • Android
  • MMO
  • RPG
  • FPS
En ce moment Genshin Impact Valhalla Breath of the wild Animal Crossing GTA 5 Red dead 2
Liste des sujets

Help HTML texte caché "lire la suite"

tudumtudum
tudumtudum
Niveau 10
24 septembre 2008 à 17:35:54

Bonjour, voilà une bonne heure que je me prend la tête à essayer de configurer du HTML et j'arrive à rien...

Voici mon problème : j'aimerais simplement cacher un texte, mettre un lien "lire la suite" et que lorsque l'on clique sur ce lien le texte s'ouvre juste en dessous.

J'ai mangé ces 3 pages :
http://peutetreunereponse.over-blog.com/article-1237990.html#nogo
http://brendufat.over-blog.com/article-6161349.html#fairelirelasuite_afficher
http://brendufat.over-blog.com/article-6243749.html#lirelasuite2_retour

Et je n'y arrive toujours pas ! Un peux d'aide svp ? Merci d'avance.

LeLion-67
LeLion-67
Niveau 10
24 septembre 2008 à 17:53:09

Pour faire simple :

Tu met le texte caché par défaut dans un div avec le style display:none.

Sur le lien "voir tout", tu met un OnClick="afficheText();"

Et tu met le script suivant dans le JS

function afficheText (div)
{
if ( document.getElementById(div).style.display == "" )
{
document.getElementById(div).style.display = "none";
}
else
{
document.getElementById(div).style.display = "";
}
}

J'ai pas testé la function, c'est un vieux truc qui trainait dans mes archives. Normalement ca devrait fonctionner.

LeLion-67
LeLion-67
Niveau 10
24 septembre 2008 à 17:53:54

OnClick="afficheText(<<< Nom du div caché >>>);"

tudumtudum
tudumtudum
Niveau 10
24 septembre 2008 à 18:00:15

:salut: Merci de ton aide mais j'ai jamais touché à du HTML de ma vie ou à tout autre code de programmation informatique, je ne sais pas ce qu'est un "div" ou le "display:none"

MathieuN7
MathieuN7
Niveau 10
24 septembre 2008 à 19:26:39

Pas l'air de fonctionner ton code LeLion... :/

deepblue
deepblue
Niveau 16
24 septembre 2008 à 22:30:19

onclick="afficheText('id du div');"

function afficheText(id_div) {

if(document.getElementById(id_div)) {
if(document.getElementById(id_div).style.display == "" ) {
document.getElementById(id_div).style.display = "none";
} else {
document.getElementById(id_div).style.display = "";
}
}

}

Cependant, je préconise d'utiliser des libraires genre jquery pour ça, c'est plus simple :ok:

Sous forums
  • Aide à l'achat Mac
  • Macintosh
  • Création de Jeux
  • Programmation
  • Création de sites web
  • Linux
  • Internet
  • Steam Deck
  • Hardware
La vidéo du moment