URL Popup

[Bot Chatterbox]

Sous SMF 1.1 il existait deux mod très pratique ouvrant une popup pour saisir l'url.

Exemple celui la : http://custom.simplemachines.org/mods/index.php?mod=938

Impossible de trouver quoi que ce soit pour le remettre sous SMF 2.0 
Tout ce que j'ai vu comme réponse c'est pas besoin y'a le WYSIWYG, ce qui est pour moi une réponse non acceptable 

Une idée pour le fonctionner ?



Pour le moment avec un code tres tres simple j'arrive a injecter en fin d'area ce qu'il faut, juste faudrais pouvoir l'injecter la ou se trouve la position du curseur dans le textarea et ça serais déjà très bien. (ce serais parfait si on récupérais aussi la sélection bien sur)

Code Select Expand

          echo '<SCRIPT language=javascript>
   function PromptMessage() {
       var saisie = prompt("URL:", "http://")
       if (saisie!=null) {
           document.forms["postmodify"].elements["message"].value+="[url="+saisie+"]"+saisie+"[/url]";
       }
   }
</SCRIPT>';
          echo '<a href="javascript:Void(0);" onclick="PromptMessage(); return false;"><img onmouseover="bbc_highlight(this, true);" onmouseout="if (window.bbc_highlight) bbc_highlight(this, false);" src="', $settings['images_url'], '/bbc/url.gif" align="bottom" width="23" height="22" border="0" style="background-image: url(', $settings['images_url'], '/bbc/bbc_bg.gif); margin: 1px 2px 1px 1px;" /></a>';

en ajoutant le code dans post.template.php juste avant

Code Select Expand

echo '
<div id="bbcBox_message"></div>';



Edit à 19h52 :
J'ai pu faire a peu pres ce que je voulais, insertion du lien comme à la position du curseur avec selection ou non du texte.

Je dois faire d'autres tests (fonctionnement avec IE) et voir comment le positionner dans les bbcode en supprimant celui déjà existant et je reviens dans quelques jours avec je l'espère une solution.

[maximus23]

Bonsoir,

Tu as regardé ceci : http://custom.simplemachines.org/mods/index.php?mod=451

[Bot Chatterbox]

Bonsoir,

Tu as regardé ceci : http://custom.simplemachines.org/mods/index.php?mod=451

Bien sur, c'est idem, ne marche pas pour SMF 2, la gestion des bbcode est complètement différente entre V1 et V2.

[maximus23]

Bonsoir,

Ben bon voilà que je ne sais plus lire    1.1.RC3 et pas 2 

[Bot Chatterbox]

Voici ma solution en attendant que quelqu'un fasse mieux voir un vrai paquet pour la V2.0 :

