Fork me on GitHub






Comment utiliser script Tickbox avec nouvelle version Xoops
Régulier
Inscrit: 06/02/2003 15:18
Messages: 387
Bonjour a tous,

J'essaye désesperément d'installer la thickbox dans myalbum 2.88 avec xoops 2.3.3

Est-ce que cela peut-il encore fonctionner avec la version 2.3.3 de xoops ?

Me suis basé sur les tutoriaux de xoofoo. Cela fonctionne très bien avec mon site qui est en 2.0.17 mais pas avec 2.3.3

Auriez vous une solution svp ?

Merci d'avance a tous

Sixpack

Posté le : 15/12/2009 11:31
Partager Twitter Partagez cette article sur GG+
Re: Comment utiliser script Tickbox avec nouvelle version Xoops
Guest_
b'jour Sixpack (suis de retour )

Tu as peut être un conflit javascript (les librairies JQuery et Mootools fonctionnent difficilement ensemble, et visiblement Xoops est parti pour privilégier JQuery, livrée dans le dossier xoops_libs/Framework).

Ce que tu peux faire, c'est utiliser le script Thickbox pour JQuery.

Dans theme.html tu mets :
<script type="text/javascript" src="<{xoImgUrl /js/jquery-1.3.2.min.js}>"></script>
<script type="text/javascript" src="<{xoImgUrl /js/thickbox.js}>"></script>
<link rel="stylesheet" href="<{xoImgUrl /js/thickbox/thickbox.css}>" type="text/css" media="screen" />


Dans un dossier /js de ton thème tu places les fichiers suivants :
• jquery-1.3.2.min.js
• thickbox.js
• thickbox/thickbox.css
> les fichiers sont à télécharger ici

Ensuite tu suis les instructions qui se trouvent à la même page :
• dans les templates, vérifier que tu as bien class="thickbox" pour tes liens sur les vignettes
• par contre je ne sais pas l'instruction rel="gallery-plants" va fonctionner (elle te permet de faire des diaporama sur ta thickbox, pas réussi à la faire marcher)

Par contre je ne sais pas si l'instruction

Posté le : 15/12/2009 12:01
Partager Twitter Partagez cette article sur GG+
Re: Comment utiliser script Tickbox avec nouvelle version Xoops
Régulier
Inscrit: 06/02/2003 15:18
Messages: 387
Salut Burning,

Merci pour ton aide.
Bon j'ai bien mis tous au bon endroit mais il semblerait qu'il ne veuille pas se lancer tout de meme ...

Dans mon theme j'ai mis les 3 fichiers. Ton code dans le head de mon theme.

Et la class sur mon lien mais cela ne fonctionne toujours pas ...

Maintenant je ne l'ai pas mis directement dans mon theme.html car le head se trouve dans un repertoire xotpl et est appelé dans theme.html

Est ce que cela pourrais être le problème ?

Voici mon head.html

<!-- Title and meta -->
  <
title><{if $xoops_pagetitle !=''}><{$xoops_pagetitle}> : <{/if}><{$xoops_sitename}></title>
  <
meta http-equiv="content-type" content="text/html; charset=<{$xoops_charset}>" />    
  <
meta name="robots" content="<{$xoops_meta_robots}>" />
  <
meta name="keywords" content="<{if $xoops_pagetitle !=''}><{$xoops_pagetitle}>, <{/if}><{$xoops_meta_keywords}>" />
  <
meta name="description" content="<{if $xoops_pagetitle !=''}><{$xoops_pagetitle}>, <{/if}><{$xoops_meta_description}>" />
  <
meta name="rating" content="<{$xoops_meta_rating}>" />
  <
meta name="author" content="<{$xoops_meta_author}>" />
  <
meta name="copyright" content="<{$xoops_meta_copyright}>" />
  <
meta name="generator" content="XOOPS" />
    
  <!-- 
Rss -->
  <
link rel="alternate" type="application/rss+xml" title="RSS Feed" href="<{xoAppUrl backend.php}>" />

  <!-- 
Favicon -->
  <
link rel="shortcut icon" type="image/ico" href="<{xoImgUrl icons/favicon.ico}>" />
  <
link rel="icon" type="image/png" href="<{xoImgUrl icons/icon.png}>" />
    
  <!-- 
Sheet Css -->
  <
link rel="stylesheet" type="text/css" media="all" title="Style sheet" href="<{xoAppUrl xoops.css}>" />
  <
link rel="stylesheet" type="text/css" media="all" title="Style sheet" href="<{xoImgUrl css/style.css}>" />

  <!-- 
Scripts -->
  <{
$xoops_module_header}>

<
script type="text/javascript" src="<{xoImgUrl /js/jquery-1.3.2.min.js}>"></script>
<script type="text/javascript" src="<{xoImgUrl /js/thickbox.js}>"></script>
<link rel="stylesheet" href="<{xoImgUrl /js/thickbox/thickbox.css}>" type="text/css" media="screen" />


