Les meilleurs développeurs JavaScript freelances sont sur Codeur.com
Terminé·30 à 300 €·2 offres·937 vues·1 interaction
J'aurais besoin de rajouter un systeme d'Iframe sur mon site [URL visible pour les membres Pro] pour pouvoir intégrer un quizz dans n'importe quel site. Il existe déjà un système d'iframe mais pour afficher la liste des x derniers quizz sur un autre site (vous pouvez le voir en action dans la colonne de droite du site [URL visible pour les membres Pro] ). Là, ca serait juste pour intégrer un quizz et pouvoir y jouer sans être redirigé sur quizzcool.com .
Voici le code pour intégrer la liste des derniers quizz. Il faudrait quelquechose de similaire.
<div class="sidebar-box">
<div class="x-quizzes-list-widget" data-limit="10"></div>
</div>
<script>
(function(){
var objectName = 'quizzcoolcom-quizzesWidget';
window[objectName] = {
showQuizzesList: function (container) {
var containerId = 'quizWidget-' + (new Date()).getTime();
container.setAttribute('id', containerId);
container.innerHTML = '<iframe style="width:100%;" src="[URL visible pour les membres Pro]' + encodeURIComponent('#' + containerId) + '&limit=' + container.getAttribute('data-limit') + '" frameborder="0"></iframe>';
window.addEventListener('message', function(e){
var data = e.data;
try{
data = JSON.parse(data);
if(data.type == "quizzes-iframe-height-change") {
var containerElement = document.querySelector(data.element);
var iframe = containerElement.children[0];
iframe.style.height = parseInt(data.height) + "px";
}
} catch (ex){
console.log(ex.message);
}
});
}
};
var widgets = document.querySelectorAll('.x-quizzes-list-widget');
for(var i = 0; i < widgets.length; i++){
window[objectName].showQuizzesList(widgets[i]);
}
})();
</script>
Vous pourrez avoir accès au code source des pages existantes.
N'hésitez pas à revenir vers moi si vous avez besoin de précisions.
Budget indicatif : 30 à 300 €
Publication : 14 août 2015 à 11h37
Profils recherchés : Développeur JavaScript freelance, Développeur PHP freelance
2 freelances ont répondu à ce projet
2 propositions de devis en moins de 2h
Projet réalisé par CardinalWeb
Votre navigateur Web n’est plus à jour. Il ne permet pas d’afficher correctement le site Codeur.com.
Nous vous invitons à mettre à jour votre navigateur ou à utiliser un autre navigateur plus récent.