Bouton pour un javascript

2 participants

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

Résolu Bouton pour un javascript

Message par photoclic Lun 29 Fév 2016 - 11:24

Bonjour,

J'ai crée un javascript pour accéder à l'hébergeur Hostingpict.
Il fonctionne correctement sur les réponses rapides,mais je souhaiterais avoir un bouton à cliquer à la place pour faire apparaitre mon javascript comme actuellement sur la réponse rapide, mais aussi sur les nouveaux sujets.
Je suis en phpbb3.

Pour mieux comprendre:
Mon javascript:
Code:

$(function(){
                                  $("body").append('<div style="position:relative; bottom: 560px; right: -770px"><center>
   <iframe style="width: 400px; height: 100px;" src="http://www.hostingpics.net/iframe_mini.php" scrolling="no" allowtransparency="true" frameborder="0">
   </iframe>
</center></div>');
                });


Ce que j'obtiens:
Spoiler:

Ce que je souhaiterais, ainsi que qu'on on crée un nouveau sujet:

Spoiler:



Dernière édition par photoclic le Lun 29 Fév 2016 - 14:35, édité 1 fois
photoclic

photoclic
Membre habitué

Masculin
Messages : 1350
Inscrit(e) le : 20/11/2015

http://photoclic.forum-pro.fr/
photoclic a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bouton pour un javascript

Message par stefou Lun 29 Fév 2016 - 12:29

Bonjour,
Voici votre js modifié qui devrait fonctionner.
(Remplacer l'image du lien par la votre)
Code:
$(function(){
$("body").append('<div id="but_hosting" style="position:relative; bottom: 560px; right: -770px"><center><img src="http://www.medical-wave.com/img/boutonEnvoi.jpg"></img></center></div>');
$("#but_hosting").click(function () {
$("#but_hosting").replaceWith('<div style="position:relative; bottom: 560px; right: -770px"><center><iframe style="width: 400px; height: 100px;" src="http://www.hostingpics.net/iframe_mini.php" scrolling="no" allowtransparency="true" frameborder="0"></iframe></center></div>');
});
});
stefou

stefou
*****

Masculin
Messages : 901
Inscrit(e) le : 24/11/2009

http://discussansfrontieres.forumgratuit.fr/forum
stefou a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bouton pour un javascript

Message par photoclic Lun 29 Fév 2016 - 12:40

Extra Stefou. Merci beaucoup.

Pour l'avoir aussi quand on poste un nouveau sujet que faut-il faire?
photoclic

photoclic
Membre habitué

Masculin
Messages : 1350
Inscrit(e) le : 20/11/2015

http://photoclic.forum-pro.fr/
photoclic a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bouton pour un javascript

Message par stefou Lun 29 Fév 2016 - 13:15

Remplace le code par celui-ci
A cocher sur toutes les pages!
Code:
$(function(){
  if((/^\/post?/.test(document.location.pathname))||(/^\/(t[1-9][0-9]*)?-/.test(document.location.pathname))){
$("body").append('<div id="but_hosting" style="position:relative; bottom: 560px; right: -770px"><center><img src="http://www.medical-wave.com/img/boutonEnvoi.jpg"></img></center></div>');
$("#but_hosting").click(function () {
$("#but_hosting").replaceWith('<div style="position:relative; bottom: 560px; right: -770px"><center><iframe style="width: 400px; height: 100px;" src="http://www.hostingpics.net/iframe_mini.php" scrolling="no" allowtransparency="true" frameborder="0"></iframe></center></div>');
});
}});
stefou

stefou
*****

Masculin
Messages : 901
Inscrit(e) le : 24/11/2009

http://discussansfrontieres.forumgratuit.fr/forum
stefou a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bouton pour un javascript

Message par photoclic Lun 29 Fév 2016 - 13:40

Merci Stefou.
Génial. ça se met bien sur la réponse rapide et sur un nouveau post.

Par contre le bouton est bien placé sur la réponse rapide; Mais faudrait que je puisse modifier l'emplacement pour les nouveaux posts car là le bouton se positionne en bas.

Je ne sais pas s'il est possible de différencier ces 2 cas.
photoclic

photoclic
Membre habitué

Masculin
Messages : 1350
Inscrit(e) le : 20/11/2015

http://photoclic.forum-pro.fr/
photoclic a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bouton pour un javascript

Message par stefou Lun 29 Fév 2016 - 13:56

Voilà
(J'ai pas testé)
Code:
    $(function(){
      //nouveau message
      if(/^\/post?/.test(document.location.pathname)){
    $("body").append('<div id="but_hosting" style="position:relative; bottom: 560px; right: -770px"><center><img src="http://www.medical-wave.com/img/boutonEnvoi.jpg"></img></center></div>');
    $("#but_hosting").click(function () {
    $("#but_hosting").replaceWith('<div style="position:relative; bottom: 560px; right: -770px"><center><iframe style="width: 400px; height: 100px;" src="http://www.hostingpics.net/iframe_mini.php" scrolling="no" allowtransparency="true" frameborder="0"></iframe></center></div>');
    });
    }else
{
  //réponse rapide
if(/^\/(t[1-9][0-9]*)?-/.test(document.location.pathname)){
    $("body").append('<div id="but_hosting" style="position:relative; bottom: 560px; right: -770px"><center><img src="http://www.medical-wave.com/img/boutonEnvoi.jpg"></img></center></div>');
    $("#but_hosting").click(function () {
    $("#but_hosting").replaceWith('<div style="position:relative; bottom: 560px; right: -770px"><center><iframe style="width: 400px; height: 100px;" src="http://www.hostingpics.net/iframe_mini.php" scrolling="no" allowtransparency="true" frameborder="0"></iframe></center></div>');
    });
    }}});
stefou

stefou
*****

Masculin
Messages : 901
Inscrit(e) le : 24/11/2009

http://discussansfrontieres.forumgratuit.fr/forum
stefou a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bouton pour un javascript

Message par photoclic Lun 29 Fév 2016 - 14:35

Super Stefou.
Adapté et adopté!

Un très grand merci pour l'efficacité et la rapidité.
photoclic

photoclic
Membre habitué

Masculin
Messages : 1350
Inscrit(e) le : 20/11/2015

http://photoclic.forum-pro.fr/
photoclic 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