PHP

Renvoi de Javascript avec PHP [Résolu]

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : Renvoi de Javascript avec PHP [Résolu]

kilgourpa

Bonjour à tous !
Alors voilà mon problème : je suis en train d'adapter Avgrund (http://labs.voronianski.com/jquery.avgrund.js/), un plugin jQuery pour faire des popups (allez voir sur la page et cliquez sur "SHOW IT" ) en un plugin WordPress.
En fait, on appelle le plugin WordPress avec un shortcode (http://codex.wordpress.org/Shortcode_API). Si vous vous y connaissez en shortcode WordPress, sachez que ce sera un enclosing shortcode avec les paramètres suivants : width (largeur du popup), title (titre du lien pour déclencher l'ouverture du popup), height (hauteur du popup) et openOnEvent (paramètre binaire (true ou false) qui indique s'il faut directement ouvrir le popup, ou bien attendre le clic).
Mais j'ai un problème (bon, vous l'aurez devinez vu que je suis là ) :
Le code qui pose problème, le voici :

Spoiler :

// Now, we add the shortcode itself
function avgrund_shortcode( $atts , $content = null ) {

// Attributes
extract( shortcode_atts(
array(
'height' => '',
'width' => '',
'title' => '',
'openOnEvent' => 'true',
), $atts )
);

// Code
return '<script>$(function() {$(\'#show\').avgrund({
height="' . $height . '",
width="' . $width . '",
showClose=true,
holderClass="\'custom\'",
enableStackAnimation=true,
showCloseText: "\'Close\'",
openOnEvent:' . $openOnEvent . ',
onBlurContainer: "\'.container\'",
template: "<p>' . $content . '</p>"
});});</script>';
return '<a href="#" id="show" class="button left">' . $title . '</a>';

}
add_shortcode( 'avgrund', 'avgrund_shortcode' );

et plus particulièrement, cette partie :

Spoiler :

return '<script>$(function() {$(\'#show\').avgrund({
height="' . $height . '",
width="' . $width . '",
showClose=true,
holderClass="\'custom\'",
enableStackAnimation=true,
showCloseText: "\'Close\'",
openOnEvent:' . $openOnEvent . ',
onBlurContainer: "\'.container\'",
template: "<p>' . $content . '</p>"
});});</script>';
return '<a href="#" id="show" class="button left">' . $title . '</a>';

Qui est en fait une version PHPisée de celui-ci :

Spoiler :

Le problème étant que, lorsque je met le shortcode suivant :

Spoiler :

[avgrund title=ca height=90 width=50]eflzrtzzyvjthicb[avgrund]

le résultat HTML est comme ceci :

Spoiler :

<p><script>$(function() {$('#show').avgrund({
height="90",
width="50",
showClose=true,
holderClass="'custom'",
enableStackAnimation=true,
showCloseText: "'Close'",
onBlurContainer: "'.container'",
template: "<p></p>"
});});</script>eflzrtzzyvjthicb<script>$(function() {$('#show').avgrund({
height="",
width="",
showClose=true,
holderClass="'custom'",
enableStackAnimation=true,
showCloseText: "'Close'",
onBlurContainer: "'.container'",
template: "<p></p>"
});});</script></p>

Ce qui ne ressemble à rien :fou: , et n'a d'autre effet qu'afficher "eflzrtzzyvjthicb" :??: .
Ouate de phoque ????

Merci d'avance !

Message édité par kilgourpa le 03-04-2013 à 08:54:44

Publicité

x1fr

Déjà tu te mélanges les pinceaux dans les doubles et simples quotes
par exemple :

Code :

holderClass="\'custom\'",

devrait être :

Code :

holderClass=\'custom\',

En gros :
-tu n'as pas besoin de double quote dans ce morceau de code (il n'y en a pas dans le code original en JS et tu te sert du simple quote pour délimiter ta chaîne de caractère.
- utilise \' quand il y a un simple quote dans le code original
- utilise ' lorsque tu veux utliser une variable php

Autre problème, tu fais 2 return ( 1 pour la fonction js l'autre pour le lien html). Sauf que par définition seul le premier sera exécuté.

---------------
Origin / PSN / Steam / Uplay : x1fr - bnet : Fab#2717

kilgourpa

Merci beaucoup, je teste dès maintenant, et je reviens juste après

rufo

Pas me confondre avec Lycos!

C'est normal la balise <p> qui encapsule la balise <script> :??:

---------------
Astres, outil de help-desk GPL : http://sourceforge.net/projects/astres, ICARE, gestion de conf : http://sourceforge.net/projects/icare, Outil Planeta Calandreta : https://framalibre.org/content/planeta-calandreta

kilgourpa

OK, alors j'ai suivi tes conseils : plus de ", \' au lieu de ' en js, et plus de double return, ce qui donne :

Spoiler :

return '<script>$(function() {$(\'#show\').avgrund({
height=' . $height . ',
width=' . $width . ',
showClose=true,
holderClass=\'custom\',
enableStackAnimation=true,
showCloseText: \'Close\',
openOnEvent:' . $openOnEvent . ',
onBlurContainer: \'.container\',
template: \'<p>' . $content . '</p>\'
});});</script>
<a href="#" id="show" class="button left">' . $title . '</a>';

Mais maintenant, nouveau problème :
Le code HTML s'écrit 2 fois au lieu d'une :

Spoiler :

