Annonce

Important : WordPress 2.6.1 est disponible en français. À lire avant la migration !
Annonce 1 : Le Codex en français a besoin de vous pour avancer !
Annonce 2 : Avant de poster, n'oubliez pas de faire une petite Recherche et de lire les règles de ce forum.
Annonce 3 : Lisez notre blog, il regorge de bonnes informations.

Pages: 1

 

#1 28-04-2008 14:55:07

kankun
Habitué WP
Date d'inscription: 30-03-2008
Messages: 59

[Résolu] Code Javascript dans <head> pour un article ?

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 <head> et l'autre directement dans l'article (<body>).

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 ?

Hors ligne

 

#2 28-04-2008 15:04:10

dlo
Blogodépendant
Date d'inscription: 10-04-2007
Messages: 1513

Re: [Résolu] Code Javascript dans <head> pour un article ?

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

Code: php

  1. <?php if (is_single('xx')) : //Remplacer xx par l'identifiant de l'article ou son titre ?>
  2. <script>
  3. bla, bla, bla
  4. </script>
  5. <?php endif; ?>
  6.  
  7. Codialement
Non, je ne suis pas blogodépendant... C'est juste que je n'ai toujours pas trouvé la sortie de ce forum !

Hors ligne

 

#3 28-04-2008 15:09:03

kankun
Habitué WP
Date d'inscription: 30-03-2008
Messages: 59

Re: [Résolu] Code Javascript dans <head> pour un article ?

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

Hors ligne

 

#4 28-04-2008 15:10:45

kankun
Habitué WP
Date d'inscription: 30-03-2008
Messages: 59

Re: [Résolu] Code Javascript dans <head> pour un article ?

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.

Hors ligne

 

#5 28-04-2008 15:24:22

dlo
Blogodépendant
Date d'inscription: 10-04-2007
Messages: 1513

Re: [Résolu] Code Javascript dans <head> pour un article ?

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

Non, je ne suis pas blogodépendant... C'est juste que je n'ai toujours pas trouvé la sortie de ce forum !

Hors ligne

 

#6 28-04-2008 15:32:30

kankun
Habitué WP
Date d'inscription: 30-03-2008
Messages: 59

Re: [Résolu] Code Javascript dans <head> pour un article ?

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 <?php include "xxx"; ?> au lieu de lire le fichier.

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

Hors ligne

 

#7 28-04-2008 16:13:47

dlo
Blogodépendant
Date d'inscription: 10-04-2007
Messages: 1513

Re: [Résolu] Code Javascript dans <head> pour un article ?

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

Dernière modification par dlo (28-04-2008 16:14:22)

Non, je ne suis pas blogodépendant... C'est juste que je n'ai toujours pas trouvé la sortie de ce forum !

Hors ligne

 

#8 28-04-2008 16:37:25

kankun
Habitué WP
Date d'inscription: 30-03-2008
Messages: 59

Re: [Résolu] Code Javascript dans <head> pour un article ?

Ok merci beaucoup !

Hors ligne

 

#9 10-06-2008 19:52:24

Ajira
Connaisseur WP
Date d'inscription: 20-04-2006
Messages: 20

Re: [Résolu] Code Javascript dans <head> pour un article ?

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 smile

Code: php

  1. <?php if (is_single('7')) : //Remplacer xx par l'identifiant de l'article ou son titre ?>
  2. <script LANGUAGE="Javascript/text">
  3. var cX = 0; var cY = 0; var rX = 0; var rY = 0;
  4.  
  5. function UpdateCursorPosition(e) {
  6.   cX = e.pageX; cY = e.pageY;
  7. }
  8.  
  9. function UpdateCursorPositionDocAll(e) {
  10.   cX = event.clientX; cY = event.clientY;
  11. }
  12.  
  13. if(document.all) {
  14.   document.onmousemove = UpdateCursorPositionDocAll;
  15. }
  16.  
  17. else {
  18.   document.onmousemove = UpdateCursorPosition;
  19. }
  20.  
  21. function AssignPosition(d){
  22.   var myHeight = 0;
  23.  
  24.   if (self.pageYOffset) {
  25.     rX = self.pageXOffset;
  26.     rY = self.pageYOffset;
  27.   }
  28.   else if (document.documentElement && document.documentElement.scrollTop) {
  29.     rX = document.documentElement.scrollLeft;
  30.     rY = document.documentElement.scrollTop;
  31.   }
  32.   else if (document.body) {
  33.     rX = document.body.scrollLeft;
  34.     rY = document.body.scrollTop;
  35.   }
  36.  
  37.   if (document.all) {
  38.     cX += rX;
  39.     cY += rY;
  40.   }
  41.  
  42.   if(typeof(window.innerHeight) == 'number') {
  43.     myHeight = window.innerHeight;
  44.   }
  45.   else if(document.documentElement && document.documentElement.clientHeight)
  46.   {
  47.     myHeight = document.documentElement.clientHeight;
  48.   }
  49.   else if(document.body && document.body.clientHeight) {
  50.     myHeight = document.body.clientHeight;
  51.   }
  52.  
  53.   if (cY + 351 > myHeight) {
  54.     cY = cY - 351;
  55.   }
  56.  
  57.  
  58.   d.style.left = (cX+10) + "px";
  59.   d.style.top = (cY+10) + "px";
  60. }
  61.  
  62. function HideContent(d) {
  63.   if(d.length < 1) { return; }
  64.   document.getElementById(d).style.display = "none";
  65. }
  66.  
  67. function ShowContent(d) {
  68.   if(d.length < 1) { return; }
  69.  
  70.   var dd = document.getElementById(d);
  71.  
  72.   AssignPosition(dd);
  73.   dd.style.display = "block";
  74. }
  75.  
  76. function ReverseContentDisplay(d) {
  77.   if(d.length < 1) { return; }
  78.  
  79.   var dd = document.getElementById(d);
  80.  
  81.   AssignPosition(dd);
  82.  
  83.   if(dd.style.display == "none") {
  84.     dd.style.display = "block";
  85.   }
  86.   else {
  87.     dd.style.display = "none";
  88.   }
  89.  
  90. }
  91. </script>
  92. <?php endif; ?>

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

