[Résolu] Code Javascript dans pour un article ? (Créer un compte)

  • Statut : non résolu
12 sujets de 1 à 12 (sur un total de 12)
  • Auteur
    Messages
  • #459135
    kankun
    Membre
    Padawan WordPress
    55 contributions

    Bonjour,

    Ma configuration WP actuelle
    – Version de WordPress : 2.5
    – Thème utilisé : Wp premium
    – Plugins en place : all in seo
    – Nom de l’hebergeur :
    – Adresse du site :

    Problème(s) rencontré(s) :

    Je pense que ce que je veux faire n’est pas possible mais peut etre qu’il existe une astuce permettant de détourner le problème. Pour un de mes articles j’ai besoin d’insérer du javascript dans le head afin que le javascript fonctionne : une partie du script dans et l’autre directement dans l’article ().

    Je n’ai aucune autre alternative je dois donc mettre ce code javascript (pas de plugin existant ou de script php similaire). Je pourrais bien sur placer le code javascript dans le ficher header.php mais ca m’embète un peu qu’il allourdisse mes pages à chaque fois alors qu’il ne sert qu’à un seul article.

    Me reste donc peut etre la solution de passer par une page statique dans laquelle je placerais le javascript dans un header spécifique à cette page. Seulement comment faire pour que cette page apparaisse comme article ?

    Avez vous une astuce à me proposer afin de régler ce problème de javascript dans le header ?

    #628687
    dlo
    Participant
    Maître WordPress
    1849 contributions

    Il est possible de conditionner l’inclusion du javascript dans le header comme ceci:



    bla, bla, bla



    Codialement

    #628688
    kankun
    Membre
    Padawan WordPress
    55 contributions

    Je ne suis pas sur de bien comprendre l’idée, je place ce script dans le corps de l’article (au début de l’article dans l’éditeur de WP) ?

    #628689
    kankun
    Membre
    Padawan WordPress
    55 contributions

    J’ai l’impression que tu me suggères de placer ce code dans le fichier header.php mais c’est justement ce que j’aurais préféré éviter puisque ca alourdit un peu toutes les autres pages du blog.

    #628690
    dlo
    Participant
    Maître WordPress
    1849 contributions

    C’est effectivement dans le fichier header.php qu’il faut placer ce code. Cela n’alourdit rien du tout (ou si peu…juste le temps du if) puisque justement on teste si on affiche la bonne page avant d’insérer le Javascript.

    Cordialement

    #628691
    kankun
    Membre
    Padawan WordPress
    55 contributions

    Ok je te remercie de ta réponse. Je vais voir si je trouve une autre alternative sinon je ferais sans doute ca même si c’est pas tout à fait ce que je souhaitais à la base.

    Etant donné que tu as l’air de connaitre assez bien Wp tu vas peut etre également pouvoir me renseigner sur une question similaire : pour un autre article j’aurais besoin de faire appel à un fichier php avec un include. J’ai donc placé l’include dans le corps de l’article mais Wp ne l’interprete pas et affiche le texte au lieu de lire le fichier.

    Tu sais s’il y un code spécifique à Wp pour faire fonctionner cet include dans l’article ?

    #628692
    dlo
    Participant
    Maître WordPress
    1849 contributions

    Il n’est pas possible d’insérer du code PHP dans un article et espérer qu’il soit interprété, sans ajouter un plugin comme Exec-PHP, par exemple.

    Cordialement

    #628693
    kankun
    Membre
    Padawan WordPress
    55 contributions

    Ok merci beaucoup !

    #628694
    Ajira
    Participant
    Initié WordPress
    18 contributions

    Bonjour je ressors ce vieux topic, puisque ma question parle du meme sujet.
    Voilà je réalise un blog en ce moment, et depuis 1j je me casse la tête a trouvé une solution pour afficher des fonction javascript dans un post en particulier, j’ai cru justement avoir la solution mais malheuresement ca ne marche pas.
    Voici mon code javascipt inséré dans header.php 🙂



    var cX = 0; var cY = 0; var rX = 0; var rY = 0;

    function UpdateCursorPosition(e) {
    cX = e.pageX; cY = e.pageY;
    }

    function UpdateCursorPositionDocAll(e) {
    cX = event.clientX; cY = event.clientY;
    }

    if(document.all) {
    document.onmousemove = UpdateCursorPositionDocAll;
    }

    else {
    document.onmousemove = UpdateCursorPosition;
    }

    function AssignPosition(d){
    var myHeight = 0;

    if (self.pageYOffset) {
    rX = self.pageXOffset;
    rY = self.pageYOffset;
    }
    else if (document.documentElement && document.documentElement.scrollTop) {
    rX = document.documentElement.scrollLeft;
    rY = document.documentElement.scrollTop;
    }
    else if (document.body) {
    rX = document.body.scrollLeft;
    rY = document.body.scrollTop;
    }

    if (document.all) {
    cX += rX;
    cY += rY;
    }

    if(typeof(window.innerHeight) == ‘number’) {
    myHeight = window.innerHeight;
    }
    else if(document.documentElement && document.documentElement.clientHeight)
    {
    myHeight = document.documentElement.clientHeight;
    }
    else if(document.body && document.body.clientHeight) {
    myHeight = document.body.clientHeight;
    }

    if (cY + 351 > myHeight) {
    cY = cY – 351;
    }


    d.style.left = (cX+10) + « px »;
    d.style.top = (cY+10) + « px »;
    }

    function HideContent(d) {
    if(d.length < 1) { return; }
    document.getElementById(d).style.display = "none";
    }

    function ShowContent(d) {
    if(d.length < 1) { return; }

    var dd = document.getElementById(d);

    AssignPosition(dd);
    dd.style.display = "block";
    }

    function ReverseContentDisplay(d) {
    if(d.length < 1) { return; }

    var dd = document.getElementById(d);

    AssignPosition(dd);

    if(dd.style.display == "none") {
    dd.style.display = "block";
    }
    else {
    dd.style.display = "none";
    }

    }

    et ici le code html dans lequel j’appel les fonction :



    <div id="mainpage">
    <div id="content_wrapper">

    <table id="show_table" cellspacing="0" cellpadding="2">
    <tr>
    <th>Icone</th>
    <th>Nom</th>
    <th>Progression</th>

    </tr>
    <tr>
    <td><a href="#">
    <img src="http://guilde-saga.fr/gresback.jpg" align="center" border="0" width="73px" height="73px"></img></td>
    </a>
    <td>

    <font color="#ffffff">Gré</font>

    </td>
    <td><img src="http://guilde-saga.fr/progress.php?img=led/400/10/25" style="border-color:#c62e44" border="1" /></td>

    </tr>
    </table>

    </div>
    </div>

    <div id="viewitem_4">
    <div id="item_div">
    <div id="item">
    <div id="name">Gré</div>
    <table cellspacing="0">

    <tr><th>Type d’objet</th><td>Ressource</td></tr>


    <tr><th>Requiert</th>
    <td>Niveau 1</td></tr>






    <tr><th valign="top">Source</th><td>
    Non<br />
    </td></tr>


    <tr><th>Limitation</th><td>Echangeable</td></tr>


    </td></tr>


    </table>
    </br>

    La mise en forme est impeccable aucun message d’erreur sauf que lorsque je passe ma souris sur l’icone, rien n’apparait … J’ai dejà testé ce code en html sur mon pc et tout marche, donc le problème vient pour moi de wordpress … Quelqu’un voit le problème, et peut etre une solution ? 🙂 Merci 😉

    #628695
    Qwindoo
    Modérateur
    Maître WordPress
    2861 contributions

    Salut,

    D’abord, c’est [c][/c] et non [c][/c] 😉
    Ensuite, on dirait que tu as mis le commentaire //Remplacer xxx … sur la même ligne que ton tag de fermeture [c]?>[/c]… peut-être cela vient-il de là ?

    Cordialement,
    Thomas

    #628696
    Ajira
    Participant
    Initié WordPress
    18 contributions

    Merci d’avoir répondu si rapidement, j’ai effectué les corrections que tu viens de m’apporter, et malheureusement, rien ne change :'( Si vous voyez autre chose n’hésitez pas 🙂

    #628697
    Ajira
    Participant
    Initié WordPress
    18 contributions

    Finalement la réponse était dans le codex officiel autant pour moi 🙂

    Javascript in Posts

    To use Javascript inside of posts in WordPress, you need to take a few more steps. Odds are that this usage is for one or only a few instances, so adding the script to the header would be unnecessary.

    For the occasional or one time use of Javascript, you need to put the script into a Javascript file and then call it out from within the post. Make sure that each script is defined by its function name such as:

    function updatepage(){var m= »Page updated « +document.lastMo…….}

    To include a Javascript inside a post, you need to combine both the call to the script file with the call to the Javascript itself.



    <!--
    updatepage();
    //-->

    If the src attribute of your javascript tag is being stripped out you need to turn off the rich editor (from the dashboard go to Users > Personal Options). If you are using the rich editor the javascript tag’s src attribute may be stripped out even when manually editing in the HTML popup window.

    Voilà 😉

12 sujets de 1 à 12 (sur un total de 12)
  • Le forum ‘Utilisation spécifique de WordPress’ est fermé à de nouveaux sujets et réponses.