Fork me on GitHub






Importer du JavaScript custom
Newbie
Inscrit: 22/05/2006 18:26
Messages: 9
Bonjour,

Je souhaite porter dans xoops une petit script DHTML. Le script ouvre une fenêtre pop-up lorsqu'on clique sur une image et formatte des données. Le script marche sans problème dans le browser.

Dans xoops, j'ai créé un sous-répertoire (.../modules/mod1/scripts) pour y stocker le code javascript (code1.js) et l'image (img1.gif):

Problèmes:
1. Xoops me montre le champ de saisie, mais pas l'image. Le référencement absolu de l'image (file:///...) ne fonctionne pas non plus.
2. Le code jscript ne s'exécute pas. J'ai constaté que les variable $xoops_imageurl et $xoops_url demeurent nulles.

Je me suis basé sur quelques FAQ glanées ça et là. Il me manque de toute évidence quelques pièces du puzzle pour faire marcher le tout. Merci pour tout renseignement.


Procédure:
1. Déclaration du module jscript dans le module 'theme.html':

<!-- Private modules -->
<script type="text/javascript">
<!--
<{$xoops_url}>/modules/mod1/code1.js
//-->
</script>

2. Insertion code dans le fichier '.../modules/mod1/index.html':
<form name="frmtest">
<input type="Text" name="timestamp" value="">
<a href="javascript:show_cal('document.tstest.timestamp', document.tstest.timestamp.value);">
<img src ="../modules/mod1/scripts/img1.gif" width="16" height="16" border="0"> </a>
</form>

Posté le : 31/05/2006 17:16
Partager Twitter Partagez cette article sur GG+
Re: Importer du JavaScript custom
Newbie
Inscrit: 22/05/2006 18:26
Messages: 9
Je pense que le problème est peut-être lié à la syntaxe d'appel des fichiers js externes. Xoops refuse d'exécuter du code js depuis un fichier externe. :-o

Pour illustrer les choses, j'ai changé la fct js du msg précédent en une simple fonction alert (T1)

Le code suivant fonctionne correctement:
<a href="_javascript:T1(document.formPickDate3.txtDate.value)">

Lorsque je place le même code dans un fichier js externe, la fct (T2) n'est plus exécutée (le nav. m'indique qu'il y une erreur sur la page):
<a href="_javascript:T2(document.formPickDate3.txtDate.value)">

Quelqu'un a-t-il déjà rencontré ce type de problème avec des fichiers js externes? Merci pour toute suggestion ou lien. (xoops V.: 2.0.13.2)

Marc

1. Déclarations 'theme.html' (in-line and external):
----- in line js code (fonctionne) --------
<script type="text/javascript">
<!--
function T1(pText) {
alert("You typed:" + pText );
}
//-->
</script>

---- external js declaration (ne fonctionnne pas) ------
<script type="text/javascript">
language="javascript"
src="http://localhost/xoops/modules/scripts/t1.js">
</script>
-----------------------------


2. Fichier 'index.php' (php code snippet):
<p>3. Pick a date:</p>
<form name="formPickDate3" action="">
<input type="text" name="txtDate" maxlength="25" size="25">
<a href="javascript:T1(document.formPickDate3.txtDate.value)">
<img src="scripts/cal.gif" width="16" height="16" border="0" alt="Pick a date"></a>
</form>


3. Contenu fichier js file 't1.js' :
function T2(pText) {
alert("You typed:" + pText);

}

Posté le : 01/06/2006 09:45
Partager Twitter Partagez cette article sur GG+
Re: Importer du JavaScript custom
Xoops accro
Inscrit: 04/02/2003 01:54
De Le Mans
Messages: 12273
Citation :
Xoops refuse d'exécuter du code js depuis un fichier externe
Je pense que c'est ce qu'on appeler une mesure de sécurité, mais désolé de ne pouvoir t'en dire plus, c'est pas que je veux pas, je ne sais pas.

Posté le : 01/06/2006 10:10
Partager Twitter Partagez cette article sur GG+
Re: Importer du JavaScript custom
Newbie
Inscrit: 22/05/2006 18:26
Messages: 9
Bon merci ... Je n'avais pas pensé aux paramètres de sécurité.

Je vais jeter un coup d'oeil sur xoops.org. Peut-être en apprendrai-je un peu plus. Si jamais, je posterai mes trouvailles.

Posté le : 01/06/2006 11:12
Partager Twitter Partagez cette article sur GG+
Re: Importer du JavaScript custom
Newbie
Inscrit: 22/05/2006 18:26
Messages: 9
Problème résolu!!...

J'étais probablement trop distrait à comprendre la signification des variables smarty pour réaliser que c'était en fait une balise superflue dans la section déclaration de 'theme.html' qui était la source du problème.

En remplaçant la balise smarty, la déclaration correcte (mais simplifiée) est:
<script type="text/javascript" src="tt.js"></script>
au lieu de:
<script type="text/javascript">
src="tt.js"</script>


Il est donc possible au moins pour la version 2.0.13.2 d'importer un fichier js dans un module custom. Il faut simplement veiller à la syntaxe html!..

Question subsidiaire: Quelqu'un pourrait-il recommander un vérificateur html qui m'éviterait ce genre de problèmes à l'avenir?. Merci d'avance,

Marc

Posté le : 01/06/2006 13:32
Partager Twitter Partagez cette article sur GG+
Re: Importer du JavaScript custom
Semi pro
Inscrit: 27/10/2004 11:10
Messages: 566
Bonjour
j'utilise EditPlus2 : http://www.editplus.com/
qui devrait satisfaire pleinement à ton cahier des charges
cordialement

Posté le : 01/06/2006 14:01

J'aime les sirènes ...
j'aime pas les arrêtes dans le poisson !...
Partager Twitter Partagez cette article sur GG+

 Haut   Précédent   Suivant



Vous pouvez voir les sujets.
Vous ne pouvez pas débuter de nouveaux sujets.
Vous ne pouvez pas répondre aux contributions.
Vous ne pouvez pas éditer vos contributions.
Vous ne pouvez pas effacez vos contributions.
Vous ne pouvez pas ajouter de nouveaux sondages.
Vous ne pouvez pas voter en sondage.
Vous ne pouvez pas attacher des fichiers à vos contributions.
Vous ne pouvez pas poster sans approbation.

Propulsé avec XOOPS | Graphisme adapté par Tatane, Grosdunord, Montuy337513

21 Personne(s) en ligne (8 Personne(s) connectée(s) sur Forum) | Utilisateur(s): 0 | Invité(s): 21 | Plus ...