( Le code javascript à été emprunté et légèrement modifié de http://actuel.fr.selfhtml.org/articles/javascript/bbcode/index.htm )

Cela rajoute une icone URL (mais ne supprime pas l'ancienne existante)
Pour supprimer l'autre faut aller jouer dans d'autres fichiers et je n'ai pas envie pour le moment.



En image ce que ca donne quand une personne sélectionne du texte et clique sur l'icone URL (celle qui à été ajouté à gauche des smileys )
Si la personne n'as pas sélectionné de texte, un texte "Lien Internet" se place.






Notez que j'ai ajoutez des style="display:inline;" dans le code, normalement on peux aller les ajouter dans le fichier css/index.css du thème au lieu de les ajouter en code dur.

Rechercher dans le fichier post.template.php :

Code Select Expand


// Show the actual posting area...
if ($context['show_bbc'])
{
echo '
<div id="bbcBox_message"></div>';
}

// What about smileys?
if (!empty($context['smileys']['postform']) || !empty($context['smileys']['popup']))
echo '
<div id="smileyBox_message"></div>';

Remplacez par :

Code Select Expand


// Show the actual posting area...
if ($context['show_bbc'])
{
echo '
<div id="bbcBox_message" style="display:inline;"></div>';
    echo "
          <script type=\"text/javascript\">
            <!--
            function insertion(repdeb, repfin)
            {
              var input = document.forms['postmodify'].elements['message'];
              input.focus();
              if(typeof document.selection != 'undefined')
              {
                var range = document.selection.createRange();
                var insText = range.text;
                range.text = repdeb + insText + repfin;
                range = document.selection.createRange();
                if (insText.length == 0) {
                  range.move('character', -repfin.length);
                } else {
                  range.moveStart('character', repdeb.length + insText.length + repfin.length);
                }
                range.select();
              }
              else if(typeof input.selectionStart != 'undefined')
              {
                var start = input.selectionStart;
                var end = input.selectionEnd;
                var insText = input.value.substring(start, end);
                if (insText=='')
                  insText='Lien internet';
                input.value = input.value.substr(0, start) + repdeb + insText + repfin + input.value.substr(end);
                var pos;
                if (insText.length == 0) {
                  pos = start + repdeb.length;
                } else {
                  pos = start + repdeb.length + insText.length + repfin.length;
                }
                input.selectionStart = pos;
                input.selectionEnd = pos;
              }
            }
            function PromptMessage()
            {
              var saisie = prompt('URL:', 'http://')
              if (saisie!=null)
                insertion('[url='+saisie+']', '[/url]');
            }
            -->
            </script>";
      echo '<div style="float:left;"><a href="javascript:Void(0);" onclick="PromptMessage(); return false;"><img onmouseover="bbc_highlight(this, true);" onmouseout="if (window.bbc_highlight) bbc_highlight(this, false);" src="', $settings['images_url'], '/bbc/url.gif" align="bottom" width="23" height="22" title="Lien Internet" border="0" style="background-image: url(', $settings['images_url'], '/bbc/bbc_bg.gif); margin: 1px 2px 1px 1px;" /></a></div>';
    }

// What about smileys?
if (!empty($context['smileys']['postform']) || !empty($context['smileys']['popup']))
echo '
<div id="smileyBox_message" style="display:inline;"></div>';


[maximus23]

Bonjour,

Je suppose que l'édition est pour le fichier post.template ?

[Bot Chatterbox]

Bonjour,

Je suppose que l'édition est pour le fichier post.template ?

Effectivement  : Oubli corrigé 

[Papoune57]

Bonsoir,il y a un Mod pour la RC3 => http://arantormods.com/index.php?action=media;sa=item;in=3

[Bot Chatterbox]

Dommage qu'il l'ai pas mis ici 

Merci en tout cas 

[Shrinath]

is there URL popup mod for RC4?
I really need it,

[maximus23]

Hi,

I tested that is ok

Download the pack for RC3 : http://arantormods.com/index.php?action=media;sa=item;in=3

Open the pack.

Edit the file "package-info.xml"

Search RC3 and replace by RC4

Save and repack.

Upload to the package manager and execute

[Shrinath]

Hi,

I tested that is ok

Download the pack for RC3 : http://arantormods.com/index.php?action=media;sa=item;in=3

Open the pack.

Edit the file "package-info.xml"

Search RC3 and replace by RC4

Save and repack.

Upload to the package manager and execute

Hey thanks for reply,

While installing,its giving error with ./Themes/default/scripts/editor.js (test failed) and when I manually install the js code all bulletin board codes are getting disappeared.. 

[maximus23]

 
  Attach that file here and indicate the installed mods    

[Shrinath]

Hey Thanks!!

its solved..
Now its working..

[maximus23]

 
Ok no problems. Good luck

[Shrinath]

Hey thanks,but now its giving problem with IMG popup.. 

its showing extra tag

I mean as of in this screen shot..

please help..

[Shrinath]

I am using IMG Popup 1.0.2 aswell.

[maximus23]

Hi,

Editor.js for test :

clear your cache to see the changes

[Shrinath]

Hey its worked,Thanks a lot..   

[Grosraisin]

Je remonte se topic du cimetière car je recherche toujours un truc comme sa.

L'éditeur WYSIWYG est bien mais moi je ne veut pas qu'il affiche les images, c'est possible de le paramétrer (même en dur)?

[maximus23]

Bonsoir,

Là j'ai pas très bien compris ce que tu voulais faire ?

Ps : Tes trads sont dans mod et annonces

[Grosraisin]

Cool merci,

Voila se que je voudrais que l'éditeur fasse:
>Dans un premier temps je ne voudrais pas qu'il affiche directement les image mais qu'il le laisse comme tel avec la balise.
>Dans un deuxième temps je ne voudrais garder que la fonction popup de cet éditeur mais pouvoir activé tous le reste via le profile.

Et quel est le fichier à éditer?

Voila, merci.

Edite: Finalement on si habitue même si sa serais plus pratique sans.

[Chalky]

Pardonnez-moi le français très mauvais!  J'éspère qu'on me comprends!

Je voudrais mettre cet bouton en l'area de la signature aussi combiné avec la mod "Signature Area BBC Code" .

Dedans la code mise pour cette mod, j'ai remplacé:

Code Select Expand

echo'<div id="bbcBox_message"></div>';

par:

Code Select Expand

if ($context['show_bbc'])
{
echo '
<div id="bbcBox_message" style="display:inline;"></div>';
    echo "
          <script type=\"text/javascript\">
            <!--
            function insertion(repdeb, repfin)
            {
              var input = document.forms['postmodify'].elements['message'];
              input.focus();
              if(typeof document.selection != 'undefined')
              {
                var range = document.selection.createRange();
                var insText = range.text;
                range.text = repdeb + insText + repfin;
                range = document.selection.createRange();
                if (insText.length == 0) {
                  range.move('character', -repfin.length);
                } else {
                  range.moveStart('character', repdeb.length + insText.length + repfin.length);
                }
                range.select();
              }
              else if(typeof input.selectionStart != 'undefined')
              {
                var start = input.selectionStart;
                var end = input.selectionEnd;
                var insText = input.value.substring(start, end);
                if (insText=='')
                  insText='HERE';
                input.value = input.value.substr(0, start) + repdeb + insText + repfin + input.value.substr(end);
                var pos;
                if (insText.length == 0) {
                  pos = start + repdeb.length;
                } else {
                  pos = start + repdeb.length + insText.length + repfin.length;
                }
                input.selectionStart = pos;
                input.selectionEnd = pos;
              }
            }
            function PromptMessage()
            {
              var saisie = prompt('URL:', 'http://')
              if (saisie!=null)
                insertion('[url='+saisie+']', '[/url]');
            }
            -->
            </script>";
      echo '<div style="float:left;"><a href="javascript:Void(0);" onclick="PromptMessage(); return false;"><img onmouseover="bbc_highlight(this, true);" onmouseout="if (window.bbc_highlight) bbc_highlight(this, false);" src="', $settings['images_url'], '/bbc/url.gif" align="bottom" width="23" height="22" title="Insert URL" border="0" style="background-image: url(', $settings['images_url'], '/bbc/bbc_bg.gif); margin: 1px 2px 1px 1px;" /></a></div>';
    }

mais il ne fonctionne pas.  Je vois le bouton et le popup, mais quand je mette le URL dans le popup et  j' accepte, il n' écrit rien dans la boite de signature.

Avez-vous quelque idée comment on y faire?

Merci!

[Zuki.]

Hi, bonjour,

Tu veux une signature (dans le profil) avec une url liée à cette signature ? - Want a signature (in profile) with a URL associated with this signature?

Si c'est cela il faut aller dans "Profil" => Profil de base et avatar => Signature  - If that's you must go to "Profile" => Forum Profile => Signature

Dans la fenêtre - In the Signature window :

BBCode

[ url=http://ton-your_URL][ img]http://ton-your_URL_image.jpg[/img][/url]

Comme ici - Like here:




[ url=http://www.simplemachines.org/community/index.php?topic=401942.msg3388297#msg3388297][ img]http://avatars.simplemachinesweb.com/smf/avatar_308962_1331219386.jpg[/img][/url]

[Zuki.]

Sabrinova, deuxième option - second option

Vérifier dans : Admin/Fonctionnalités et Options/Signatures => Balises BBCode autorisées : case url cochée.

Check in : Admin/Features and Options/Signatures => Enabled BBC tags : url box checked

[Chalky]

Bonjour Zuki, et merci pour la réponse.  Oui, j'ai la url box cochée et je n'ai pas de problême avec inserter la code URL au main.  Ce que je veux faire c'est habiliter le popup dans l'area de modifiquer signature.  C'est déjà habilité dans les areas de composer message et message personal, mais quand je remplace la code donnée par Bot Chatterbox dans l'area de modifiquer signature, le bouton ne fait pas ce qu'il doit.

Hi Zuki and thank you for your reply   I have no problem inserting URLs in the signature using BB code manually.  What I want to do is to enable the popup in the signature edit area.  I have already successfully enabled the popup in the message compose and personal message areas, but when I substitute the code provided by Bot Chatterbox in the signature edit area, the button doesn't do what it should.

[Zuki.]

Sabrinova,

Désolé, je n'ai pas la réponse pour l'insertion de ton code.    - Sorry, I do not have the answer for insertion of your code.

Mais Maximus va pouvoir t'aider, j'en suis certain !    - But Maximus will be able to help you, I'm sure!

[Chalky]

Merci beaucoup pour essayer    J'ai aimé pratiquer un peu le français

[maximus23]

Bonjour,

Dès que j'ai un moment de libre je regarderai ce que l'on peut faire car j'ai énormément de travail en cette période de vacance

[Chalky]

Bonjour Maximus, et merci!  Je ne suis pas pressé, ce n'est que quelquechose que j'aimerai pour le faire plus facile pour mes membres

[maximus23]

Bonsoir,

Voilà solution très simple :

Intall package -> Signature Area BBCode Buttons.

Take a look : http://custom.simplemachines.org/mods/index.php?mod=2745

and install via package manager -> Advanced Options -> emulate version 2.0.RC3

Get a popup box for the Img Bbc asking for a link to the image -> Message and Signature