Code:

  1. <html>
  2. <body>
  3.   <div id="mainpage">
  4.     <div id="content_wrapper">
  5.  
  6. <table id="show_table" cellspacing="0" cellpadding="2">
  7.   <tr>
  8.       <th>Icone</th>
  9.     <th>Nom</th>
  10.     <th>Progression</th>
  11.  
  12.   </tr>
  13.     <tr>
  14.     <td><a href="#" onmouseover="ShowContent('viewitem_4'); return true;" onmouseout="HideContent('viewitem_4'); return true;" onclick="HideContent('viewitem_4'); return true;">
  15.       <img src="http://guilde-saga.fr/gresback.jpg" align="center" border="0" width=73px height=73px ></img></td>
  16.       </a>
  17.     <td >
  18.  
  19.         <font color=#ffffff>Gr&eacute;</font>
  20.      
  21.       </td>
  22.     <td><img src="http://guilde-saga.fr/progress.php?img=led/400/10/25" style="border-color:#c62e44" border="1"  /></td>
  23.  
  24.   </tr>
  25.   </table>
  26.  
  27.   </div>
  28.   </div>
  29.  
  30.   <div id="viewitem_4" style="display:none;position:absolute;">
  31. <div id="item_div">
  32. <div id="item">
  33. <div id="name">Gr&eacute;</div>
  34. <table cellspacing="0">
  35.  
  36.   <tr><th>Type d'objet</th><td>Ressource</td></tr>
  37.  
  38.  
  39.   <tr><th>Requiert</th>
  40.   <td>Niveau 1</td></tr>
  41.    
  42.  
  43.  
  44.  
  45.  
  46.  
  47.   <tr><th valign="top">Source</th><td>
  48.           Non<br/>
  49.       </td></tr>
  50.  
  51.  
  52.     <tr><th>Limitation</th><td>Echangeable</td></tr>
  53.  
  54.    
  55.   </td></tr>
  56.  
  57.  
  58. </table>
  59. </br>
  60. </div>
  61. </div>
  62. </div>
  63. </body>

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 ? smile Merci wink

Dernière modification par Ajira (10-06-2008 19:56:00)

Hors ligne

 

#10 10-06-2008 20:12:17

MS-DOS_1991
Admin
Lieu: France
Date d'inscription: 03-06-2006
Messages: 1954
Site web

Re: [Résolu] Code Javascript dans <head> pour un article ?

Salut,

D'abord, c'est <script type="text/javascript"> et non <script LANGUAGE="Javascript/text"> wink
Ensuite, on dirait que tu as mis le commentaire //Remplacer xxx ... sur la même ligne que ton tag de fermeture ?>... peut-être cela vient-il de là ?

Cordialement,
Thomas

Newbie-Project  -  Newbie-Directory
» (Oh non !) Encore un blog de Geek «

Hors ligne

 

#11 10-06-2008 20:22:42

Ajira
Connaisseur WP
Date d'inscription: 20-04-2006
Messages: 20

Re: [Résolu] Code Javascript dans <head> pour un article ?

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 smile

Hors ligne

 

#12 12-06-2008 00:52:30

Ajira
Connaisseur WP
Date d'inscription: 20-04-2006
Messages: 20

Re: [Résolu] Code Javascript dans <head> pour un article ?

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

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.

Code: php

  1. <script type="text/javascript" src="/scripts/updatepage.js"></script>
  2. <script type="text/javascript">
  3. <!--
  4. updatepage();
  5. //--></script>


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

Hors ligne

 

 

Pages: 1

Pied de page des forums

Propulsé par PunBB 1.2.20
© Copyright 2005-2006 WordPress France