<p><script>$(function() {$('#show').avgrund({
height=90,
width=50,
showClose=true,
holderClass='custom',
enableStackAnimation=true,
showCloseText: 'Close',
openOnEvent:,
onBlurContainer: '.container',
template: '<p></p>'
});});</script>
<a href="#" id="show" class="button left">ca</a>eflzrtzzyvjthicb<script>$(function() {$('#show').avgrund({
height=,
width=,
showClose=true,
holderClass='custom',
enableStackAnimation=true,
showCloseText: 'Close',
openOnEvent:,
onBlurContainer: '.container',
template: '<p></p>'
});});</script>
<a href="#" id="show" class="button left"></a></p>

Cependant, le lien apparaît bien qu'il n'aie pas d'effet :??:

kilgourpa

@rufo : Euhh, non, la balise <p> n'encaspule pas <script>...

Message cité 1 fois

rufo

Pas me confondre avec Lycos!

kilgourpa a écrit :

@rufo : Euhh, non, la balise <p> n'encaspule pas <script>...

Code :

<p><script>$(function() {$('#show').avgrund({
height=90,
width=50,
showClose=true,
holderClass='custom',
enableStackAnimation=true,
showCloseText: 'Close',
openOnEvent:,
onBlurContainer: '.container',
template: '<p></p>'
});});</script>
<a href="#" id="show" class="button left">ca</a>eflzrtzzyvjthicb<script>$(function() {$('#show').avgrund({
height=,
width=,
showClose=true,
holderClass='custom',
enableStackAnimation=true,
showCloseText: 'Close',
openOnEvent:,
onBlurContainer: '.container',
template: '<p></p>'
});});</script>
<a href="#" id="show" class="button left"></a></p>

Elles sont normales ces balises en gras :??:

kilgourpa

@rufo : Ahhhhh, pardon, j'avais pas vu. Alors non, elles ne sont pas normales, bien que ce soit exactement ce que je vois dans le code HTML.

Message cité 1 fois

x1fr

On dirait que $title contient lui même le contenu de la fonction (et si tu regarde dans le dernier bout de code de ton premier poste, il était déjà en double)

Problème au niveau du php je pense

edit : en fait non, y a bien la balise fermante </a> juste après le "ca"

Message édité par x1fr le 02-04-2013 à 14:10:57

---------------
Origin / PSN / Steam / Uplay : x1fr - bnet : Fab#2717

rufo

Pas me confondre avec Lycos!

kilgourpa a écrit :

@rufo : Ahhhhh, pardon, j'avais pas vu. Alors non, elles ne sont pas normales, bien que ce soit exactement ce que je vois dans le code HTML.

Je fais remarquer ça parce qu'il y a pas longtemps, j'avais implémenté une extension pour Mediawiki essentiellement à base de Javascript et le parser de contenu de Mediawiki, afin de protéger le contenu du wiki (entre autre empêcher des failles xss), rajoutait des balises <p>, <br/> et <pre> et ça empêchait l'exécution correct de mon code js... Du coup, j'ai été obligé d'encadre mon code JS avec une balise "spécial" pour dire au parser de Mediawiki de pas parser mon code JS. Et là, ça a marché nickel...

Message édité par rufo le 02-04-2013 à 14:18:49

Publicité

kilgourpa

@rufo : OK, mais malheureusement je n'ai aucune idée de ce qui provoque l'apparition des balise <p>

x1fr

j'ai trouvé le problème de doublon je pense

Code :

[avgrund title=ca height=90 width=50]eflzrtzzyvjthicb[avgrund]

il manque le / dans la balise fermante

---------------
Origin / PSN / Steam / Uplay : x1fr - bnet : Fab#2717

kilgourpa

@x1fr : Yeeaahhh ! Merci ! Le problème de doublon disparaôt, ainsi que les balises <p> en trop & le fait que le content soit à l'extérieur du code JS. Cependant, il ne se passe rien quand je clique
Je cherche :??:

x1fr

Ca donne quoi au niveau du code généré maintenant?

Il doit rester une petite erreur javascript pas méchante. La console js doit te donner des détails j'imagine?

---------------
Origin / PSN / Steam / Uplay : x1fr - bnet : Fab#2717

kilgourpa

@x1fr : Ça donne ça :

Spoiler :

x1fr

Ça a l'air de coller à l'exemple, mis à part le paramètre openOnEvent qui est vide, ça vient peut-être de là

---------------
Origin / PSN / Steam / Uplay : x1fr - bnet : Fab#2717

kilgourpa

Bon, alors comme je ne trouve pas, je met en résolu ici, et vais poster mon problème sur les forums de WordPress. En effet, je pense que le problème que je rencontre maintenant vient plutôt de WordPress que d'erreurs de code.
Alors merci BEAUCOUP à TOUS :love: :bounce:

PS: @x1fr : même en le remplissant, rien ne se passe lors du clic.
PS2 : Allez voir ici pour le topic sur le forum WordPress en anglais : http://wordpress.org/support/topic [...] ?replies=1

FORUM HardWare.fr

Programmation

PHP

Renvoi de Javascript avec PHP [Résolu]

Sujets relatifs
[Résolu] Aide JavaScript - Des espaces en trop	Formulaire de recherche avec champs vides en PHP
innertHML et variable de session PHP	Transfert de paramètres en PHP !
Passage paramètre Cookie Javascript	[PHP]paramètre pas fonctionnel dans une fonction
Fade-Out Popup javascript	Contraintes Choco et PHP
problème script PHP	Exploitation du DOM avec JavaScript
Plus de sujets relatifs à : Renvoi de Javascript avec PHP [Résolu]

Page générée en 0.063 secondes