Lotro.fr
Bienvenue, Invité. Veuillez vous connecter ou vous inscrire.
Avez-vous perdu votre courriel d'activation?

Connexion avec identifiant, mot de passe et durée de la session
  Accueil    Forum    FAQ    Signatures    Tutoriaux    Rechercher    Identifiez-vous    Inscrivez-vous  
*
24 Avril 2018 à 08:23:48
Lotro.fr  |  Nouvelles  |  Actualités du site  |  Sujet: Les objets lotro.fr directement sur votre forum avancée
  « sujet précédent | | sujet suivant »
Imprimer Pages 1 2 3 ... 6
Auteur
Sujet: Les objets lotro.fr directement sur votre forum  (Lu 34449 fois)
Enox
Administrateur

Messages: 3520


Courriel
« le: 01 Décembre 2011 à 22:42:55 »

Vous nous l'avez demandé à plusieurs reprises, c'est maintenant possible. Après une opération d'administration super simple, vous allez pouvoir afficher les objets de lotro.fr directement sur votre forum. Cerise sur le gâteau, le script est compatible avec la plupart des forums, y compris les forums gratuits (xooit et autre...)

Utilisation


Pour afficher un objet sur son forum, il suffit de mettre son nom exact entre [ lotro ] et [ /lotro ] (sans espace)

Exemple : [ lotro ]Belles spallières en cuir[/lotro] => [lotro]Belles spallières en cuir[/lotro]

Testé avec succès sur :
IE : 7, 9
FF : 7.01, 8
Chrome 10
Opera 10.63, 11
Android 2.2

Installation


Pour installer le plugin, il vous suffit de copier le code fourni ci dessous dans votre interface d'admin, généralement dans la section édition de template, ou dans une section spéciale qui vous permet d'ajouter votre propre code javascript
Attention, pour copier le code, il faut d'abord cliquer sur le bouton QUOTE, et prendre le code directement dans la fenetre de réponse, sinon il sera incomplet

Code: (Javascript a copier coller)
<SCRIPT LANGUAGE="JavaScript"><!--
// qTip - CSS Tool Tips v02-12-2008 - by Craig Erskine http://qrayg.com
// modifié pour lotro.fr par Enox v1.01
enoxtip = {
  name : "qTip",
  offsetX : 0,
  offsetY : 15,
  tip : null,
  trackmouse : false,
  parse : true
};

enoxtip.init = function(){
  if (this.parse){ // parse bbcode lotro
  myrx = new RegExp("(\\[lotro]|\\[/lotro]|\\<textarea|\\</textarea|\\<script|\\</script)","gi");
  contenu = document.getElementsByTagName("BODY")[0].innerHTML;
  var idx_start = 0, contenu_split = [], ta_open = false, lfr_open = false,contenu_upd = false;
  while (matches = myrx.exec(contenu)) {
    if (idx_start < matches.index) contenu_split.push( contenu.substring(idx_start,matches.index) );
    idx_start = matches.index;
    contenu_parse = matches[1];
    switch (matches[1].toLowerCase()){
      case '<textarea':
      case '<script':
        ta_open = true;
        break;
      case '</textarea':
      case '</script':
        ta_open = false;
        break;
      case '[lotro]':
        if (!ta_open){
          lfr_open = true;
          contenu_parse = '<span class="lotrofr" style="cursor:help;font-weight:bold;text-decoration:underline">';
          contenu_upd = true;
        }
        break;
      case '[/lotro]':
        if (lfr_open){
          lfr_open = false;
          contenu_parse = '</span>';
        }
        break;
    }
    contenu_split.push( contenu_parse );
    idx_start = idx_start + matches[1].length;
  }
  if (idx_start < contenu.length) contenu_split.push( contenu.substring(idx_start) );
// reconstruct body
  if (contenu_upd) document.getElementsByTagName("BODY")[0].innerHTML = contenu_split.join('');
  }
//document.getElementsByTagName("BODY")[0].innerHTML = contenu.replace(myrx,'<span class="lotrofr" style="cursor:help;font-weight:bold;text-decoration:underline">$1</span>');

  var tipNameSpaceURI = "http://www.w3.org/1999/xhtml";
  if(!tipContainerID){ var tipContainerID = "qTip";}
  var tipContainer = document.getElementById(tipContainerID);

  if(!tipContainer){
    tipContainer = document.createElementNS ? document.createElementNS(tipNameSpaceURI, "div") : document.createElement("div");
    tipContainer.setAttribute("id", tipContainerID);
    tipContainer.style.border = "1px solid #666666";
    tipContainer.style.display = "none";
    tipContainer.style.position = "absolute";
    tipContainer.style.zindex = "99999";
    tipContainer.style.width = "302px";
    document.getElementsByTagName("body").item(0).appendChild(tipContainer);
  }

  if (!document.getElementById) return;
  this.tip = document.getElementById (this.name);
  if (this.tip) document.onmousemove = function (evt) {enoxtip.move (evt)};

  var a, sTitle, sID, elements;

  elements = document.getElementsByTagName("span");
  if(elements){
    for (var i = 0; i < elements.length; i ++){
      a = elements[i];
      if (a.className != "lotrofr") continue;
      sID = a.getAttribute("oid");
      a.removeAttribute("title");
      a.removeAttribute("alt");
      sTitle = "http://lotro.fr/bdd/objet_img/";
      if (sID){
        sTitle+=sID+";.png";
      }else{
        sTitle+=a.innerHTML+".png";
      }
      a.setAttribute("tip",sTitle);
      a.onmouseover = function(evt){enoxtip.show(evt,this.getAttribute("tip"))};
      a.onmouseout = function(){enoxtip.hide()};
      a.onclick = function(evt){enoxtip.click(evt,this.getAttribute("tip"))};
    }
  }
};

enoxtip.move = function (evt){
  if (!this.trackmouse) return false;
  var x=0, y=0;
  if (document.all) {//IE
    x = (document.documentElement && document.documentElement.scrollLeft) ? document.documentElement.scrollLeft : document.body.scrollLeft;
    y = (document.documentElement && document.documentElement.scrollTop) ? document.documentElement.scrollTop : document.body.scrollTop;
    x += window.event.clientX;
    y += window.event.clientY;
  } else {//Good Browsers
    x = evt.pageX;
    y = evt.pageY;
  }
  this.tip.style.left = (x + this.offsetX) + "px";
  this.tip.style.top = (y + this.offsetY) + "px";
};

enoxtip.show = function (evt,text) {
  if (!this.tip) return;
  this.trackmouse = true;
  this.move(evt);
  this.tip.innerHTML = '<img src="'+text+'">';
  this.tip.style.display = "block";
};

enoxtip.hide = function (){
  if (!this.tip || !this.trackmouse) return;
  this.tip.innerHTML = "";
  this.tip.style.display = "none";
  this.trackmouse = false;
};

enoxtip.click = function (evt,text) {
  if (!this.tip) return;
  this.tip.innerHTML = '<div style="height:20px;cursor:pointer;background:#000;color:#FFF;text-align:right;border-bottom:1px solid #666" onclick="this.parentNode.style.display='+"'none'"+'">[Fermer]</div><img src="'+text+'">';
  this.tip.style.display = "block";
  this.trackmouse = false;
};

window.onload = function (){ enoxtip.init(); };

// -->
</SCRIPT>

ATTENTION :
Pour les forums qui vous font créer des fichiers javascript séparés (forumgratuit par exemple), il faudra enlever le début et la fin du script :
Commence par enlever les balises script qui sont au début et à la fin :

Code:
<SCRIPT LANGUAGE="JavaScript"><!--
et
Code:
// -->
</SCRIPT>

Xooit


Fonctionne mais est lent si conflit avec leur bidule wysiwyg d'édition de message
Citation
Ajouter code dans Admin>Thème>Modifier template>viewtopic_body.tpl puis insérer code a la fin

Forumprod


Citation
panneau d'administration, Configuration du forum, Ajouter un code dans l'en-tête du forum

Forumgratuit (forumactif, forumouf, forumpersos...)


Citation
panneau d'administration, bouton avancé, onglet modules, gestion des codes javascript, activer gestion javascript : oui, créer un nouveau code javascript, choisir un titre et les endroits ou le script est actif, copier le code (en pensant en supprimer le début et la fin comme indiqué précédemment) et valider

SMF 1.x


Citation
Modifier index.template.php puis insérer le code juste avant </head>. Attention il faut fermer la balise php avant de copier le code, et la réouvrir après

PhpBB


Citation
Ajouter le code dans le fichier OVERALL Header

forumavie


Ne fonctionne pas : pas trouvé d'endroit pour ajouter du code