Merci d'avance !!!

Content de voir que tu es présent sur xoops !!

++

Six

Posté le : 15/12/2009 12:37
Partager Twitter Partagez cette article sur GG+
Re: Comment utiliser script Tickbox avec nouvelle version Xoops
Régulier
Inscrit: 06/02/2003 15:18
Messages: 387
Ha oui et dans myalbum dans photo html j'ai mis ceci :

<class="thickbox" href="<{$photo.ahref_photo}>" title="<{$photo.title}>" ><img src="<{$photo.imgsrc_photo}>" border="0" align="center" vspace="3" hspace="7" alt="<{$photo.title}>" title="<{$photo.title}>" <{$photo.width_height}> /></a>

Posté le : 15/12/2009 12:39
Partager Twitter Partagez cette article sur GG+
Re: Comment utiliser script Tickbox avec nouvelle version Xoops
Guest_
re'

que se passe-t-il lorsque tu cliques sur la vignette ?
1 • si tu as l'images en taille réelle sur la même page (généralement en pied de page), c'est que le script ajax est bien pris en compte mais pas la feuille de style
2 • si tu as l'image en taille réelle sur une nouvelle page de ton navigateur c'est que le script thickbox.js n'est pas pris en compte
3 • autre ?

Dans le cas 1 : tu peux essayer d'appeler directement la feuille thickbox.css depuis style.css (à placer au sommet de ta feuille style.css : @import url(../js/thickbox/thickbox.css);)

Dans le cas 2, je ne vois pas d'erreur dans le code que tu indiques à partir du moment où les fichiers .js sont correctement placés dans le répertoire /js de ton thème. Donc il s'agirait alors d'un conflit javascript. Est-ce que tu appelles d'autres scripts depuis xo-script.html ? Si oui désactives-les temporairement pour voir si cela éliminer l'éventuel conflit.


<script type="text/javascript" src="<{xoImgUrl /js/jquery-1.3.2.min.js}>"></script>
<script type="text/javascript" src="<{xoImgUrl /js/thickbox.js}>"></script>
<link rel="stylesheet" href="<{xoImgUrl /js/thickbox/thickbox.css}>" type="text/css" media="screen" />


Note : ces appels fonctionnent à priori aussi bien dans le fichier theme.html que dans le fichier xo-script.html et sans rien modifier car les chemins sont relatifs (balise <{xoImgUrl}> qui équivaut à http://www.ton-site.com/themes/ton-theme)



Important : penses à vider les caches xoops_data/caches/smarty_compile/ , surtout quand tu "t'amuses" avec les javascripts

Posté le : 15/12/2009 12:50
Partager Twitter Partagez cette article sur GG+
Re: Comment utiliser script Tickbox avec nouvelle version Xoops
Régulier
Inscrit: 06/02/2003 15:18
Messages: 387
plop,

Il m'affiche l'image dans une nouvelle fenêtre .

Je peut t'envoyer le lien par PM si tu veux ?

Merci pour ton aide

Six

Posté le : 15/12/2009 13:04
Partager Twitter Partagez cette article sur GG+
Re: Comment utiliser script Tickbox avec nouvelle version Xoops
Régulier
Inscrit: 06/02/2003 15:18
Messages: 387
Haaa deja trouvé l'erreur, j'avais une mauvaise version de tickbox, maintenant reste le css a verifier

Posté le : 15/12/2009 13:06
Partager Twitter Partagez cette article sur GG+
Re: Comment utiliser script Tickbox avec nouvelle version Xoops
Régulier
Inscrit: 06/02/2003 15:18
Messages: 387
Bon j'ai essayé pour le css et ce na fonctionne pas ....

Posté le : 15/12/2009 13:24
Partager Twitter Partagez cette article sur GG+
Re: Comment utiliser script Tickbox avec nouvelle version Xoops
Régulier
Inscrit: 06/02/2003 15:18
Messages: 387
Bon voila s'est ok , le chemin du css était pas bon.

Merci pour ton aide !

Bonne journée

Six

Posté le : 15/12/2009 13:25
Partager Twitter Partagez cette article sur GG+

 Haut   Précédent   Suivant



Vous pouvez voir les sujets.
Vous ne pouvez pas débuter de nouveaux sujets.
Vous ne pouvez pas répondre aux contributions.
Vous ne pouvez pas éditer vos contributions.
Vous ne pouvez pas effacez vos contributions.
Vous ne pouvez pas ajouter de nouveaux sondages.
Vous ne pouvez pas voter en sondage.
Vous ne pouvez pas attacher des fichiers à vos contributions.
Vous ne pouvez pas poster sans approbation.

Propulsé avec XOOPS | Graphisme adapté par Tatane, Grosdunord, Montuy337513

25 Personne(s) en ligne (16 Personne(s) connectée(s) sur Forum) | Utilisateur(s): 0 | Invité(s): 25 | Plus ...