Fork me on GitHub






webneta
Inclure un petit javascript dans xoops
#1
Aspirant
Inscrit: 03/03/2006 22:36
Messages: 87
Bonjour à tous,

Je souhaiterais pouvoir ouvrir les images dans certains de mes tutos, dans une nouvelle fenetre à la taille de l'image, lorsque que l'on click dessus.

J'ai trouvé un javascript me permettan de faire cela très simplement, mais sous xoops cela ne fonctionne pas :

Citation :

<SCRIPT LANGUAGE="JavaScript">
<!--
function PopupImage(img) {
titre="Agrandissement";
w=open("",'image','width=400,height=400,toolbar=no,scrollbars=no,resizable=no');
w.document.write("<HTML><HEAD><TITLE>"+titre+"</TITLE></HEAD>");
w.document.write("<SCRIPT language=javascript>function checksize() { if (document.images[0].complete) { window.resizeTo(document.images[0].width+5,document.images[0].height+50); window.focus();} else { setTimeout('checksize()',250) } }</"+"SCRIPT>");
w.document.write("<BODY onload='checksize()' onblur='window.close()' onclick='window.close()' leftMargin=0 topMargin=0 marginwidth=0 marginheight=0>");
w.document.write("<TABLE width='100%' border='0' cellspacing='0' cellpadding='0' height='100%'><TR>");
w.document.write("<TD valign='middle' align='center'><IMG src='"+img+"' border=0 alt='Mon image'>");
w.document.write("</TD></TR></TABLE>");
w.document.write("</BODY></HTML>");
w.document.close();
}
//-->
</SCRIPT>


Voilà pour le script, et ensuite voilà un exemple de lien d'image :

Citation :

<a href="javascript:PopupImage('images/installer-windows-vista-01.jpg')">
<img src="images/installer-windows-vista-01-p.jpg" style="border:0px;" alt="installer windows vista" /></a>


Le problème vient du fait que le mot "javascript:" est remplacé par dans l'url par "(script removed)", donc forcement il ne trouve pas le lien.

Il y a peut être une option dans xoops qui empeche l'utilisation de ce genre de script ?

Y-a-t-il une alternative ?

Merci d'avance

Posté le : 06/04/2007 16:47

Open in new window
Partager Twitter Partagez cette article sur GG+
Rapport Haut
blueteen
Re: Inclure un petit javascript dans xoops
#2
Xoops accro
Inscrit: 15/07/2004 11:16
Messages: 4763
Salut,
En effet, il y a un sécurité pour l'utilisation des javascript.
tu peux nous dire dans quel module tu veux utiliser ça ?
et comment tu procèdes.

Posté le : 06/04/2007 17:30
Partager Twitter Partagez cette article sur GG+
Rapport Haut
webneta
Re: Inclure un petit javascript dans xoops
#3
Aspirant
Inscrit: 03/03/2006 22:36
Messages: 87
Je souhaite pour le moment utiliser ca dans le module wfsection.

Eh bien, je procède de la facon que je viens de vous montrer

En fait, je suis en train d apprendre l'XHTML et le CSS et j'ai refait tout mes tutos sur cette base, j'ai créé un fichier CSS dédié, et j'essaye d'y inclure des petits trucs sympas, comme par exemple, l'ouverture des images dans une fenetre à leurs taille respectivent.

Posté le : 07/04/2007 00:04

Open in new window
Partager Twitter Partagez cette article sur GG+
Rapport Haut
Kris
Re: Inclure un petit javascript dans xoops
#4
Supporter Xoops
Inscrit: 09/01/2005 13:37
De Breizh
Messages: 16972
Bonjour,

essayes plutôt d'utiliser lightbox ou thickbox ou greybox, scripts ajax que tu peux trouver dans le package "jseffects" (voir article dans rubrique "thèmes")

A +

ah, j'oubliai comme tu es dans le xhtml et css (donc avec un minimum de javascript :
Citation :

Des popups propres
Les popups, c'est pas si mal. Dans certains cas cela peut-être utile. Exemple: je clique sur un mot comme celui-ci et un petit lexique s'ouvre dans une nouvelle fenêtre.

Cependant, de nombreux internautes désactivent le javascript. Moi-même j'utilise une petite extension de mon navigateur qui restreint le javascript à certains sites. Du coup, il convient de ne pas rendre la consultation du site dépendante du javascript. De même, il est préférable de séparer les scripts du contenu HTML, pour des raisons de maintenabilité.

L'idée est donc de remplacer ce qui suit:
<a href="javascript:window.open('Titre','Url','options')">Lien</a>
Par quelque chose de plus propre.

J'ai donc mis au point le petit script que voilà:


window.onload = function(){
// On lance la fonction qui va permettre de faire des popups propres
replace_popup();
}

// Cette fonction ajoute le comportement "ouvrir popup" à tous les liens dont la class est "popup"
function replace_popup(){
var liens = getElementsByClassName("popup");
for(i = 0; i < liens.length; i++)
{
liens[i].onclick = open_popup;
}
}

// Fonction appelée par les liens popup
function open_popup(){
// On ouvre la popup
if(window.open(this.href,'','height=450, width=550, left=100, top=0, resizable=1'))
// On empeche le navigateur d'ouvrir le lien dans la page courante (puisqu'il est déjà ouvert dans la popup !)
return false;
}

// La fonction suivante a été récupérée sur le net. Elle facilite la programmation
function getElementsByClassName( clsName )
{
var arr = new Array();
var elems = document.getElementsByTagName("*");
for ( var cls, i = 0; ( elem = elems[i] ); i++ )
{
if ( elem.className == clsName )
{
arr[arr.length] = elem;
}
}
return arr;
}
Le mieux étant de placer ce script dans un fichier .js et de le lier à la page HTML de cette facon:
<script type="text/javascript" src="scripts.js"></script>

Du coup, pour faire un lien "popup", il suffit de faire:
<a href="url" class="popup">Lien</a>

Ainsi, si l'internaute n'a pas le javascript, le lien s'ouvrira de facon classique. On peut aussi ajouter la propriété target="_blank" mais alors la page ne sera plus valide xHTML 1.0 Strict...


Il suffit de l'adapter pour les dimensions automatiques en fonction de tes images

Posté le : 07/04/2007 01:12

La connaissance s'accroît quand on la partage ...
Partager Twitter Partagez cette article sur GG+
Rapport Haut
webneta
Re: Inclure un petit javascript dans xoops
#5
Aspirant
Inscrit: 03/03/2006 22:36
Messages: 87
Ah j'avais pas pensé à la création d'un fichier JS

Merci beaucoup ! :xfsuper:

Posté le : 07/04/2007 08:25

Open in new window
Partager Twitter Partagez cette article sur GG+
Rapport Haut
webneta
Re: Inclure un petit javascript dans xoops
#6
Aspirant
Inscrit: 03/03/2006 22:36
Messages: 87
Bon ben j'ai opté pour la thickbox.

Ne connaissant pas le javascript pour l'instant, je ne sens pas capable de bidouiller çà

Merci :xfsuper:

Posté le : 07/04/2007 14:05

Open in new window
Partager Twitter Partagez cette article sur GG+
Rapport Haut

 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

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