Sujet Précédent Sujet Suivant

Blogger : problème de code, pour créer une foire aux questions

Résolu/Fermé
pidou1 Messages postés 16 Date d'inscription vendredi 26 juillet 2013 Statut Membre Dernière intervention 14 décembre 2015 - 26 juil. 2013 à 18:06
pidou1 Messages postés 16 Date d'inscription vendredi 26 juillet 2013 Statut Membre Dernière intervention 14 décembre 2015 - 31 juil. 2013 à 10:05
Salut à tous les experts de Blogger,

J'suis une débutante sur Blogger. Et avant de venir vous voir, je n'ai pas trouvé mon bonheur sur Google.
En fait j'ai un petit problème sur la page http://coloration-des-cheveux.blogspot.com/p/foire-aux-questions.html C'est celle de la foire aux questions. La "Question trois" refuse de s'ouvrir quand je clique dessus. Et je ne sais pas pourquoi.

Est-ce que quelqu'un veut bien m'expliquer ce que j'ai fait de travers pour que je corrige l'erreur? Merci d'avance ;-)

Voici le code que j'ai inséré dans l'éditeur html de la page concerné :

<div align="justify">
<span style="font-family: inherit;"><span style="font-size: small;"><span style="color: black;"><a href="javascript:%20toggle(d)">Question un</a></span></span></span></div>
<div id="d" style="display: none;">
<div align="justify">
<span style="color: black;">Reply to question un.</span></div>
</div>
<div align="justify">
<span style="font-size: small;"><span style="font-family: Arial,Helvetica,sans-serif;"><span style="color: black;"><b><br /></b></span></span></span></div>
<div align="justify">
<span style="font-family: inherit;"><span style="font-size: small;"><span style="color: black;"><a href="javascript:%20toggle(e)">Question deux</a></span></span></span></div>
<div id="e" style="display: none;">
<div align="justify">
<span style="color: black;">Reply to question deux.</span></div>
</div>
<div align="justify">
<span style="font-size: small;"><span style="font-family: Arial,Helvetica,sans-serif;"><span style="color: black;"><b><br /></b></span></span></span></div>
<div align="justify">
<span style="font-family: inherit;"><span style="font-size: small;"><span style="color: black;"><a href="javascript:%20toggle(f)">Question trois</a></span></span></span></div>
<div id="e" style="display: none;">
<div align="justify">
<span style="color: black;">Reply to question trois.</span></div>
</div>
<script language="JavaScript" type="text/javascript">// <![CDATA[
function toggle(tag) {
if (tag.style.display=='') {
tag.style.display='none'
} else {
tag.style.display=''
}
}
// ]]></script>
A voir également:

4 réponses

Réponse 1 / 4
SweetRiver Messages postés 102 Date d'inscription jeudi 4 août 2011 Statut Membre Dernière intervention 22 novembre 2016 6
26 juil. 2013 à 18:21
Bonsoir,

Il y a peut-être eu un pb de copier/coller.

Voici le code (voir la correction en gras) qui devrait marcher (Q3) : 

<div align="justify">
<span style="font-size: small;"><span style="font-family: Arial,Helvetica,sans-serif;"><span style="color: black;"><b><br /></b></span></span></span></div>
<div align="justify">
<span style="font-family: inherit;"><span style="font-size: small;"><span style="color: black;"><a href="javascript:%20toggle(f)">Question trois</a></span></span></span></div>
<div id="f" style="display: none;">
<div align="justify">
<span style="color: black;">Reply to question trois.</span></div>
</div>

@+
0
pidou1 Messages postés 16 Date d'inscription vendredi 26 juillet 2013 Statut Membre Dernière intervention 14 décembre 2015
26 juil. 2013 à 18:24
Merci SweetRiver,
T'es trop sympa. Je vais corriger ça tout de suite. Et je te dis dans la minute ce que ça donne ;-).
0
pidou1 Messages postés 16 Date d'inscription vendredi 26 juillet 2013 Statut Membre Dernière intervention 14 décembre 2015
26 juil. 2013 à 18:29
Je viens de faire la correction en remplçant <div id="e" par <div id="f", mais ça ne marche pas. J'ai essayé plusieurs fois sur la page http://coloration-des-cheveux.blogspot.com/p/foire-aux-questions.html

A ton avis, qu'est-ce que je n'ai pas bien fait?

Merci d'avance pour ta réponse.
0
SweetRiver Messages postés 102 Date d'inscription jeudi 4 août 2011 Statut Membre Dernière intervention 22 novembre 2016 6
26 juil. 2013 à 18:38
Curieux. Par contre j'ai un souci pour trouver le code sur ta page mais pas grave.

