jQuery & co...

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

Résolu jQuery & co...

Message par Jainagirl le Mer 1 Déc 2010 - 21:17

hi !!


j'ai trouvé un tutoriel sympa (ici) pour optimiser mon forum mais je n'ai aucune idée pour installer tous les éléments qui le composent sur le panneau d'administration.

je suppose que la première partie du code doit s'intégrer dans la partie "PA => Affichage => Généralité" (c'est ce que je recherche)
mais que faire de la seconde partie (le code jQuery) ??
n'y a t'il pas non plus une histoire de librairie jQuery (jquery.FacileTabs.js) à ajouter ?

quelqu'un pourrait-il me dépêtrer de ce casse tête s'il vous plait ??


Dernière édition par Jainagirl le Mer 1 Déc 2010 - 23:31, édité 1 fois

Jainagirl
**

Messages : 54
Inscrit(e) le : 11/03/2009

http://cliniquesteclotilde.forumactif.fr/
Jainagirl a été remercié(e) par l'auteur de ce sujet.

Résolu Re: jQuery & co...

Message par Adam_sfp le Mer 1 Déc 2010 - 22:21

Bonsoir
Avez vous accès aux templates?
Cordialement.

Adam_sfp
+ Hyperactif +

Masculin
Messages : 4157
Inscrit(e) le : 18/04/2008

http://antonyadam.1fr1.net/portal.htm
Adam_sfp a été remercié(e) par l'auteur de ce sujet.

Résolu Re: jQuery & co...

Message par Jainagirl le Mer 1 Déc 2010 - 22:27

oui je suis l'admin du forum

Jainagirl
**

Messages : 54
Inscrit(e) le : 11/03/2009

http://cliniquesteclotilde.forumactif.fr/
Jainagirl a été remercié(e) par l'auteur de ce sujet.

Résolu Re: jQuery & co...

Message par Adam_sfp le Mer 1 Déc 2010 - 22:38

bonsoir
Ok a ce moment la il faut héberger le fichier jquery.FacileTabs.js
par exemple chez archive host

Ensuite dans le template overall header juste avant </head> insérer ceci

Code:
<script src="ICI LE LIEN DE VOTRE FICHIER jquery.FacileTabs.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){

  $("#menuOnglets").facileTabs();

});
</script>
enregistrez et validez

Insérez ensuite la partie Xhtml dans la page d'accueil et modifier à votre guise..



Code:
<ul id="menuOnglets">
  <li><a href="#blocUn">Onglet Un</a></li>
  <li><a href="#blocDeux">Onglet Deux</a></li>
  <li><a href="#blocTrois">Onglet Trois</a></li>
</ul>

<hr/>

<div class="bloc" id="blocUn">
  <h3>Bloc de l'onglet UN</h3>
  <p>Lorem ipsum dolor sit amet, <a href="http://qc.yahoo.ca/">consetetur sadipscing</a> elitr, sed diam nonumyeirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diamvoluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumyeirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diamvoluptua. At vero eos et accusam et justo duo dolores et ea reb...</p>
  <hr/>
</div>

<div class="bloc" id="blocDeux">
  <h3>Bloc de l'onglet DEUX</h3>
  <p>Cum saepe multa, tum memini domi in hemicyclio sedentem, ut solebat, cum et ego essem una et pauci admodum familiares, in eum sermonem illum incidere qui tum forte multis erat in ore. Meministi enim profecto, Attice, et eo magis, quod P. Sulpicio utebare multum, cum is tribunus plebis capitali odio a Q. Pompeio, qui tum erat consul, dissideret, quocum coniunctissime et amantissime vixerat, quanta esset hominum vel admiratio vel querella.</p>
  <hr/>
</div>

<div class="bloc" id="blocTrois">
  <h3>Bloc de l'onglet TROIS</h3>
  <p>Dein Syria per speciosam interpatet diffusa planitiem. hanc nobilitat Antiochia, mundo cognita civitas, cui non certaverit alia advecticiis ita adfluere copiis et internis, et Laodicia et Apamia itidemque Seleucia iam inde a primis auspiciis florentissimae.</p>
  <hr/>
</div>

il faut certainement ensuite faire une mise en page via le CSS.

Cordialement.

Adam_sfp
+ Hyperactif +

Masculin
Messages : 4157
Inscrit(e) le : 18/04/2008

http://antonyadam.1fr1.net/portal.htm
Adam_sfp a été remercié(e) par l'auteur de ce sujet.

Résolu Re: jQuery & co...

Message par Jainagirl le Mer 1 Déc 2010 - 22:46

merci pour la réponse, je vais tester ceci ^^
je vous tiens au courant...

Jainagirl
**

Messages : 54
Inscrit(e) le : 11/03/2009

http://cliniquesteclotilde.forumactif.fr/
Jainagirl a été remercié(e) par l'auteur de ce sujet.

Résolu Re: jQuery & co...

Message par Jainagirl le Mer 1 Déc 2010 - 23:31

ok !! ca marche. merci beaucoup !

il reste juste la mise en forme. je vais tenter de me débrouiller !
encore merci !

Jainagirl
**

Messages : 54
Inscrit(e) le : 11/03/2009

http://cliniquesteclotilde.forumactif.fr/
Jainagirl a été remercié(e) par l'auteur de ce sujet.

Résolu Re: jQuery & co...

Message par Adam_sfp le Mer 1 Déc 2010 - 23:39

bonsoir
Dans la même lignée avec la mise en forme
Ensuite dans le template overall header juste avant </head> insérer ceci

Code:
<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
  <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
 
  <script>
  $(document).ready(function() {
    $("#tabs").tabs();
  });
  </script>
enregistrez et validez

Insérez ensuite la partie Xhtml dans la page d'accueil et modifier à votre guise..



Code:
<div id="tabs">
    <ul>
        <li><a href="#fragment-1"><span>Onglet 1</span></a></li>
        <li><a href="#fragment-2"><span>Onglet 2</span></a></li>
        <li><a href="#fragment-3"><span>Onglet 3</span></a></li>
    </ul>
    <div id="fragment-1">
        <p>First tab is active by default:</p>
        <pre><code>$('#example').tabs();</code></pre>
    </div>
    <div id="fragment-2">
        Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
        Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
    </div>
    <div id="fragment-3">
        Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
        Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
        Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
    </div>
</div>
Cordialement.

Adam_sfp
+ Hyperactif +

Masculin
Messages : 4157
Inscrit(e) le : 18/04/2008

http://antonyadam.1fr1.net/portal.htm
Adam_sfp a été remercié(e) par l'auteur de ce sujet.

Résolu Re: jQuery & co...

Message par Jainagirl le Mer 1 Déc 2010 - 23:53

mon forum s'est tout décalé sur la gauche. je me souviens avoir lu la solution de ce problème sur le forum mais je ne la retrouve pas...

Jainagirl
**

Messages : 54
Inscrit(e) le : 11/03/2009

http://cliniquesteclotilde.forumactif.fr/
Jainagirl a été remercié(e) par l'auteur de ce sujet.

Résolu Re: jQuery & co...

Message par Adam_sfp le Jeu 2 Déc 2010 - 10:38

Bonjour
Avec le premier ou le dernier script?
Peut être une histoire de margin..

Cordialement.

Adam_sfp
+ Hyperactif +

Masculin
Messages : 4157
Inscrit(e) le : 18/04/2008

http://antonyadam.1fr1.net/portal.htm
Adam_sfp a été remercié(e) par l'auteur de ce sujet.

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


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