Utiliser du JavaScript dans les Community Blogs

Principe

Comme vous aurez sans doute pu le constater, les blogs Community Source ont la fâcheuse habitude de supprimer de votre code tout ce qui ressemble de près ou de loin à du JavaScript.

Heureusement, il est possible d'executer malgré tout du JavaScript via un workaround, et, par là même, de mettre tout l'HTML que vous voulez dans vos blogs (IFRAME, ...)

Voici un exemple :

if (document.getElementById) {
  document.getElementById("dynamic").innerHTML="<" + "A href" + "=\"javascript:void(alert('Ce lien a été ajouté dynamiquement via innerHTML.'))\"" + ">" + "Test link" + "<" + "/" + "A" + ">";
}

En gros, l'astuce consiste à créer une balise PRE dans votre code, de lui donner comme classe CSS "js" et de spécifier dans votre style (Replacement CSS) qu'il ne faut pas afficher les PRE.js

Ensuite, il convient d'ajouter un code JavaScript dans la partie "En-tête brute" de votre blog qui, au chargement de la page, récupére toutes les balises PRE et évalue le contenu (firstChild.data) de toutes celles qui ont pour classe CSS "js".

Ressources :

Style

.js { display: none; visibility: hidden; width: 0px; height: 0px; overflow: hidden; }

JavaScript

<script><!--
function addEvent(obj, name, func) {
    if (obj.attachEvent) {
       obj.attachEvent("on"+name, func, true)
    } else if (obj.addEventListener) {
       obj.addEventListener(name, func, true)
    } else {
       obj["on"+name]=func;
    }
}

addEvent(window, "load", function() {
    var js = document.getElementsByTagName("pre")
    for (var i=0; i<js.length; i++) {
      if (js[ i ].className!="js") { continue; }
      setTimeout(js[ i ].firstChild.data, 0)
    }
})
--></script>

Ce post vous a plu ? Ajoutez le dans vos favoris pour ne pas perdre de temps à le retrouver le jour où vous en aurez besoin :
Publié 13 juillet 07 11:16 par FREMYCOMPANY
Classé sous : , ,

Commentaires

# khamlon said on juillet 13, 2007 12:05:

excellent workaround dis donc, beau boulot ;)

Les commentaires anonymes sont désactivés

About FREMYCOMPANY

François REMY est un jeune développeur belge plein d'entrain qui traite surtout des technologies du web et de DotNet dans ses articles.


Les 10 derniers blogs postés

- Merci par Blog de Jérémy Jeanson le 10-01-2019, 20:47

- Office 365: Script PowerShell pour auditer l’usage des Office Groups de votre tenant par Blog Technique de Romelard Fabrice le 04-26-2019, 11:02

- Office 365: Script PowerShell pour auditer l’usage de Microsoft Teams de votre tenant par Blog Technique de Romelard Fabrice le 04-26-2019, 10:39

- Office 365: Script PowerShell pour auditer l’usage de OneDrive for Business de votre tenant par Blog Technique de Romelard Fabrice le 04-25-2019, 15:13

- Office 365: Script PowerShell pour auditer l’usage de SharePoint Online de votre tenant par Blog Technique de Romelard Fabrice le 02-27-2019, 13:39

- Office 365: Script PowerShell pour auditer l’usage d’Exchange Online de votre tenant par Blog Technique de Romelard Fabrice le 02-25-2019, 15:07

- Office 365: Script PowerShell pour auditer le contenu de son Office 365 Stream Portal par Blog Technique de Romelard Fabrice le 02-21-2019, 17:56

- Office 365: Script PowerShell pour auditer le contenu de son Office 365 Video Portal par Blog Technique de Romelard Fabrice le 02-18-2019, 18:56

- Office 365: Script PowerShell pour extraire les Audit Log basés sur des filtres fournis par Blog Technique de Romelard Fabrice le 01-28-2019, 16:13

- SharePoint Online: Script PowerShell pour désactiver l’Option IRM des sites SPO non autorisés par Blog Technique de Romelard Fabrice le 12-14-2018, 13:01




Search

Go

Ce blog

Abonnements