Comment n'autoriser qu'un seul hébergeur d'image

[Invité]

Bonjour à tous,


Je souhaiterais sur mon forum que seul l'hébergeur d'image Servimg soit autorisé et donc empêcher que d'autre images provenant d'autres hébergeurs puissent être insérées dans les messages.
Avec un message (une bulle ou autre) d'alerte en cas d'insertion de photos avec un autre hébergeur que Servimg, qui expliquerait qu'il faut utiliser l'hébergeur d'image du forum.

Ceci sans empêcher les autres liens divers vers d'autres sites.


Connaissez-vous une astuce ? Solution ?

Merci, @To

[Invité]

Hello Tony,

on peut afficher un message sur chaque message que tu pourras personnaliser .



Modules/HTML&JAVASCRIPT/Gestion des codes Javascript/Créer un nouveau Javascript


Cocher Sur les sujets

On va déposer ce script:

Code:


$(function(){
$('.post-entry img[src*=".servimg.com"]').attr('id','M14_servimg');
$('.post-entry img[id!="M14_servimg"]').replaceWith('<div class="M14_NotServimg">Lien de l\'image supprimé par la modération.<br />Merci d\'utiliser l\'hébergeur du forum.</div>');

});




Penses à cliquer sur le bouton

Puis le style:

Dans la feuille de style:
Affichage/Images et Couleurs/Couleurs/Feuille de style

déposes ceci:

Code:


.M14_NotServimg{text-align:center;width:40%;margin-left:30%;padding:2px 5px;border:4px double darkred; }



Penses à cliquer sur le bouton

a++

[Invité]

Hello Milouze14,

Super ! Une réponse aussi rapide

Je l'ai testé, est-ce que je peux te demander 2 modifications ?

Je voudrais que cela empêche l'envoi du message en même temps que le message d'alerte s'affiche si possible.

