Lire la suite, cacher

Résolu/Fermé
juliendu51100 Messages postés 444 Date d'inscription samedi 14 mars 2015 Statut Membre Dernière intervention 22 juin 2021 - Modifié par jordane45 le 19/04/2015 à 20:05
juliendu51100 Messages postés 444 Date d'inscription samedi 14 mars 2015 Statut Membre Dernière intervention 22 juin 2021 - 21 avril 2015 à 18:22
Bonjour, j'ai créer ce code mais j'ai un problème je voudrait marquer une fois que j'ai cliquer sur lire la suite que cacher s'affiche en dessous du texte qui vien d'apparaître merci pour votre aide
<script type="text/javascript">
//<![CDATA[
 
function visibilite(thingId) 
{ 
var targetElement; 
targetElement = document.getElementById(thingId) ; 
if (targetElement.style.display == "none") 
{ 
targetElement.style.display = "" ; 
} else { 
targetElement.style.display = "none" ; 
} 
} 
//]]>
</script>
<p>
    <a href="javascript:visibilite('divid1');">lire la suite...</a>
</p>

<div id="divid1" style="display:none;">
    <p>
       Voici la suite
    </p>
</div>


EDIT: Ajout des balises de code
Merci de bien vouloir utiliser la coloration syntaxique (les balises de code) lorsque tu postes du code sur le forum.
Explications disponibles ici :
https://codes-sources.commentcamarche.net/faq/10686-le-nouveau-codes-sources-comment-ca-marche#balises-code

A voir également:

4 réponses

jordane45 Messages postés 37253 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 17 mars 2023 4 551
19 avril 2015 à 20:10
Bonjour,

Tu veux faire apparaitre, sous le texte affiché via le bouton "lire la suite" le texte "Masquer"?

En gros :
(sans les balises CDATA.. qui ne servient à rien) ni la précision du langage dans le onclick...

<script type="text/javascript">

 
function visibilite(thingId) { 
  var targetElement = document.getElementById(thingId) ; 
  if (targetElement.style.display == "none") { 
    targetElement.style.display = "" ; 
  } else { 
    targetElement.style.display = "none" ; 
  } 
} 
</script>
<p>
    <a onclick="visibilite('divid1');">lire la suite...</a>
</p>

<div id="divid1" style="display:none;">
    <p>
       Voici la suite
    </p>
   <p> 
      <a  onclick="visibilite('divid1');">Masquer</a>
   </p>
</div>


1
jordane45 Messages postés 37253 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 17 mars 2023 4 551
21 avril 2015 à 10:08
Bonjour,
J'avais bêtement recopié une partie de ton code ...
Le voici corrigé

<script type="text/javascript"> 
function visibilite(thingId) { 
  var targetElement = document.getElementById(thingId) ; 
  if (targetElement.style.display == "none") { 
    targetElement.style.display = "" ; 
  } else { 
    targetElement.style="display:none;";
  } 
} 
</script>
<p id="p_afficher_la_suiite" style="cursor:pointer">
    voici le debut du premier texte <a onclick="visibilite('divid1');visibilite('p_afficher_la_suiite');">lire la suite...</a>
</p>

<div id="divid1" style="display:none;cursor:pointer;">
    <p>
        Voici la suite
    </p>

    <p>
        <a  style="cursor:pointer" onclick="visibilite('divid1');visibilite('p_afficher_la_suiite');">Masquer</a>
    </p>
</div>

