Bouton supplémentaire dans la barre des tâches qui ne fonctionne pas

[Bad_girls]

Détails techniques

Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Google Chrome
Capture d'écran du problème :

Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : Aujourd'hui 13/01/2108
Lien du forum : http://leforumdesamis.monally.com/portal.htm

Description du problème

Bonjour à tous, et bonne année 2018!

Suite à la fermeture de Hostingpics, j'ai cherché un hébergeur qui peut télécharger de grandes images avec un fond transparent, tout en gardant la transparence. Je fais des thèmes pour forumactif et beaucoup de graphisme, et j'ai besoin d'un hébergeur simple d'utilisation, à la portée de tous mes membres.

Mon problème:

J'ai suivi ce tutoriel, mais comme Hosting ferme ses portes, j'ai modifié les noms *hosting" par goopics qui sera l'hébergeur de remplacement...

https://forum.forumactif.com/t393615-bouton-supplementaire-pour-hebergeur-images-dans-barre-des-taches

J'ai mis les templates suivant, en modifiant l'adresse de l'hébergeur:

viewtopic_body

Code:

<script type="text/javascript">
  jQuery(function($){
      $('<a class="sceditor-button sceditor-button-goopics" unselectable="on" title="héberger une image avec gooPics"><div unselectable="on"></div></a>').insertBefore('.sceditor-button-servimg');
      $('.sceditor-button-goopics').click(function(e){
        e.preventDefault();
        if($('.sceditor-goopics').length == 0){
            $('<div class="sceditor-dropdown sceditor-goopics"><p><iframe style="width: 400px; height: 100px;" src="http://goopics.net" scrolling="no" allowtransparency="true" frameborder="0"> </iframe></p></div>').appendTo('body');
        }else{
            $('.sceditor-goopics').fadeToggle();
        };
        var y = $('.sceditor-button-goopics').offset().top+30;
        var x = $('.sceditor-button-goopics').offset().left;
        $('.sceditor-hostimg').css({'position':'absolute', 'top':y+'px', 'left':x+'px'});
      });
  });
</script>

Dans posting_body

Code:

<script type="text/javascript">
  jQuery(function($){
      $('<a class="sceditor-button sceditor-button-goopics" unselectable="on" title="héberger une image avec gooPics"><div unselectable="on"></div></a>').insertBefore('.sceditor-button-servimg');
      $('.sceditor-button-goopics').click(function(e){
        e.preventDefault();
        if($('.sceditor-hostimg').length == 0){
            $('<div class="sceditor-dropdown sceditor-goopics"><p><iframe style="width: 400px; height: 100px;" src="http://goopics.net" scrolling="no" allowtransparency="true" frameborder="0"> </iframe></p></div>').appendTo('body');
        }else{
            $('.sceditor-goopics').fadeToggle();
        };
        var y = $('.sceditor-button-goopics').offset().top+30;
        var x = $('.sceditor-button-goopics').offset().left;
        $('.sceditor-hostimg').css({'position':'absolute', 'top':y+'px', 'left':x+'px'});
      });
  });
</script>

Et dans le CSS:

Code:

input[name=hideonline] { display: none; }
  tr.post td {     text-align: center; }
  .sceditor-button-goopics div {
    background-position: center center !important;
    background-image: url('https://i.imgur.com/TdLVM63.png') !important;
    background-size: 16px;
}

Mon souci:

L'image se voit, mais lorsque je clique dessus, l'hébergeur goopics ne s'ouvre pas....

Il est où le problème?

Un immense merci d'avance à toutes personnes qui pourront éclairer ma lanterne!

Cordialement

[Bad_girls]

Bonjour!

Je sais que c'est dimanche, mais je fais quand même un petit UP svp....

1000 merci et bon dimanche à tous!

[Scoubifitz]

Description du problème

Bonjour à tous, et bonne année 2018!

Suite à la fermeture de Hostingpics, .../...  j'ai modifié les noms *hosting" par goopics qui sera l'hébergeur de remplacement...

.../...

Dans posting_body

Code:

<script type="text/javascript">
  jQuery(function($){
      $('<a class="sceditor-button sceditor-button-goopics" unselectable="on" title="héberger une image avec gooPics"><div unselectable="on"></div></a>').insertBefore('.sceditor-button-servimg');
      $('.sceditor-button-goopics').click(function(e){
        e.preventDefault();
        if($('.sceditor-hostimg').length == 0){
            $('<div class="sceditor-dropdown sceditor-goopics"><p><iframe style="width: 400px; height: 100px;" src="http://goopics.net" scrolling="no" allowtransparency="true" frameborder="0"> </iframe></p></div>').appendTo('body');
        }else{
            $('.sceditor-goopics').fadeToggle();
        };
        var y = $('.sceditor-button-goopics').offset().top+30;
        var x = $('.sceditor-button-goopics').offset().left;
        $('.sceditor-hostimg').css({'position':'absolute', 'top':y+'px', 'left':x+'px'});
      });
  });
</script>

.../...
Il est où le problème?

Bonjour,

Un petit oubli à la ligne 6 ?

[Bad_girls]

Bonsoir Scoubifitz, merci pour ton aide! J'ai modifié ça cet après-midi, et oui, ça venait peut-être de là, je ne sais pas.... maintenant ça s'ouvre en tout cas, mais ce n'est pas terrible, je ne peux rien faire quand même...

J'ai ça:



Alors que j'aimerai ça:



Mais bon, je ne sais pas si c'est possible...  

Cordialement

[Chéryl145]

Bonjour
j'ai le même soucis .

Donc je ne sais que faire .
Cordialement
Chéryl

[Chéryl145]

Bonjour

Il y a aussi un Très bon hébergeur que j'ai trouvé en sécurisé . Mais hélas je n'ai pas les Codes .

https://postimages.org/

J'aimerai le mettre sur ma Barre de Tache . Si quelqu'un pouvais me Donner les Codes

Pour avoir le même système avec cet hébergeur .

merci d'avance .

Cordialement

Chéryl

https://graphismelesangesden.forumactif.org

[Bad_girls]

Chéryl, merci de ne pas poster ici, stp... Surveille les réponses qui me seront données, sinon on ne va pas s'en sortir...

Merci!
Cordialement

[Bad_girls]

UP svp, merci!

[Chéryl145]

Up Merci

[Bad_girls]

Si j'ose, un petit UP svp... Est-ce que quelqu'un pourrait me répondre svp?

Merci d'avance!

Cordialement

[Chéryl145]

Je me permets  de Vous envoyer un petit UP
Cordialement
Chéryl

[Adam_sfp]

Bonjour

Le soucis c'est que que vous insérez l'iframe de la page entière de goopics et je ne pense pas qu'il y est d'autres possibilités.
Contrairement à Hosting ou l'iframe que vous insériez était une iframe située dans la page et ciblant uniquement les bons éléments.
Pour bien comprendre avant vous aviez cette iframe

Code:

<iframe src="http://www.hostingpics.net/iframe_mini.php" width="400" height="100" scrolling="no" frameborder="0" allowtransparency="true"></iframe>

Si vous auriez mis l'iframe de la page comme ceci (c'est ce que vous faites avec goopics ) vous n'auriez pas eu un bon résultat non plus...

Code:

<iframe src="http://www.hostingpics.net/" width="400" height="100" scrolling="no" frameborder="0" allowtransparency="true"></iframe>

*Peut être en essayant cette "bidouille"  mais je ne suis pas sur du résultat sur toutes les résolutions.
on met une iframe qui va cibler une certaine partie de la page.. à tester..

Code:

<script type="text/javascript">
  jQuery(function($){
      $('<a class="sceditor-button sceditor-button-hostimg" unselectable="on" title="héberger une image avec HostingPics"><div unselectable="on"></div></a>').insertBefore('.sceditor-button-servimg');
      $('.sceditor-button-hostimg').click(function(e){
        e.preventDefault();
        if($('.sceditor-hostimg').length == 0){
            $('<div class="sceditor-dropdown sceditor-hostimg"><div style="position: absolute; overflow: hidden; left: 10px; top: 10px; border: solid 2px #555; width:630px; height:332px;">
<div style="overflow: hidden; margin-top: -300px; margin-left: -155px;">
</div>
<iframe src="https://goopics.net/" scrolling="yes" style="height: 680px; border: 0px none; width: 650px; margin-top: -60px; margin-left: 0px; ">
</iframe>
</div>
</div>').appendTo('body');
        }else{
            $('.sceditor-hostimg').fadeToggle();
        };
        var y = $('.sceditor-button-hostimg').offset().top+30;
        var x = $('.sceditor-button-hostimg').offset().left;
        $('.sceditor-hostimg').css({'position':'absolute', 'top':y+'px', 'left':x+'px'});
      });
  });
</script>

Cdt.

[Bad_girls]

Bonsoir Adam, merci pour ta réponse!

En fait, ne voyant pas venir d'aide, j'au supprimé ce bouton dans la barre des tâches du forum et je l'ai mis en haut du forum...

Désolée de ne pas être venue plus tôt donner des nouvelles.
Merci encore pour tout, et bonne soirée!

Je vais mettre "résolu"

Cordialement