Aide pour un script - infobulle FFXIV

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

Résolu Aide pour un script - infobulle FFXIV

Message par Shae le Mar 31 Déc 2013 - 3:08

Bonjour a tous.

Mon forum est actuellement dédié au jeu Final Fantasy XIV et a la communauté a laquelle j'appartiens.
Vous pouvez trouver mon forum a cette adresse : http://zantetsuken.frbb.net/forum

Il y a de cela quelques mois, j'avais ajouté un code javascript trouver sur un site ( http://xivdb.com/ ) a mon forum afin de pourvoir utiliser des balises sur mon forum pour afficher des objets/lieux et autres informations.

Suite a une nouvelle version de leur site, ils ont changer le code pour les balises, mais hélas, je n'arrive pas a incorporé le nouveau a mon forum pour que cela marche correctement.
Le site en question donne pour code celui que l'on trouve ci : http://xivdb.com/?tooltip
Mais en l'insérant dans un nouveau javascript du forum, cela ne fait rien du tout.

Code:
<html>
<head>
...
</head>
<body>
<script type="text/javascript" src="http://xivdb.com/tooltips.js"></script>
<script>
// Optional - Change settings (these are defaults)
var xivdb_tooltips =
{
'language' : 'EN',
'convertQuotes' : true,
'frameShadow' : true,
'compact' : false,
'statsOnly' : false,
'replaceName' : true,
'colorName' : true,
'showIcon' : true,
}
</script>
...
</body>
</html>

Si une personne pouvais m'aider a ce que cela fonctionne, car je voudrais bien en faire profiter ma communauté.

Je vous met ma CSS personnalisée au cas ou celle ci pourrait poser problème :

Code:
/* Bouton pour afficher cacher les widgets PHPB3 */        

        #widget-arrows {
          height: 13px;
        }
        .widget-arrow {
          height: 13px;
          width: 16px;
          border-radius: 4px;
          float: left;
          cursor: pointer;
          background: #f5ebf7 url(http://i.imgur.com/zVQMs.png) no-repeat 0 -13px;
        }
        .widget-arrow.isright {
          float: right;
        }
        .widget-arrow.isleft.isclosed, .widget-arrow.isright.isopened {
          background-position: 0 0;
        }


/* Cachez le champs de recherche */

        #search-box {display: none; }



/* cachez les colonnes "Sujets" et "Messages" sur la page d'accueil du forum & "Vues" sur les sous forum */

        .forabg dd.topics, .forabg dd.posts, .views {display: none!important; }


/* Largeur colonne "forum" & "derniers messages" sur accueil */

        .forabg dd.dterm { width: 75%!important; }
        .forabg dd.lastpost { width: 18%!important; }


/* Barre de séparation sous le menu*/

        .navbar ul{
        border-color:#F2F2F2;
        }


/* Avatars dans la colonne "dernier messages"  */
        .mini_ava {
          float: left;
        }
        .mini_ava img {
          width: 40px;
          height: 40px;
          margin: 0 5px;
          border-radius: 10px;
          transition: all 2s;
          -moz-transition: all 2s;
          -webkit-transition: all 2s;
          -o-transition: all 2s;
        }
        .mini_ava img:hover
        {
          width: 80px;
          height: 80px;
        }


/* Code module rss */

.rssFeed {
   font-family: Arial, Helvetica, sans-serif;
   font-size: small;
   width: 180px;
   margin-bottom: 2em;
}
.rssFeed a {
   color: #444;
   text-decoration: none;
}
.rssFeed a:hover {
   color: #000;
   text-decoration: underline;
}
 
.rssHeader { padding: 0.2em 0; }
 
.rssBody { border: 0px solid #666; }
.rssRow h4, .rssRow p, .rssRow div {
   margin: 0;
   padding: 0.5em;
}
 
 
#ticker1 .odd { background-color: #FFFFFF; }
#ticker1 .even { background-color: #F2F2F2; }
 
#ticker2 .odd { background-color: #FFFFFF; }
#ticker2 .even { background-color: #F2F2F2; }





/*Changement de couleurs de la Toolsbar */
#fa_toolbar, #fa_toolbar_hidden {background-color: #948787 !important;}
#fa_share { display: none!important; }

/* code pour mettre une image en fond de la toolsbar
#fa_toolbar, #fa_toolbar_hidden {background-image: url('http://url_de_mon_image');}  
*/



/* Limitation taille des signature du forum */
div.signature_div img {
max-width:600px;
max-height:150px;}

/* FFXIV DB */


Dernière édition par Shae le Mar 31 Déc 2013 - 12:48, édité 1 fois

Shae
Nouveau membre

Messages : 3
Inscrit(e) le : 31/12/2013

http://zantetsuken.frbb.net/forum
Shae a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Aide pour un script - infobulle FFXIV

Message par Scoubifitz le Mar 31 Déc 2013 - 3:28

Si mes souvenirs sont bons :

PA - général - promotion du forum : moteurs de recherches :

Balises supplémentaires :  ajout  - lier un javascript(dans la liste d'options)

 :enreg:  - attribut src : coller le lien

Code:
http://xivdb.com/tooltips.js

valider .

Scoubifitz
+ Hyperactif +

Masculin
Messages : 3539
Inscrit(e) le : 18/03/2008

http://scoubidous.superforum.fr/
Scoubifitz a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Aide pour un script - infobulle FFXIV

Message par Shae le Mar 31 Déc 2013 - 3:58

Je l'ai ajouté, et cela ne change rien  scratch 

Shae
Nouveau membre

Messages : 3
Inscrit(e) le : 31/12/2013

http://zantetsuken.frbb.net/forum
Shae a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Aide pour un script - infobulle FFXIV

Message par Adam_sfp le Mar 31 Déc 2013 - 9:20

Bonjour

Vous pouvez essayez de mettre le script dans description de site

Code:
<script type=text/javascript src=http://xivdb.com/tooltips.js></script>

Dans gestion des codes javascript sur toutes les pages

Code:
$(function() {
var xivdb_tooltips =
{
'language' : 'FR',
'convertQuotes' : true,
'frameShadow' : true,
'compact' : false,
'statsOnly' : false,
'replaceName' : true,
'colorName' : true,
'showIcon' : true,
}
        });



puis votre lien sous cette forme par exemple

Code:
 <a href="http://xivdb.com/?skill/801/Inferno"></a>


Cdt.

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: Aide pour un script - infobulle FFXIV

Message par Shae le Mar 31 Déc 2013 - 12:47

Merci énormément  a vous deux.
Adam_sfp, ta solution fonctionne tres bien.


J'ai donc mis :
- le premier code dans général > configuration> description du site
- Le second code dans Module > Html et javascript > gestion des javascript > Ajouter un code javascript (toute les pages)

Après, il suffit juste de mettre le lien d'un objet tel que http://xivdb.com/?skill/801/Inferno sans aucune balise et cela fonctionne parfaitement.
Vous pouvez voir le résultat sur cette page par exemple : http://zantetsuken.frbb.net/t270p60-drops-thread#9126

Shae
Nouveau membre

Messages : 3
Inscrit(e) le : 31/12/2013

http://zantetsuken.frbb.net/forum
Shae 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