|
|
Barre de navigation flottante + lightbox et xoops |
|
Régulier  
Inscrit: 19/01/2008 11:22
De vienne 86
|
Bonjour, j'ai trouvé un script très interessant sur le net, il s'agit d'une barre de navigation fixe, dépliable et transparente. Elle fonctionne sans souci sur xoops. Le hic, car il y a hic bien entendu, ça ne pouvait pas être aussi simple, c'est que les clic sur les images du site ne sont plus correctement interpretés, ainsi, l'effet lightbox n'est plus (> ouverture d'un nouvel onglet pour afficher l'image sur un fon blanc) et le clic sur les smiley = nada!!! Je ne désespere pas que l'un d'entre vous puisse m'aider, car cette barre de navigation est vraiment sympa. Néanmoins, attention, après l'avoir testée, vous pourriez l'adopter (  )enfin, si le souci est résolu  voilà le pack de scriptet ce qui a été integré à theme.html
<head>
<!-- barre de navigation flottante -->
<link rel="stylesheet" href="http://www.arenablabla.fr/themes/Arena_xperimental_theme/wbarrefixe.css" type="text/css" media="screen" />
<!–[if IE 6]>
<link rel="stylesheet" href="wbarrefixe-ie6.css" type="text/css" media="screen" />
<![endif]–>
<script src="http://www.arenablabla.fr/themes/Arena_xperimental_theme/jquery.js" type="text/javascript"></script>
<script src="http://www.arenablabla.fr/themes/Arena_xperimental_theme/jquery.cookie.js" type="text/javascript"></script>
<script src="http://www.arenablabla.fr/themes/Arena_xperimental_theme/wbarrefixe.packed.js" type="text/javascript"></script>
<!-- fin barre de navigation flottante -->
</head>
<body>
<!-- barre de navigation flottante -->
<div id="magicbox">
<div id="magicmenu"><ul>
<li><a href="#" class="magic1">Fermer</a></li>
<li><a href="#" class="magic2">Maxi</a></li>
<li><a href="#" class="magic3">Mini</a></li>
</ul></div>
<div id="magiccontent">
<div id="magicmini">blablabla
merci pour toute aide a+
Posté le : 25/04/2008 13:06
|
|
|
|
|
Re: souci entre un script et xoops |
|
Supporter Xoops  
Inscrit: 09/01/2005 13:37
De Breizh
|
Bonjour,
Appel ton script avant jquery
@++
Posté le : 25/04/2008 23:21
|
|
La connaissance s'accroît quand on la partage ...
|
|
|
Re: souci entre un script et xoops |
|
Régulier Inscrit: 19/01/2008 11:22
De vienne 86
|
bonjour, merci pour ta réponse, en clair que dois-je faire???? En attendant ta réponse, une petite précision, ou piste, qui sait?? lorsque je place dans <head> du fichier theme.html
<!-- barre de navigation flottante -->
<link rel="stylesheet" href="http://www.arenablabla.fr/themes/Arena_xperimental_theme/wbarrefixe.css" type="text/css" media="screen" />
<!–[if IE 6]>
<link rel="stylesheet" href="wbarrefixe-ie6.css" type="text/css" media="screen" />
<![endif]–>
<script src="http://www.arenablabla.fr/themes/Arena_xperimental_theme/jquery.js" type="text/javascript"></script>
<script src="http://www.arenablabla.fr/themes/Arena_xperimental_theme/jquery.cookie.js" type="text/javascript"></script>
<script src="http://www.arenablabla.fr/themes/Arena_xperimental_theme/wbarrefixe.packed.js" type="text/javascript"></script>
<!-- fin barre de navigation flottante -->
</head>
après
<!-- Scripts -->
<script type="text/javascript" src="<{$xoops_url}>/jseffects/prototype.js"></script>
<script type="text/javascript" src="<{$xoops_url}>/jseffects/scriptaculous.js?load=effects"></script>
<script type="text/javascript" src="<{$xoops_url}>/jseffects/lightbox.js"></script>
<!-- Css des scripts -->
<!-- effet lightbox -->
<link rel="stylesheet" type="text/css" media="screen" href="<{$xoops_url}>/jseffects/lightbox.css" />
<!-- fin effet lightbox -->
la barre de navigation fonctionne mais pas la lightbox, et inversement, si je place le code de la barre avant le code de la lightbox, la light fonctionne mais pas la barre dur dur la life.... merci pour toute aide  a+ 
Posté le : 26/04/2008 04:30
|
|
|
|
|
Re: souci entre un script et xoops |
|
Supporter Xoops Inscrit: 09/01/2005 13:37
De Breizh
|
Le problème est un conflit entre jquery et prototype et xoops.js 1) mets le xoops.js de la version 2.0.18.1 2) mets cette version de jquery --> http://leandrovieira.com/projects/jquery/lightbox/ (dans ce cas tu n'auras plus besoin de prototype et scriptaculous) @++ ps : de mémoire ce dernier script est inclus dans la dernière version de jseffects téléchargeable sur tutos.xoofoo.org
Posté le : 26/04/2008 08:59
|
|
La connaissance s'accroît quand on la partage ...
|
|
|
Re: souci entre un script et xoops |
|
Régulier Inscrit: 19/01/2008 11:22
De vienne 86
|
re,
merci pour ton aide,
alors,
- j'ai remplacé le xoops.js de la version 2.0.18 par la version 2.0.18.1, ce, dans include.
Ensuite, je dois remplacer jquery.js ou bien, installer le pack jquery lightbox??
Enfin, je devais donc supprimer les deux appels dans thème.html, est-ce cela????
En attendant ta réponse, je vais de ce pas tenter quelques manip, avec un peu de chance......
humm, je pensais, j'ai xcgallery avec la lightbox d'integrée, cela ne va-t'il pas poser problème???
a+
Posté le : 26/04/2008 14:00
|
|
|
|
|
Re: souci entre un script et xoops |
|
Régulier Inscrit: 19/01/2008 11:22
De vienne 86
|
re,
bon, tout ce que j'ai tenté s'est soldé par des echecs....
Si je suppr la lightbox de xcgal et le jseffect, à ton avis, cette barre fonctionnerait-elle??? (avec le xoops.js de la version 2.0.18.1 bien entendu....
Posté le : 26/04/2008 18:47
|
|
|
|
|
Re: souci entre un script et xoops |
|
Supporter Xoops Inscrit: 09/01/2005 13:37
De Breizh
|
entre tes tests, vides tu les fichiers de templates_c (sauf index.html) ?
Posté le : 26/04/2008 20:39
|
|
La connaissance s'accroît quand on la partage ...
|
|
|
Re: souci entre un script et xoops |
|
Régulier Inscrit: 19/01/2008 11:22
De vienne 86
|
re,
oui, je vide le template_c et le temp de mon navigateur.
Je dois zapper quelque chose ou commettre une erreur quelque part....
j'essaie, peut être à tord (???) de remplacer la lightbox de jseffect par la jquery-lightbox-0.5, les images contenu dans les bloc ont déjà l'attribut rel mais rien, les images se chargent dans une page blanche....
bref, je continue mon chemin de croix, à taton, dans le noir et sans allumette lol....
a+
Posté le : 27/04/2008 03:04
|
|
|
|
|
Re: souci entre un script et xoops |
|
Régulier Inscrit: 19/01/2008 11:22
De vienne 86
|
re, je ne comprend pas pourquoi elle ne fonctionne pas, cette lightbox, faut-il copier le dossier jquery-lightbox-0.5 à la racine ou chaque dossier contenu dans ce dossier à la racine?? J'ai essayé les deux, en changeant l'url mais rien! Y-a-t'il une erreur dans celà ( theme.html, dans <head>) :
... <!--
<{$xoops_js}>
//-->
</script>
<!-- customized header contents -->
<{$xoops_module_header}>
<!-- jquery-lightbox-0.5-->
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery.lightbox-0.4.js"></script>
<link rel="stylesheet" type="text/css" href="css/jquery.lightbox-0.4.css" media="screen" />
<script type="text/javascript">
$(function() {
$('a[@rel*=lightbox]').lightBox(); // Select all links that contains lightbox in the attribute rel
});
</script>
<!-- fin jquery-lightbox-0.5-->
<!-- heure dynamique -->......
maintenant, est-ce que changer de lightbox changerait quelques chose par rapport à cette fameuse barre de navigation???? merci pour toute aide, a++++
Posté le : 27/04/2008 03:18
|
|
|
|
|
Re: souci entre un script et xoops |
|
Supporter Xoops Inscrit: 09/01/2005 13:37
De Breizh
|
Ta première lightbnox foncctionnait avec prototype, la dernière (inclus également dans le package jseffects) utilise le même script que ton menu, donc normalement celà devrait fonctionner, de plus si tu mets le xoops.js de la 2.0.18.1 ou de la beta 2.3
@+
Posté le : 27/04/2008 12:55
|
|
La connaissance s'accroît quand on la partage ...
|
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.
|
![Open in new window](javascript:CaricaFoto("http://www.arenablabla.fr/images/cavt479627a73f266.jpg");)
