[dokuwiki] namespace path images in javascript

  • From: Martine Chazelas <martine.chazelas@xxxxxxxxxxxxxx>
  • To: dokuwiki@xxxxxxxxxxxxx
  • Date: Thu, 12 Jul 2007 17:57:21 +0200

Hello


I would like to use a javascript in dokuwiki but i don't know how to write namespace path for images .

The java script is  below but it does not work embedded in the dokuwiki.

Sombody knows how to do ?

regards

Martine
----------------------
<html>
<javascript>
<!-- saved from url=(0022)http://internet.e-mail -->
<HTML>

<HEAD><TITLE>Tout JavaScript.com - Rollover sur une image éloignée</TITLE>
<SCRIPT LANGUAGE="JavaScript">
// D'autres scripts et des tutoriaux sur http://www.toutjavascript.com // Script gratuit à condition de laisser ce commentaire

// Fonction de rollover
function rollover_tjs(nom,src) { // nom est le nom de l'image
   //    Dans cet exemple, nom = lesmiley
   // src est l'adresse du fichier d'image
   document.images[nom].src=src;
}


// Fonctions de préload
function load() {
   if (document.images) {
       this.length=load.arguments.length;
       for (var i=0;i<this.length;i++) {
           this[i+1]=new Image();
           this[i+1].src=load.arguments[i];
       }
   }
}
// Cette fonction charge dans le cache toutes les images passées en paramètre
function preload() {
var temp=new load("/import/web/solene/wiki/data/media/im1.gif","/import/web/solene/wiki/data/media/im1.gif","/import/web/solene/wiki/data/media/im1.gif","/import/web/solene/wiki/data/media/im1.gif")
}

preload()

</SCRIPT>
</HEAD>

<BODY bgcolor="#FFFFFF">
<FONT FACE="Arial" SIZE='-1' COLOR="#000099">

<CENTER><BIG><B>Rollover sur une image éloignée</B></BIG></CENTER>
<BR>
Passez la souris sur les liens réactifs, vous verrez le smiley changer.<BR>
Quand la souris n'est pas sur un lien, le premier smiley est affiché.<BR>

<BR>
Les rollovers sont souvent associés à un préchargement des images dans le cache du navigateur, c'est ce qui est fait dans cet exemple<BR>
<BR>
Les smileys sont issus du script <A href="http://www.toutjavascript.com/chat"; target="_blank">TJSChat</A>, le chat gratuit développé en PHP/Javascript par Tout JavaScript.com, accessible en <A href="http://www.toutjavascript.com/chat"; target="_blank">téléchargement</A>
<BR><BR>

<BR>
<TABLE>
<TR>
   <TD width=200><FONT FACE="Arial" SIZE='-1' COLOR="#000099">
   vue 0
   <BR>

           <!-- Premier lien réactif -->
<A href="#" onmouseover="rollover_tjs('lesmiley','/import/web/solene/wiki/data/media/im1.gif')" onmouseout="rollover_tjs('lesmiley','/import/web/solene/wiki/data/media/im1.gif')">vue 1</A><BR>
   <!-- Deuxième lien -->
<A href="#" onmouseover="rollover_tjs('lesmiley','/import/web/solene/wiki/data/media/im1.gif')" onmouseout="rollover_tjs('lesmiley','/import/web/solene/wiki/data/media/im1.gif')">vue 2</A><BR>
   <!-- Troisième lien -->
<A href="#" onmouseover="rollover_tjs('lesmiley','/import/web/solene/wiki/data/media/im1.gif')" onmouseout="rollover_tjs('lesmiley','/import/web/solene/wiki/data/media/im1.gif')">vue 3</A><BR>

   </FONT></TD>

<TD><IMG id=lesmiley name=lesmiley src="/import/web/solene/wiki/data/media/im1.gif"></TD>
</TR>
</TABLE>
<BR><BR><BR><BR>



<BR>
<CENTER><A href="http://www.toutjavascript.com";><FONT size="1" face="arial" color="#CCCFFF">Tout JavaScript.com</FONT></A></CENTER>




<BR>
</FONT>

</BODY></HTML>
<!-- Script développé par Olivier Hondermarck  -->
<!-- D'autres scripts et des conseils sur http://www.toutjavascript.com -->
</javascript>

</html>
--------------
--
DokuWiki mailing list - more info at
http://wiki.splitbrain.org/wiki:mailinglist

Other related posts: