Communauté francophone - Jimdo
Bienvenue sur le nouveau forum de discussion officiel de la communauté francophone des utilisateurs de Jimdo.

Ce forum annule et remplace le précédent forum Jimdo, qui a malheureusement dû être fermé pour raisons techniques.

Vous avez un ou plusieurs sites Jimdo ? Enregistrez vous sur le forum, posez vos questions et prenez part aux discussions !

Vous êtes simple visiteur ? Vous pouvez consulter nos pages, mais vous ne pourrez pas laisser de message.

Div navigation et fondu d'entrée (fade in)

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

Div navigation et fondu d'entrée (fade in)

Message par jojo86 le Ven 20 Mai 2016 - 11:41

Bonjour,

Je découvre Jimdo.
J'ai déjà développé des site web auparavant, en partant de rien (HTML, PHP, JAVASCRIPT).
J'ai adoré utiliser JQuery qui offre plein d'option d'affichage.

Je souhaite pouvoir créer des fondu d'entrée à l'ouverture du site, sur certaines balises, par exemple, un fondu d'entrée sur la balise "navigation".
Est-il possible d'utiliser JQuery avec Jimdo ? Existe-t-il un autre moyen de faire ça?

Je pensais gagner du temps, mais voilà deux jours que je suis sur ce problème...

Merci de votre aide.

jojo86

Messages : 17
Date d'inscription : 20/05/2016

http://www.mathieu-beaulieu.fr/accueil2/

Revenir en haut Aller en bas

Re: Div navigation et fondu d'entrée (fade in)

Message par FredVig le Ven 20 Mai 2016 - 13:00

Oui c'est possible, (javascript, jquery, mootools, mais pas de Php évidemment)
Il y a une interface qui génère du code (css meta et importation des bibliothèque jquery etc.)
global ou par page, c'est le paramètre > "modifier le Head" (voir tutos de ce forum par exemple)
VOus pouvez ajouter du code javascript sur une page précise, avec un module "html".
Il n'est pas possible d'ajouter un code tout en bas de page, comme cela est parfois nécessaire.
Vous pouvez aussi développer un design personnel, mais il faut d'abord comprendre le fonctionnement particulier de jimdo et sa structure, ses balises aux noms spécifiques etc.
Mais de toute façon, si vous savez développer un site entièrement, L'intérêt de Jimdo risque de vous paraître moindre.

_________________
Sauf indication contraire, les codes de ce forum sont valables pour UN site précis, à une date précise. Essayez-les, mais essayez surtout de comprendre comment ils fonctionnent.
Je suis 'Expert' Jimdo affilié, bénévole du forum et indépendant rémunéré par mes clients.
Si vous avez apprécié mon aide, aidez en retour !
Acupuncture Bordeaux - Tailam (école Arts Martiaux) - MTC Tours - Maison des arts martiaux Tours L'étape à pâtes (Restaurant) Association Bohaires de Gasconha
avatar
FredVig

Messages : 1855
Date d'inscription : 07/10/2014

http://fredvig.com

Revenir en haut Aller en bas

Re: Div navigation et fondu d'entrée (fade in)

Message par FredVig le Ven 20 Mai 2016 - 13:03

Jimdo utilise déjà d'office des bibliothèques jquery dans sa structure, ce qui fait que certaines bibli ne sont pas compatibles et plantent le code quand on les importe. Je ne suis pas spécialiste, d'autres membres du forum sont bien plus habitués au javascript et jquery.

_________________
Sauf indication contraire, les codes de ce forum sont valables pour UN site précis, à une date précise. Essayez-les, mais essayez surtout de comprendre comment ils fonctionnent.
Je suis 'Expert' Jimdo affilié, bénévole du forum et indépendant rémunéré par mes clients.
Si vous avez apprécié mon aide, aidez en retour !
Acupuncture Bordeaux - Tailam (école Arts Martiaux) - MTC Tours - Maison des arts martiaux Tours L'étape à pâtes (Restaurant) Association Bohaires de Gasconha
avatar
FredVig

Messages : 1855
Date d'inscription : 07/10/2014

http://fredvig.com

Revenir en haut Aller en bas

Re: Div navigation et fondu d'entrée (fade in)

Message par jojo86 le Ven 20 Mai 2016 - 19:27

Merci de ta réponse.
Je suis en train de tester, mais je n'y arrive pas.
Lien vers la page : http : http://totobobo.jimdo.com/testfondu/
Je voulais poster le code dans des balises code mais ça ne fonctionne pas, j'ai une erreur sur le forum...
J'ai donc remplacé les "<>" par "-"

J'ai modifié le header de la page pour intégrer le lien ver le fichier jquery comme ça :


Code:
-script src="http : http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.js" type="text/javascript"-


-/script-


-script type="text/javascript"-
//<![CDATA[

    $(document).ready(function(){
            $("#testfondu").fadeIn(8000);
    });

//]]>


-/script-


J'ai ajouté un objet texte et j'ai ensuite cliqué sur le bouton </> pour ajouter ce code :

Code:

[size=12]-div id="testfondu"-[/size]
[size=12]-p-J'essaye de faire appara&icirc;tre ce texte en fondu pour voir si &ccedil;a fonctionne...-/p-[/size]
[size=12]-p-Mais visiblement &ccedil;a ne fonctionne pas !&nbsp;</p>[/size]
[size=12]-/div-[/size]


Lorsque je fais un aperçu de la page j'ai ceci :

Code:
      -div id="content_area" data-container="content"--div id="content_start"--/div-
        
        -div id="cc-matrix-2890522799"--div id="cc-m-11166251999" class="j-module n j-text "--div id="testfondu"-
    -p-
        J'essaye de faire apparaître ce texte en fondu pour voir si ça fonctionne...
    -/p-

    -p-
        Mais visiblement ça ne fonctionne pas ! 
    -/p-
-/div--/div--/div-
        
        -/div-
    -/div-


J'ai du louper un truc...

jojo86

Messages : 17
Date d'inscription : 20/05/2016

http://www.mathieu-beaulieu.fr/accueil2/

Revenir en haut Aller en bas

Re: Div navigation et fondu d'entrée (fade in)

Message par jojo86 le Ven 20 Mai 2016 - 19:32

Oups voila 2 heures que je tourne en rond, je poste le sujet et comme par miracle je trouve la solution...
Le problème venait du fait que mon text était déjà apparent lors de l'affichage de la page.
Il faut donc le masquer pour ensuite le faire apparaitre par fondu !

Code:
  $("#testfondu").hide().fadeIn(8000);

jojo86

Messages : 17
Date d'inscription : 20/05/2016

http://www.mathieu-beaulieu.fr/accueil2/

Revenir en haut Aller en bas

Re: Div navigation et fondu d'entrée (fade in)

Message par Contenu sponsorisé


Contenu sponsorisé


Revenir en haut Aller en bas

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

- Sujets similaires

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