Activer un code jQuery/Javascript dans un message

par Qydia Sam 24 Jan 2015 - 16:23

Bonjour à tous !

Voici donc le problème, j'aimerai mettre ce code, de façon active, dans un message du forum :

Code:: <div style="margin:auto;text-align:center;width:100%"> <script type="text/javascript" src="http://sd-1.archive-host.com/membres/up/37821634957680146/jqueryimBookFlip-06.js"></script> <style> #myBook { display:none; position:relative; width: 584px; height:309px; } .imBookPage { position:absolute; left:0px; top:0px; width: 290px; height:307px; color: #fff; overflow:hidden; border: solid 1px #000; } </style> <script type="text/javascript"> jQuery(document).ready( function() { jQuery("#myBook").imBookFlip({ page_class: 'imBookPage' }); }); </script> <div id="myBook" style="display:none;"> <div class="imBookPage" style="background: url(http://i73.servimg.com/u/f73/12/86/27/76/0118.jpg)"> </div> <div class="imBookPage" style="background: url(http://i73.servimg.com/u/f73/12/86/27/76/0215.jpg)"> </div> <div class="imBookPage" style="background: url(http://i73.servimg.com/u/f73/12/86/27/76/0314.jpg)"> </div> </div> </div>

Ceci correspond au code d'un livre animé (pages qui tournent quand on clique dessus)
A l'heure actuelle, quand je poste ce texte tel quel dans le message d'un sujet, j'obtiens ceci :

jQuery(document).ready( function() {
jQuery("#myBook").imBookFlip({
page_class: 'imBookPage'
});
});

Je suppose qu'il doit falloir activer quelque chose pour que le code soit pris en compte mais j'ignore quoi et comment procéder.
Merci d'avance ^^

par demeter1 Sam 24 Jan 2015 - 17:12

Bonjour,
le js n'est pas utilisable dans les messages. Deux solutions :
1 vous hébergez la trame sur une page html et vous appelez le contenu via une iframe
2 vous hébergez vos deux js dans la gestion des javascripts

par Qydia Sam 24 Jan 2015 - 17:28

Merci pour cette réponse Demeter1 ^^.

Et bien, je pense utiliser la première solution. N'étant pas une pro dans ce domaine, j'ai quelques petits soucis pour mettre mon code en page type "html". Ensuite, je ne suis pas administratrice du forum en question, est-il possible d'héberger la page html ailleurs que sur le forum pour ensuite l'appeler via l'iframe ? (si ce n'est pas possible tant pis, en tout cas cette réponse m'aura été plus qu'utile pour au moins régler ce problème sur un de mes forums ^^)

par demeter1 Sam 24 Jan 2015 - 17:37

Re,
vous pouvez héberger la page sur votre forum ou sur un hébergeur externe (archive host par exemple)

par Qydia Sam 24 Jan 2015 - 18:18

Parfait, merci beaucoup !

Je vous embête donc une dernière fois, serait-il possible de me montrer ce que doit donner mon code en version html ? (après essai, je me suis retrouvée avec une page blanche ^^")

par AenigmA Sam 24 Jan 2015 - 18:21

Bonsoir,

C'est parce que tu n'as pas le jquery-1.3.2.min

Code:: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>TON TITRE</title> <style type="text/css"> #myBook { display:none; position:relative; width: 584px; height:309px; } .imBookPage { position:absolute; left:0px; top:0px; width: 290px; height:307px; color: #fff; overflow:hidden; border: solid 1px #000; } </style> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> <script type="text/javascript" src="http://sd-1.archive-host.com/membres/up/37821634957680146/jqueryimBookFlip-06.js"></script> <script type="text/javascript"> jQuery(document).ready( function() { jQuery("#myBook").imBookFlip({ page_class: 'imBookPage' }); }); </script> </head> <body> <div id="myBook" style="display:none;"> <div class="imBookPage" style="background: url(http://i73.servimg.com/u/f73/12/86/27/76/0118.jpg)"> </div> <div class="imBookPage" style="background: url(http://i73.servimg.com/u/f73/12/86/27/76/0215.jpg)"> </div> <div class="imBookPage" style="background: url(http://i73.servimg.com/u/f73/12/86/27/76/0314.jpg)"> </div> </div> </body> </html>

J'ai mis le 1.7.2 du forum c'est mieux

par Qydia Sam 24 Jan 2015 - 18:51

Tout fonctionne à merveille à présent ! Un grand merci à tous les deux ! ^^

par Self Sam 24 Jan 2015 - 19:25

..	Bonjour, Afin de faciliter la gestion des problèmes, si votre problème est résolu, pensez à : éditer votre premier message, cocher l'icône Et enregistrer en cliquant sur Vous pouvez également remercier les personnes qui vous ont aidé, en cliquant sur le bouton A bientôt sur ForumActif