1
juliendu51100 Messages postés 444 Date d'inscription samedi 14 mars 2015 Statut Membre Dernière intervention 22 juin 2021 6
21 avril 2015 à 13:07
merci pour votre réponse :) cependant le curseur n'apparait toujours pas pour afficher la suite et le texte de début disparait serrait t'il possible de conserver le texte de début sauf "afficher la suite..." ? merci de votre aide
0
jordane45 Messages postés 37253 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 17 mars 2023 4 551 > juliendu51100 Messages postés 444 Date d'inscription samedi 14 mars 2015 Statut Membre Dernière intervention 22 juin 2021
Modifié par jordane45 le 21/04/2015 à 13:48
<script type="text/javascript"> 
function visibilite(thingId) { 
  var targetElement = document.getElementById(thingId) ; 
  if (targetElement.style.display == "none") { 
    targetElement.style.display = "" ; 
  } else { 
    targetElement.style="display:none;cursor:pointer";
  } 
} 
</script>
<p id="p_afficher_la_suiite" style="cursor:pointer">
    voici le debut du premier texte < a id='affichersuite' 'onclick="visibilite('divid1');visibilite('affichersuite');" style="cursor:pointer">lire la suite...</a>
</p>

<div id="divid1" style="display:none;cursor:pointer;">
    <p>
        Voici la suite
    </p>

    <p>
        <a  style="cursor:pointer" onclick="visibilite('divid1');visibilite('affichersuite');">Masquer</a>
    </p>
</div>
0
juliendu51100 Messages postés 444 Date d'inscription samedi 14 mars 2015 Statut Membre Dernière intervention 22 juin 2021 6
21 avril 2015 à 17:49
je suis vraiment désoler de vous déranger a nouveau mais il m'affiche : voici le debut du premier texte < a id='affichersuite' 'onclick="visibilite('divid1');visibilite('affichersuite');" style="cursor:pointer">lire la suite...
0
jordane45 Messages postés 37253 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 17 mars 2023 4 551 > juliendu51100 Messages postés 444 Date d'inscription samedi 14 mars 2015 Statut Membre Dernière intervention 22 juin 2021
21 avril 2015 à 18:00
<p id="p_afficher_la_suiite" style="cursor:pointer">
    voici le debut du premier texte <a id='affichersuite' onclick="visibilite('divid1');visibilite('affichersuite');" style="cursor:pointer">lire la suite...</a>
</p>

0
juliendu51100 Messages postés 444 Date d'inscription samedi 14 mars 2015 Statut Membre Dernière intervention 22 juin 2021 6
21 avril 2015 à 18:05
merci pour votre réponse aussi rapide cela a régler mon problème cependant cacher ne fonctionnent plus ( mais maintenant le curseur fonctionnent :) )

<script type="text/javascript">
//<![CDATA[
 
   function visibilite(thingId) { 
     var targetElement = document.getElementById(thingId) ; 
     if (targetElement.style.display == "none") { 
       targetElement.style.display = "" ; 
    } else { 
      targetElement.style="display:none;cursor:pointer";
    } 
  } 
//]]>
</script>
<p id="p_afficher_la_suiite" style="cursor:pointer">
    voici le debut du premier texte <a id='affichersuite' onclick="visibilite('divid1');visibilite('affichersuite');" style="cursor:pointer" name="affichersuite">lire la suite...</a>
</p>

<div id="divid1" style="display:none;cursor:pointer;">
    <p>
        Voici la suite
    </p>

    <p>
        <a style="cursor:pointer" onclick="visibilite('divid1');visibilite('affichersuite');">Masquer</a>
    </p>
</div>
0
juliendu51100 Messages postés 444 Date d'inscription samedi 14 mars 2015 Statut Membre Dernière intervention 22 juin 2021 6
19 avril 2015 à 21:18
Bonjour Jordane45 merci pour votre réponse oui ces exactement ce que je voudrait serrait t'il possible que le curseur de la souris affiche la main au lieu de rester comme avant ( la flèche ) merci pour votre aide
0
jordane45 Messages postés 37253 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 17 mars 2023 4 551
19 avril 2015 à 22:02
Style = "cursor: pointer; "
0
juliendu51100 Messages postés 444 Date d'inscription samedi 14 mars 2015 Statut Membre Dernière intervention 22 juin 2021 6
Modifié par juliendu51100 le 20/04/2015 à 06:38
je n'arrive pas j'ai aissaiyer de le stoque a plusieurs endroit cependant il ce mes dans les texte
<script type="text/javascript">
//<![CDATA[

 
function visibilite(thingId) { 
  var targetElement = document.getElementById(thingId) ; 
  if (targetElement.style.display == "none") { 
    targetElement.style.display = "" ; 
  } else { 
    targetElement.style.display = "none" ;
  } 
} 
//]]>
</script>
<p>
    voici le debut du premier texte <a onclick="visibilite('divid1');">lire la suite...</a>
