Activer un code jQuery/Javascript dans un message

4 participants

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 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

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 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

demeter1
Membre actif

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

https://altitudetropicale.forums-actifs.com/
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 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

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 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

demeter1
Membre actif

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

https://altitudetropicale.forums-actifs.com/
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 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

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 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

AenigmA
Membre actif

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 Sam 24 Jan 2015 - 18:51

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

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 Sam 24 Jan 2015 - 19:25

.Activer un code jQuery/Javascript dans un message HURHAdp.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 Activer un code jQuery/Javascript dans un message Envoi10


Vous pouvez également remercier les personnes qui vous ont aidé, en cliquant sur le bouton Activer un code jQuery/Javascript dans un message 50378

A bientôt sur ForumActif Smile
Self

Self
Membre actif

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

https://selfback.forumactif.com/
Self a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum