[Question]Faire un effet Afficher/masquer

Toutes les questions concernant ce tutos se poseront ici.

Date d'inscription: 16/06/2011 Distinctions: Déléguée de classe d'Août 2011

Sur plusieurs exercices que j'ai lu, il faut appeler le jquery parce que celui ci est hébergé dans un autre fichier.
J'aimerais savoir pourquoi le script ne peut pas etre directement écrit dans le head de la page.
ou si c'est faisable si on travaille juste sur une page de site avec ce script et dans ce cas, quel est l'extension de la page (.php ?)

Merci

Coucou

Si tu mets le script directement dans le head, ta page peut aussi bien être en php, en html,....

en revanche, si tu fais une page qu'avec le script, l'extension est .js Smile

_________________

SoP Story :: 2ème votes éliminatoires

Date d'inscription: 16/06/2011 Distinctions: Déléguée de classe d'Août 2011

Date d'inscription: 27/02/2011

Bonjour,

Je m'y attelle depuis cet après-midi et je suis bloquée...

J'ai hébergé le fichier, je l'ai placé avec mais... je ne comprends pas le plus simple : comment utiliser cette fonction dans un message de mon forum xooit ? Oo

Si quelqu'un peut m'expliquer... ce serait gentil Smile

Merci d'avance.

_________________

Coucou

Tout est expliqué dans le tutoriel ^^ Il ne faut pas juste recopier bêtement les codes qui s'y trouvent hein Wink

les explications données sont toutes utiles...

Pour l'utiliser dans tes messages, il suffit juste de mettre

Code:

<h1 class="elt_declancheur">Clique moi !</h1>
<div class="afficher_masquer">mon texte</div>

_________________

SoP Story :: 2ème votes éliminatoires

Date d'inscription: 27/02/2011

Bonjour,

J'ai bien suivi tout le tuto mais ça ne fonctionne pas.

Pourtant le fichier est bien hébergé... mais quand je mets

Code:

<h1 class="elt_declancheur">Clique moi !</h1>
<div class="afficher_masquer">mon texte</div>

Ca ne fonctionne pas...

Par ailleurs, quand je mets le code

Code:

avant

Code:

ma colonne smiley disparaît xD

C'est le gros bazard dans ton code javascript.... Je te conseille de l'héberger ailleurs

Voici le "vrai" code :

Code:

jQuery().ready(function(){
$(".afficher_masquer").hide();
$(".elt_declancheur").click(function(){
if($(this).next("div").is(":hidden")){
   $(".afficher_masquer").slideUp();
$(this).next("div").slideDown();
   }else{
   $(this).next("div").slideUp();
   }
});
});

et le tien

Code:

{\rtf1\ansi\ansicpg1252\deff0\deflang1036{\fonttbl{\f0\fswiss\fcharset0 Arial;}}
{\*\generator Msftedit 5.41.15.1515;}\viewkind4\uc1\pard\f0\fs20 jQuery().ready(function()\{\par
$(".afficher_masquer").hide();\par
$(".elt_declancheur").click(function()\{\par
if($(this).next("div").is(":hidden"))\{ \par
$(".afficher_masquer").slideUp(); \par
$(this).next("div").slideDown();\par
\}else\{\par
$(this).next("div").slideUp();\par
\}\par
\}); \par
\});\par
}

_________________

SoP Story :: 2ème votes éliminatoires

Date d'inscription: 27/02/2011

Re-bonjour,

Alors je l'ai remis à jour et sur la page, cela semble s'afficher correctement... mais ça ne fonctionne toujours pas...

*retourne re-re-re-re...re-re-re-re-re-vérifier tout une nouvelle fois*

Edit : bon ben non, je comprends pas pourquoi...

Le souci vient de xooit qui commente son code n'importe où et surtout n'importe comment.

ça marche pour l'index mais pas dans les messages (d'ailleurs, que tu mets du code html dans le message, il se "permet" de le modifier....). La meilleure solution ? changer d'hébergeur

_________________

SoP Story :: 2ème votes éliminatoires

Date d'inscription: 27/02/2011

Ah d'accord... et euh... est-ce la fonction "nom de domaine" sur un hébergeur privé tel que 1&1 change (ou pourrait) changer quelque chose ?

_________________

Je n'ai pas compris ta question Embarassed

_________________

SoP Story :: 2ème votes éliminatoires

Date d'inscription: 27/02/2011

Désolée ^^

Je me disais juste que vu que j'ai acheté mon propre nom de domaine... en liant avec Xooit, est-ce que cela changerait quelque chose ?

Ou sinon, est-ce qu'on pourrait m'aider à l'installer dans un module ?

Date d'inscription: 05/09/2011

Yop,

Tout d'abord merci pour ce tutoriel, c'est exactement ce que je cherchais. Mais j'ai un gros gros problème, il se trouve que je suis nouveau dans le codage, ma maitrise du html et css est plutot bonne je dirai mais tout ce qui est dans ce tuto, me dépasse carrément.

Voila ce que j'ai :

http://narutoshinobiatotsug.forumactif.com/t31-condition-de-pret-bancaire?tt=1

Je ne comprend pas pourquoi ca me fait ca :s

Si vous pouviez m'aider, ca serait vraiment sympa de votre part. Et soyez gontil hein xD

Date d'inscription: 24/06/2010

Hello

ça fonctionne .. quel est le problème ?

Si c'est pour l'écriture il te faut régler la taille, couleur etc dans ta feuille css , nous pourrons le voir si tu le souhaites dans ta formation

_________________

J’ai toujours rêvé que mon ordinateur soit aussi simple à utiliser que mon téléphone.
Ce rêve est devenu réalité : je ne comprends plus comment utiliser mon téléphone [ by Bjarne Stroustrup ]

Mes cadeaux de Noel : Merci Clo

Merci Volt