FluxBB


Ajouter le script dans le fichier include/template/main.tpl, juste au dessus de la balise </head>

Autre...


Si vous installez ce script sur un autre forum, n'hésitez pas a poster ici votre manip pour aider la communauté Sourire

bbcode


Pour ceux qui désirent (et qui peuvent) définir leur propre balise bbcode sur leur forum, il faut ensuite remplacer la ligne
Code:
parse : true
par
Code:
parse : false
dans le code du script, cela évitera tout bug avec vos javascripts existants.
Pour le bbcode en lui meme nous vous conseillons :
Code:
balise [ lotro]
A remplacer par : <span class="lotrofr">
balise [/lotro]
A remplacer par : </span>
Journalisée

Je sais que ce qui ne nous tue pas nous rend plus fort
mais moi je suis déjà mort
 
Alpaide
Utilisateur

Messages: 136



WWW
« Répondre #1 le: 02 Décembre 2011 à 10:22:45 »

Très sympa mais ensuite après avoir mis le code.....on fait comment pour afficher les objets Huh???
(Nous avons un forum Xooit)
Journalisée


 
Enox
Administrateur

Messages: 3520


Courriel
« Répondre #2 le: 02 Décembre 2011 à 10:24:43 »

ouuuups evidemment si j'oublie la moitié des instructions  Grimaçant Grimaçant

Pour afficher un objet il suffit de mettre son nom exact entre [ lotro ] et [ /lotro ] (sans espace)

J'edite le post d'origine
Journalisée

Je sais que ce qui ne nous tue pas nous rend plus fort
mais moi je suis déjà mort
 
Alpaide
Utilisateur

Messages: 136



WWW
« Répondre #3 le: 02 Décembre 2011 à 12:14:48 »

Ah oui effectivement avec toute les infos c'est mieux !
(bien que j'ai suivi à la lettre les instructions et que ça marche pas.....)
Journalisée


 
Enox
Administrateur

Messages: 3520


Courriel
« Répondre #4 le: 02 Décembre 2011 à 12:26:40 »

Peux tu me filer le lien d'un post sur ton forum ou ca me marche pas stp ? (un post accessible sans avoir a s'enregistrer)
Quel est ton navigateur ? Ca marche ici ?

[lotro]Belles spallières en cuir[/lotro]
Journalisée

Je sais que ce qui ne nous tue pas nous rend plus fort
mais moi je suis déjà mort
 
Alpaide
Utilisateur

Messages: 136



WWW
« Répondre #5 le: 02 Décembre 2011 à 12:33:17 »

[lotro]Belles spallières en cuir[/lotro]

Je suis sous firefox, mais ici ça marche !

Voici le lien vers notre forum

http://lesgardiensdenenya.xooit.fr/t275-Test-plugin-Lotro.htm#p2769

Edit : apparemment notre forum ne reconnait pas le bbcode [lotro][/lotro]
Journalisée


 
cramb
Utilisateur

Messages: 156


Courriel
« Répondre #6 le: 02 Décembre 2011 à 13:13:26 »

Si j'ai le temps j'essaye de voir ça au week-end (forumsactifs pour nous). Dans tous les cas merci c'est toujours un truc sympa et utile de plus^^
Journalisée

 
cachiril
Utilisateur

Messages: 2


« Répondre #7 le: 02 Décembre 2011 à 13:43:42 »

[lotro]Belles spallières en cuir[/lotro]

Je suis sous firefox, mais ici ça marche !

Voici le lien vers notre forum

http://lesgardiensdenenya.xooit.fr/t275-Test-plugin-Lotro.htm#p2769

Edit : apparemment notre forum ne reconnait pas le bbcode [lotro][/lotro]

Je ne sais pas ce qu'il sait passé, mais maintenant, le code fonctionne. Digestion difficile de la part de xooit???
Enfin soit, le plus important, c'est que cela fonctionne.
Merci a toi d'avoir pris un peu de temps pour notre problème et merci pour ce "petit" script Sourire
Journalisée
 
Enox
Administrateur

Messages: 3520


Courriel
« Répondre #8 le: 02 Décembre 2011 à 13:52:49 »