</p>

<div id="divid1" style="display:none;">Style = "cursor: pointer; "
    <p>
        Voici la suite
    </p>

    <p>
        <a onclick="visibilite('divid1');">Masquer</a>
    </p>
</div>
0
jordane45 Messages postés 37253 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 17 mars 2023 4 551
20 avril 2015 à 09:55
Si tu as déjà un attribut STYLE dans ton élément html... il ne faut pas en remettre in...il faut compléter le premier..... (en les séparant avec des point-virgules)
0
juliendu51100 Messages postés 444 Date d'inscription samedi 14 mars 2015 Statut Membre Dernière intervention 22 juin 2021 6
20 avril 2015 à 19:06
J'ai fait sa cependant sa ne fonctionnent que pour cacher et je suis désoler mais je voudrait vous demander juste une dernière chose : que quand on n'a appuyer sur afficher la suite qu'il disparaît et que si on appuie sur cacher qu'il apparaissent serrait t'il possible ? merci :)

type="text/javascript">
//<![CDATA[

 
function visibilite(thingId) { 
  var targetElement = document.getElementById(thingId) ; 
  if (targetElement.style.display == "none") { 
    targetElement.style.display = "" ; 
  } else { 
    targetElement.style="display:none;"> 
  } 
} 
//]]>
</script>
<p>
    voici le debut du premier texte <a onclick="visibilite('divid1');">lire la suite...</a>
</p>

<div id="divid1" style="display:none;cursor:pointer;">
    <p>
        Voici la suite
    </p>

    <p>
        <a onclick="visibilite('divid1');">Masquer</a>
    </p>
</div>
<script
0
jordane45 Messages postés 37253 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 17 mars 2023 4 551
Modifié par jordane45 le 20/04/2015 à 19:41
quand on n'a appuyer sur afficher la suite qu'il disparaît et que si on appuie sur cacher qu'il apparaissent

Je n'ai rien compris.....

EDIT : Ah si je pense avoir compris... tu veux faire disparaitre le "Afficher la suite" une fois qu'on a cliqué dessus ... et le faire réapparaitre lorsqu'on clique sur "Maquer" ...? c'est bien ça ?
0
jordane45 Messages postés 37253 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 17 mars 2023 4 551 > jordane45 Messages postés 37253 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 17 mars 2023
Modifié par jordane45 le 20/04/2015 à 19:43
Donc ça :
<script type="text/javascript">
 
function visibilite(thingId) { 
  var targetElement = document.getElementById(thingId) ; 
  if (targetElement.style.display == "none") { 
    targetElement.style.display = "" ; 
  } else { 
    targetElement.style="display:none;"> 
  } 
} 
</script>
<p id="p_afficher_la_suiite">
    voici le debut du premier texte <a onclick="visibilite('divid1');visibilite('p_afficher_la_suiite');">lire la suite...</a>
</p>

<div id="divid1" style="display:none;cursor:pointer;">
    <p>
        Voici la suite
    </p>

    <p>
        <a  onclick="visibilite('divid1');visibilite('p_afficher_la_suiite');">Masquer</a>
    </p>
</div>
<script>
0
juliendu51100 Messages postés 444 Date d'inscription samedi 14 mars 2015 Statut Membre Dernière intervention 22 juin 2021 6
21 avril 2015 à 06:52
bonjours je viens de tester le code cependant il ne fonctionnent pas :/
apparemment ce serrait la ligne 1 et 9 j'ai tester le code sur diffèrent testeur de java script est il me site tout les deux ces ligne... j'ai essayer de mettre la première ligne comme sa
<script type="text/javascript">

cependant elle parait toujours fausse merci de votre aide
0