J'ai essayé d'ajouter un lien (http://www.diamant-mandarin-evo.com/t30-comment-inserer-une-photo) dans le message d'alerte pour diriger vers un mode d'emploi. Par contre cela pose probléme


Merci Milouze14, bon début de soirée

[Invité]

Re,

Je voudrais que cela empêche l'envoi du message en même temps que le message d'alerte s'affiche si possible.

Je ne serais pas capable de te donner le script Tony désolé.

J'ai essayé d'ajouter un lien (http://www.diamant-mandarin-evo.com/t30-comment-inserer-une-photo) dans le message d'alerte pour diriger vers un mode d'emploi. Par contre cela pose probléme

Tu peux donner le script modifié stp .

a++

[Invité]

Re,

Voici le script :

Code:

$(function(){
    $('.post-entry img[src*=".servimg.com"]').attr('id','M14_servimg');
    $('.post-entry img[id!="M14_servimg"]').replaceWith('<div class="M14_NotServimg">Lien de l\'image supprimé par la modération.<br />Merci d\'utiliser l\'hébergeur du forum. Voir le mode d'emploi: http://www.diamant-mandarin-evo.com/t30-comment-inserer-une-photo</div>');
   
    });

Edit 20h52:

Je pense qu'avec cette autre script ci-dessous, qui empêche l'envoie d'un message et écrit au dessus de la zone de texte "Vous n'avez écrit assez de texte", je peux peut être l'utiliser pour faire la même chose quand une image ne provient pas de Servimg.. Je vais y travailler avec mes petits moyen , ou si cela vous donne une idée

Code:

$(function(){
          if(!$.fn["sceditor"]) return;
       
          $('#textarea_content').before('<div  class="notenough" style="display:none;color:#0615BD;text-align:center; margin: 8px;font-size:16px;"> Vous n\'avez pas écrit assez de texte</div>');
          $('input[name="post"]').click(function(){
            var i = $("#text_editor_textarea").sceditor('instance').val().replace(/\s/g, '');
            if(i.length < 25){
              $('.notenough').fadeIn().show(500);
              return false;
            }
          });
        });

[Invité]

Hello Tony,
remplaces le premier script par celui-ci:

Code:

$(function(){
$('.post-entry img[src*=".servimg.com"]').attr('id','M14_servimg');
$('.post-entry img[id!="M14_servimg"]').replaceWith('<div class="M14_NotServimg">Lien de l\'image supprimé par la modération.<br />Merci d\'utiliser l\'hébergeur du forum. <br />
<a href="http://www.diamant-mandarin-evo.com/t30-comment-inserer-une-photo">Voir le mode d\'emploi </a></div>');
});


Il faut mettre un antislash devant les apostrophes .

Ensuite je n'arrive à rien pour les images ne venant pas de Servimg sur l'autre script , désolé.

a++

[Invité]

Hello Milouze14,


Ok, j'ai remplacé par ce code:

Code:

$(function(){
    $('.post-entry img[src*=".servimg.com"]').attr('id','M14_servimg');
    $('.post-entry img[id!="M14_servimg"]').replaceWith('<div class="M14_NotServimg"><br />Afin d\'assurer une plus grande durée de conservation de votre image.<br /><br />Veuillez&nbsp;éditer votre message et utiliser l\'hébergeur du forum,&nbsp;merci. <br /><br /><br /><a href="http://www.diamant-mandarin-evo.com/t30-comment-inserer-une-photo">>&nbsp;Mode d\'emploi:&nbsp;Insérer une photo sur le forum&nbsp;<<br /><br />
</a>
</div>');
    });

CSS:

Code:

 .M14_NotServimg{text-align:center;width:40%;margin-left:30%; margin-top: 30px; padding:2px 5px;border: 1px solid; border-color: grey; border-radius: 5px;color:#0615BD; font-size:15px; background: #FFFFFF; }


Le résultat: http://forumessai.superforum.fr/t49-essai-photo-autres-hebergeurs#364

Je souhaiterais une dernière chose si possible.. :
Lorsque l'on clic sur le message, on peut tout de même atteindre la photo et un soulignement est apparent. J'aurais voulu enlever ces 2 effets sans affecter le lien vers le mode d'emploi pour insérer une photo.

J'ai essayé sans succès ceci:

Code:

M14_NotServimg a:hover { text-decoration:none !important;}

Encore merci Milouze14 pour l'aide

[Invité]

Hum je vois,
les images ne sont pas déposées avec le simple src mais avec le lien de l'hébergeur:

essayes en remplaçant le script par celui-ci:

Code:




$(function(){
        $('.post-entry img[src*=".servimg.com"]').attr('id','M14_servimg');
        $('.post-entry img[id!="M14_servimg"]').replaceWith('<div class="M14_NotServimg"><br />Afin d\'assurer une plus grande durée de conservation de votre image.<br /><br />Veuillez&nbsp;éditer votre message et utiliser l\'hébergeur du forum,&nbsp;merci. <br /><br /><br /><a href="http://www.diamant-mandarin-evo.com/t30-comment-inserer-une-photo">>&nbsp;Mode d\'emploi:&nbsp;Insérer une photo sur le forum&nbsp;<<br /><br />
    </a>
    </div>');
$('.M14_NotServimg').unwrap();
        });


a++

[Invité]

Hello Milouze14,

Ce code résout le problème ! Super, merci

J'ai fait un autre petit test, le soucis est que lorsque j'insére des smilezs dans un message, il ne sont pas acceptés aussi..aïe

Exemple de smillez:

Code:

[img]http://twemoji.maxcdn.com/16x16/1f60e.png[/img]

Sur mon forum officiel , j'ai mis en place les emojis Twitter à l'éditeur venant de ce tutoriel: https://forum.forumactif.com/t381897-ajouter-les-emojis-twitter-a-l-editeur?highlight=twitter

Le problème existe aussi avec les smiley intégrés au forum.

Une modif. du code pour éviter que les smileys soient exclus est-elle possible ?


Merci, bonne journée

[Invité]

Hello Tony,

hum remplaces le script par celui-ci :

Code:


$(function(){
        $('.post-entry img[src*=".servimg.com"],.post-entry img[longdesc],  .post-entry img[src*=".maxcdn"]').attr('id','M14_servimg');
        $('.post-entry img[id!="M14_servimg"]').replaceWith('<div class="M14_NotServimg"><br />Afin d\'assurer une plus grande durée de conservation de votre image.<br /><br />Veuillez&nbsp;éditer votre message et utiliser l\'hébergeur du forum,&nbsp;merci. <br /><br /><br /><a href="http://www.diamant-mandarin-evo.com/t30-comment-inserer-une-photo">>&nbsp;Mode d\'emploi:&nbsp;Insérer une photo sur le forum&nbsp;<<br /><br />
    </a>
    </div>');
$('.M14_NotServimg').unwrap();
        });



.

Bon Dimanche .
a++

[Invité]

Re Milouze14 ,


Ma foi, tout est nickel !! Un grand merci

Résultat: http://forumessai.superforum.fr/t49-essai-photo-autres-hebergeurs



Bon dimanche