Activer un code jQuery/Javascript dans un message

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

Résolu Activer un code jQuery/Javascript dans un message

Message par Qydia le 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 ^^


Dernière édition par Qydia le Sam 24 Jan 2015 - 19:49, édité 1 fois

Qydia
**

Messages : 55
Inscrit(e) le : 13/04/2013

http://deux-mondes.forumactif.org
Qydia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Activer un code jQuery/Javascript dans un message

Message par demeter1 le 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

demeter1
+ Hyperactif +

Masculin
Messages : 8222
Inscrit(e) le : 23/01/2009

http://altitudetropicale.forums-actifs.com/index.forum
demeter1 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Activer un code jQuery/Javascript dans un message

Message par Qydia le 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 ^^)

Qydia
**

Messages : 55
Inscrit(e) le : 13/04/2013

http://deux-mondes.forumactif.org
Qydia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Activer un code jQuery/Javascript dans un message

Message par demeter1 le 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)

demeter1
+ Hyperactif +

Masculin
Messages : 8222
Inscrit(e) le : 23/01/2009

http://altitudetropicale.forums-actifs.com/index.forum
demeter1 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Activer un code jQuery/Javascript dans un message

Message par Qydia le 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 ^^")

Qydia
**

Messages : 55
Inscrit(e) le : 13/04/2013

http://deux-mondes.forumactif.org
Qydia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Activer un code jQuery/Javascript dans un message

Message par AenigmA le 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

AenigmA
+ Hyperactif +

Masculin
Messages : 2228
Inscrit(e) le : 10/03/2005

http://aenigma.forumactif.fr/
AenigmA a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Activer un code jQuery/Javascript dans un message

Message par Qydia le Sam 24 Jan 2015 - 18:51

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

Qydia
**

Messages : 55
Inscrit(e) le : 13/04/2013

http://deux-mondes.forumactif.org
Qydia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Activer un code jQuery/Javascript dans un message

Message par Self le 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 résolu
  • 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 Smile

Self
+ Hyperactif +

Masculin
Messages : 3710
Inscrit(e) le : 13/06/2013

Self 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