Copie ce code complet, il est opérationnel chez moi : 

<div align="justify">
<span style="font-family: inherit;"><span style="font-size: small;"><span style="color: black;"><a href="javascript:%20toggle(d)">Question un</a></span></span></span></div>
<div id="d" style="display: none;">
<div align="justify">
<span style="color: black;">Reply to question un.</span></div>
</div>
<div align="justify">
<span style="font-size: small;"><span style="font-family: Arial,Helvetica,sans-serif;"><span style="color: black;"><b><br /></b></span></span></span></div>
<div align="justify">
<span style="font-family: inherit;"><span style="font-size: small;"><span style="color: black;"><a href="javascript:%20toggle(e)">Question deux</a></span></span></span></div>
<div id="e" style="display: none;">
<div align="justify">
<span style="color: black;">Reply to question deux.</span></div>
</div>
<div align="justify">
<span style="font-size: small;"><span style="font-family: Arial,Helvetica,sans-serif;"><span style="color: black;"><b><br /></b></span></span></span></div>
<div align="justify">
<span style="font-family: inherit;"><span style="font-size: small;"><span style="color: black;"><a href="javascript:%20toggle(f)">Question trois</a></span></span></span></div>
<div id="f" style="display: none;">
<div align="justify">
<span style="color: black;">Reply to question trois.</span></div>
</div>
<script language="JavaScript" type="text/javascript">// <![CDATA[
function toggle(tag) {
if (tag.style.display=='') {
tag.style.display='none'
} else {
tag.style.display=''
}
}
// ]]></script>


@+
0
pidou1 Messages postés 16 Date d'inscription vendredi 26 juillet 2013 Statut Membre Dernière intervention 14 décembre 2015
26 juil. 2013 à 18:40
Ok ça marche. Je te tiens au courant dans quelques minutes. Encore merci ;-)
0
pidou1 Messages postés 16 Date d'inscription vendredi 26 juillet 2013 Statut Membre Dernière intervention 14 décembre 2015
Modifié par pidou1 le 26/07/2013 à 19:07
Décidément je n'ai pas de chance avec ce code. Il ne fonctionne toujours pas même si :

1. j'ai fait un copier/coller de ton code
2. j'ai fermé et réouvert Blogger
3. j'ai utilisé CCleaner
4. j'ai affiché mon blog sur Mozilla Firefox
5. j'ai affiché mon blog sur Internet Explorer
6. j'ai affiché mon blog sur Google Chrome

En plus ça m'ennuie puisqu'en tout je voulais ajouter 20 questions. J'ai dû louper quelque chose. Mais comme je ne suis pas une experte de Blogger... :-(.

As-tu des suggestions? Ou as-tu un autre code html tout simple, avec une foire aux questions proche de celle que je souhaiterais?

Merci d'avance.
0
Réponse 2 / 4
pidou1 Messages postés 16 Date d'inscription vendredi 26 juillet 2013 Statut Membre Dernière intervention 14 décembre 2015
Modifié par pidou1 le 27/07/2013 à 09:35
Problème enfin résolu.

Quelqu'un m'a suggéré de tester toutes les lettres de l'alphabet en les insérant dans les éléments suivants :
- %20toggle(lettre à insérer ici)
- <div id="lettre à insérer ici"

Conclusion :
1. J'ai crée 5 autres questions. Et je me suis rendue compte que les questions ne s'ouvraient pas, après insertion des lettres suivantes :
- a
- b
- c
- f
- g
- h
- k
- l
- m

2. Quelqu'un m'a aussi dit que ce code ne réagit pas de la même manière selon la plateforme de blog ou le site utilisé. Il a fait un test sur Prestashop et sur Overblog. Et des questions qui s'ouvrent sans difficultés sur Blogger, ont du mal à s'ouvrir sur Overblog ou sur Prestashop.

3. Voici le code que j'ai finalement inséré dans l'éditeur html de ma page Blogger http://coloration-des-cheveux.blogspot.fr/p/foire-aux-questions.html:

<div align="justify">
<span style="font-family: inherit;"><span style="font-size: small;"><span style="color: black;"><a href="javascript:%20toggle(n)">Question un</a></span></span></span></div>
<div id="n" style="display: none;">
<div align="justify">
<span style="color: black;">Reply to question un.</span></div>
</div>
<div align="justify">
<span style="font-size: small;"><span style="font-family: Arial,Helvetica,sans-serif;"><span style="color: black;"><b><br /></b></span></span></span></div>
<div align="justify">
<span style="font-family: inherit;"><span style="font-size: small;"><span style="color: black;"><a href="javascript:%20toggle(o)">Question deux</a></span></span></span></div>
<div id="o" style="display: none;">
<div align="justify">
<span style="color: black;">Reply to question deux.</span></div>
</div>
<div align="justify">
<span style="font-size: small;"><span style="font-family: Arial,Helvetica,sans-serif;"><span style="color: black;"><b><br /></b></span></span></span></div>
<div align="justify">
<span style="font-family: inherit;"><span style="font-size: small;"><span style="color: black;"><a href="javascript:%20toggle(q)">Question trois</a></span></span></span></div>
<div id="q" style="display: none;">
<div align="justify">
<span style="color: black;">Reply to question trois.</span></div>
</div>
<div align="justify">
<span style="font-size: small;"><span style="font-family: Arial,Helvetica,sans-serif;"><span style="color: black;"><b><br /></b></span></span></span></div>
<div align="justify">
<span style="font-family: inherit;"><span style="font-size: small;"><span style="color: black;"><a href="javascript:%20toggle(d)">Question quatre</a></span></span></span></div>
<div id="d" style="display: none;">
<div align="justify">
<span style="color: black;">Reply to question quatre.</span></div>
</div>
<div align="justify">
<span style="font-size: small;"><span style="font-family: Arial,Helvetica,sans-serif;"><span style="color: black;"><b><br /></b></span></span></span></div>
<div align="justify">
<span style="font-family: inherit;"><span style="font-size: small;"><span style="color: black;"><a href="javascript:%20toggle(e)">Question cinq</a></span></span></span></div>
<div id="e" style="display: none;">
<div align="justify">
<span style="color: black;">Reply to question cinq.</span></div>
</div>
<div align="justify">
<span style="font-size: small;"><span style="font-family: Arial,Helvetica,sans-serif;"><span style="color: black;"><b><br /></b></span></span></span></div>
<div align="justify">
<span style="font-family: inherit;"><span style="font-size: small;"><span style="color: black;"><a href="javascript:%20toggle(s)">Question six</a></span></span></span></div>
<div id="s" style="display: none;">
<div align="justify">
<span style="color: black;">Reply to question six.</span></div>
</div>
<div align="justify">
<span style="font-size: small;"><span style="font-family: Arial,Helvetica,sans-serif;"><span style="color: black;"><b><br /></b></span></span></span></div>
<div align="justify">
<span style="font-family: inherit;"><span style="font-size: small;"><span style="color: black;"><a href="javascript:%20toggle(w)">Question sept</a></span></span></span></div>
<div id="w" style="display: none;">
<div align="justify">
<span style="color: black;">Reply to question sept.</span></div>
</div>
<div align="justify">
<span style="font-size: small;"><span style="font-family: Arial,Helvetica,sans-serif;"><span style="color: black;"><b><br /></b></span></span></span></div>
<div align="justify">
<span style="font-family: inherit;"><span style="font-size: small;"><span style="color: black;"><a href="javascript:%20toggle(y)">Question huit</a></span></span></span></div>
<div id="y" style="display: none;">
<div align="justify">
<span style="color: black;">Reply to question huit.</span></div>
</div>
<div align="justify">
<span style="font-size: small;"><span style="font-family: Arial,Helvetica,sans-serif;"><span style="color: black;"><b><br /></b></span></span></span></div>
<div align="justify">
<span style="font-family: inherit;"><span style="font-size: small;"><span style="color: black;"><a href="javascript:%20toggle(i)">Question neuf</a></span></span></span></div>
<div id="i" style="display: none;">
<div align="justify">
<span style="color: black;">Reply to question neuf.</span></div>
</div>
<div align="justify">
<span style="font-size: small;"><span style="font-family: Arial,Helvetica,sans-serif;"><span style="color: black;"><b><br /></b></span></span></span></div>
<div align="justify">
<span style="font-family: inherit;"><span style="font-size: small;"><span style="color: black;"><a href="javascript:%20toggle(j)">Question dix</a></span></span></span></div>
<div id="j" style="display: none;">
<div align="justify">
<span style="color: black;">Reply to question dix.</span></div>
</div>
<div align="justify">
<span style="font-size: small;"><span style="font-family: Arial,Helvetica,sans-serif;"><span style="color: black;"><b><br /></b></span></span></span></div>
<div align="justify">
<span style="font-family: inherit;"><span style="font-size: small;"><span style="color: black;"><a href="javascript:%20toggle(p)">Question onze</a></span></span></span></div>
<div id="p" style="display: none;">
<div align="justify">
<span style="color: black;">Reply to question onze.</span></div>
</div>
<div align="justify">
<span style="font-size: small;"><span style="font-family: Arial,Helvetica,sans-serif;"><span style="color: black;"><b><br /></b></span></span></span></div>
<div align="justify">
<span style="font-family: inherit;"><span style="font-size: small;"><span style="color: black;"><a href="javascript:%20toggle(r)">Question douze</a></span></span></span></div>
<div id="r" style="display: none;">
<div align="justify">
<span style="color: black;">Reply to question douze.</span></div>
</div>
<span style="font-size: small;"><span style="font-family: Arial,Helvetica,sans-serif;"><span style="color: black;"><b><br /></b></span></span></span></div>
<div align="justify">
<span style="font-family: inherit;"><span style="font-size: small;"><span style="color: black;"><a href="javascript:%20toggle(t)">Question treize</a></span></span></span></div>
<div id="t" style="display: none;">
<div align="justify">
<span style="color: black;">Reply to question treize.</span></div>
</div>
<span style="font-size: small;"><span style="font-family: Arial,Helvetica,sans-serif;"><span style="color: black;"><b><br /></b></span></span></span>
<br />
<div align="justify">
<span style="font-family: inherit;"><span style="font-size: small;"><span style="color: black;"><a href="javascript:%20toggle(u)">Question quatorze</a></span></span></span></div>
<div id="u" style="display: none;">
<div align="justify">
<span style="color: black;">Reply to question quatorze.</span></div>
</div>
<span style="font-size: small;"><span style="font-family: Arial,Helvetica,sans-serif;"><span style="color: black;"><b><br /></b></span></span></span>
<br />
<div align="justify">
<span style="font-family: inherit;"><span style="font-size: small;"><span style="color: black;"><a href="javascript:%20toggle(v)">Question quinze</a></span></span></span></div>
<div id="v" style="display: none;">
<div align="justify">
<span style="color: black;">Reply to question quinze.</span></div>
</div>
<span style="font-size: small;"><span style="font-family: Arial,Helvetica,sans-serif;"><span style="color: black;"><b><br /></b></span></span></span>
<br />
<div align="justify">
<span style="font-family: inherit;"><span style="font-size: small;"><span style="color: black;"><a href="javascript:%20toggle(x)">Question seize</a></span></span></span></div>
<div id="x" style="display: none;">
<div align="justify">
<span style="color: black;">Reply to question seize.</span></div>
</div>
<span style="font-size: small;"><span style="font-family: Arial,Helvetica,sans-serif;"><span style="color: black;"><b><br /></b></span></span></span>
<br />
<div align="justify">
<span style="font-family: inherit;"><span style="font-size: small;"><span style="color: black;"><a href="javascript:%20toggle(z)">Question dix-sept</a></span></span></span></div>
<div id="z" style="display: none;">
<div align="justify">
<span style="color: black;">Reply to question dix-sept.</span></div>
</div>
<script language="JavaScript" type="text/javascript">// <![CDATA[
function toggle(tag) {
if (tag.style.display=='') {
tag.style.display='none'
} else {
tag.style.display=''
}
}
// ]]></script>

Encore merci à tous ceux qui m'ont aidé ;-)
0
Réponse 3 / 4
Blogger-me
Modifié par Blogger-me le 31/07/2013 à 09:49
Je vois que vous avez résolu votre problème.La prochaine fois si vous avez des questions,vous pouvez visiterwww.blogger-me.com .A bientôt
0
Réponse 4 / 4
pidou1 Messages postés 16 Date d'inscription vendredi 26 juillet 2013 Statut Membre Dernière intervention 14 décembre 2015
31 juil. 2013 à 10:05
Merci pour l'info. Je ne connaissais pas ce site. Je le visite de suite parce que j'ai d'autres questions à propos de Blogger et, surtout sur le modèle dynamique.

Ciao ;-)
0

Discussions similaires

Impossible d'acceder à Blogger
Vossi-78 -
Vossi-78 -

4 réponses
je voudrais retrouver mon skyblog
maeva -
telliak -

6 réponses
comment entrer dans mon blog (blogspot)
amaterra -
dugenou -

1 réponse
retrouver un skyblog supprimé
FredeL.14 -
Tomy2e -

1 réponse
Comment rendre un blog sur Blogger compatible avec google adsens
MarchonsEnsemble -
bg62 -

5 réponses