Sur ton forum ca met une 10e de secondes avant de marcher... En regardant dans le détail il y a une erreur javascript sur les pub google
et aussi une erreur "http://xs4fx.com/files/lotro.png" not found.
Si tu sais corriger cette 2e erreur (rien a faire pour google c'est xooit qui gere), cela devrait rendre le script plus réactif.

Edit : apparemment tu as corrigé, c'est quasi instantanné maintenant Sourire
Journalisée

Je sais que ce qui ne nous tue pas nous rend plus fort
mais moi je suis déjà mort
 
scoub_lite
Utilisateur

Messages: 29


« Répondre #9 le: 02 Décembre 2011 à 16:55:03 »

Excellent plugin ! bravo

Par contre pour phpbb, je ne suis pas parvenu à l'intégrer. Du coup, je me suis fortement inspiré pour créer un BBCODE :

BBCODE
Code:
[ lotro ]{TEXT}[/lotro]

HTML de remplacement
Code:
<style type="text/css">
a.tooltip em {
    display:none;
}
a.tooltip:hover {
    cursor: help;
    border: 0;
    position: relative;
    z-index: 500;
    text-decoration:none;
}
a.tooltip:hover em {
    font-style: normal;
    display: block;
    position: relative;
    top: 0px;
    left: 0px;
    padding: 5px;
    color: #000;
    border: 2px solid #888;
    background: #000;
    width: 302px;
}
</style>
<a href="http://lotro.fr/lorebook/?f=0&n=10&sortf=obj&sorto=0&filter={TEXT}" class="tooltip">{TEXT}<em><span></span><img src="http://lotro.fr/bdd/objet_img/{TEXT}"></em></a>

LIGNE D'AIDE
Code:
[ lotro ]Nom exact de l'objet[/lotro]
Journalisée

 
Enox
Administrateur

Messages: 3520


Courriel
« Répondre #10 le: 02 Décembre 2011 à 18:38:50 »

oula, je te déconseille de mettre les styles comme ca dans le html de remplacement, mais plutot dans ton template.

Ton html de remplacement deviendrait donc (un peu nettoyé) :

Code:
<a href="http://lotro.fr/lorebook/?filter={TEXT}" class="tooltip">{TEXT}<em><img src="http://lotro.fr/bdd/objet_img/{TEXT}"></em></a>

Du coup tu n'as pas d'action au survol...

Quel est le souci au juste ?
Journalisée

Je sais que ce qui ne nous tue pas nous rend plus fort
mais moi je suis déjà mort
 
Jirklanda
Utilisateur

Messages: 83



WWW
« Répondre #11 le: 02 Décembre 2011 à 18:45:15 »

j'ai essayé sur forumouf et cela ne fonctionne pas.
j'ai copier ton message dans le systeme de javascript comme indiqué dans le premier message mais il faut surement y rajouté quelque chose (quoi je ne sais pas  Indécis j'ai toujours été une bille la dedant)

voici un lien sur lequel tu peux ecrire s'en t'enregistré.
http://lesexplorateursdarda.forumouf.com/f7-taverne
Journalisée

si tu pense que taper ne résout rien... c'est que tu ne tape pas assez fort

http://lesexplorateursdarda.forumouf.com/


 
Enox
Administrateur

Messages: 3520


Courriel
« Répondre #12 le: 02 Décembre 2011 à 18:46:44 »

j'ai updaté le premier post pour expliquer comment copier le code Sourire
Journalisée

Je sais que ce qui ne nous tue pas nous rend plus fort
mais moi je suis déjà mort
 
Enox
Administrateur

Messages: 3520


Courriel
« Répondre #13 le: 02 Décembre 2011 à 18:50:23 »

forumouf => suivre la procédure de forumgratuit
Journalisée

Je sais que ce qui ne nous tue pas nous rend plus fort
mais moi je suis déjà mort
 
Ysilune
Utilisateur

Messages: 2



WWW
« Répondre #14 le: 03 Décembre 2011 à 13:08:45 »

Trés classe et sympa à la fois, Merci pour ce code offert par l'équipe Lotro.fr, testé sous IE9 dernière maj ce jour

Forum Chantelune équipé Clin d'oeil  

quelques secondes d'attente, mais pas la mort non plus Clin d'oeil  http://chantelune.xooit.fr/t447-Balises-Lotro-actives-sous-Chantelune-Test.htm#p1583



Journalisée
 
Imprimer  Pages 1 2 3 ... 6
Lotro.fr  |  Nouvelles  |  Actualités du site  |  Sujet: Les objets lotro.fr directement sur votre forum « sujet précédent | | sujet suivant »
Aller à: