Code HTML a placer dans Javascript

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

Résolu Code HTML a placer dans Javascript

Message par Ejayremy le Ven 28 Juin 2013 - 14:18

Bonjour,

Je n'ai pas trouvé mieux comme titre mais voici mon problème : J'ai un code HTML que je souhaite faire apparaitre sur toutes les pages de mon forum. Cependant, je ne souhaite pas ajouter sur mon forum de Widgets et donc, je ne sais pas ou placer ce code afin qu'il soit actif.

Code:
<div class="addthis_toolbox addthis_default_style" style="position:absolute ;right:430px; top:05px;"><iframe src="//www.facebook.com/plugins/like.php?href=https%3A%2F%2Fwww.facebook.com%2Fejayremy&amp;send=false&amp;layout=button_count&amp;width=100&amp;show_faces=false&amp;font&amp;colorscheme=light&amp;action=like&amp;height=21&amp;appId=165189773567340" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:100px; height:21px;" allowTransparency="true"></iframe><a href="https://twitter.com/Ejayremy" class="twitter-follow-button" data-show-count="false" data-lang="fr">Suivre @Ejayremy</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script> <!-- Placez cette balise où vous souhaitez faire apparaître le gadget Bouton +1. --><div class="g-plusone" data-size="medium" data-annotation="none"></div>

<!-- Placez cette ballise après la dernière balise Bouton +1. -->
<script type="text/javascript">
  window.___gcfg = {lang: 'fr'};

  (function() {
    var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
    po.src = 'https://apis.google.com/js/plusone.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
  })();
</script> <a href="http://www.youtube.com/user/ejayremyjv?sub_confirmation=1" target=_blank><img src="http://i81.servimg.com/u/f81/09/01/05/17/logo_y10.gif"></a></div><div class="addthis_toolbox addthis_default_style" style="position:absolute ;right:480px; top:33px;"><img src="http://i81.servimg.com/u/f81/09/01/05/17/concou10.png"><a href="http://www.ejayremy.fr/h4-concours-les-stagiaires"><img src="http://i81.servimg.com/u/f81/09/01/05/17/stag10.png" style="border:solid 1px #000000;" title="Concours Les Stagiaires">   </div>

J'ai tenté de l'ajouter dans le module annonce mais sans succès, enfin, a moitié car le code laisse apparaitre des image censé être en haut à droite mais en plaçant ce code dans le module annonce il place ces images en haut à droite mais du module annonce en lui même et non ma page web ...
De même, j'ai testé en plaçant ce code dans un module javascript et sur toute les pages mais il n'affiche rien.

Alors ou faut il placer mon code ci-dessus pour mon forum ?
Merci de votre aide.


Dernière édition par Ejayremy le Ven 28 Juin 2013 - 20:14, édité 1 fois

Ejayremy
*****

Masculin
Messages : 943
Inscrit(e) le : 03/02/2006

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

Résolu Re: Code HTML a placer dans Javascript

Message par Lixyr le Ven 28 Juin 2013 - 17:43

Bonsoir.

Et si vous faites ainsi ?

panneau d'administration >> modules >> gestion des codes javascripts

Like a Star @ heaven Premier code
- créer un nouveau javascript
- titre : faux widget de partage
- cocher : sur toutes les pages
- code :
Code:
jQuery(document).ready(function() {
          jQuery('body').append('<div class="addthis_toolbox addthis_default_style" style="position:absolute ;right:430px; top:05px;"><iframe src="//www.facebook.com/plugins/like.php?href=https%3A%2F%2Fwww.facebook.com%2Fejayremy&amp;send=false&amp;layout=button_count&amp;width=100&amp;show_faces=false&amp;font&amp;colorscheme=light&amp;action=like&amp;height=21&amp;appId=165189773567340" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:100px; height:21px;" allowTransparency="true"></iframe><a href="https://twitter.com/Ejayremy" class="twitter-follow-button" data-show-count="false" data-lang="fr">Suivre @Ejayremy</a><!-- Placez cette balise où vous souhaitez faire apparaître le gadget Bouton +1. --><div class="g-plusone" data-size="medium" data-annotation="none"></div><a href="http://www.youtube.com/user/ejayremyjv?sub_confirmation=1" target=_blank><img src="http://i81.servimg.com/u/f81/09/01/05/17/logo_y10.gif"></a></div><div class="addthis_toolbox addthis_default_style" style="position:absolute ;right:480px; top:33px;"><img src="http://i81.servimg.com/u/f81/09/01/05/17/concou10.png"><a href="http://www.ejayremy.fr/h4-concours-les-stagiaires"><img src="http://i81.servimg.com/u/f81/09/01/05/17/stag10.png" style="border:solid 1px #000000;" title="Concours Les Stagiaires"></div>');
        });
- valider

Like a Star @ heaven Deuxième code
- créer un nouveau javascript
- titre : widget - twitter
- cocher : sur toutes les pages
- code :
Code:
!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');
- valider

Like a Star @ heaven Troisième code
- créer un nouveau javascript
- titre : widget google +1
- cocher : sur toutes les pages
- code :
Code:
window.___gcfg = {lang: 'fr'};
(function() {
            var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
            po.src = 'https://apis.google.com/js/plusone.js';
            var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
          })();
- valider

Lixyr
Aidactive
Aidactive

Féminin
Messages : 5595
Inscrit(e) le : 22/07/2010

http://forum-test-in-lixyr.rpg-dynasty.com/
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code HTML a placer dans Javascript

Message par Ejayremy le Ven 28 Juin 2013 - 20:13

Ca passe parfaitement merci.
Une dernière chose, comment ajouter juste un espace entre les widget Twitter/Google et image Youtube svp ?

Merci Smile

EDIT, j'ai trouvé merci beaucoup pour votre aide. Very Happy 

Ejayremy
*****

Masculin
Messages : 943
Inscrit(e) le : 03/02/2006

http://forum.family-geek.fr/
Ejayremy 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