Vous êtes ici Forums
  |  Connexion
 Forums
HomeHomeForums DNNForums DNNUtilisation - f...Utilisation - f...javascriptjavascript
Précédente
 
Suivante
Nouveau message
06/01/2010 17:09
 
javascript  (N/A) Modifié par yazob  sur 06/01/2010 17:10:22

hello,

tout d'abord une excellente année à la team...

voici le problème.

je viens de créer un bout de code en javascript qui me permet de visualiser une frame dans une page.

sur une simple page html, tout fonctionne, par contre, dans dotnetnuke, dans le module text/html, lorsque je colle mon code, ça ne fonctionne pas.

remarque, le code s'effectue uniquement dans la partie body    /body de ma page html, je n'ai rien d'autre dans les autres balises.

voici le code que je souhaite intégrer :

<!-- DEBUT DU SCRIPT -->
<style type="text/css">
.popperlink { POSITION: absolute; VISIBILITY: hidden }
</style>

<DIV class=popperlink id=topdecklink></DIV>

<SCRIPT language="JavaScript">

domok = document.getElementById;
if (domok)
    {
    skn = document.getElementById("topdecklink").style;
    if(navigator.appName.substring(0,3) == "Net")
        document.captureEvents(Event.MOUSEMOVE);
    document.onmousemove = get_mouse;
    }

function poplink(pic, msg)
{

var content ="<TABLE BORDER=0 CELLPADDING=0 CELLSPACING=0 BGCOLOR=#000000><TR><TD><TABLE WIDTH=100% BORDER=0 CELLPADDING=0 CELLSPACING=0><TR><TD BGCOLOR=#ffffff><FONT COLOR=#000000 SIZE=2 face='arial'><CENTER>"+msg+" <br><IFRAME SRC="+pic+"></IFRAME></CENTER></TD></TR></TABLE></TD></TR></TABLE>";


    if (domok)
        {
          document.getElementById("topdecklink").innerHTML = content;
          skn.visibility = "visible";
          }
}

function get_mouse(e)
    {
    var x = (navigator.appName.substring(0,3) == "Net") ? e.pageX : event.x+document.body.scrollLeft;
    var y = (navigator.appName.substring(0,3) == "Net") ? e.pageY : event.y+document.body.scrollTop;
    skn.left = x +10;
    skn.top = y+20;
    }

function killlink()
    {
    if (domok)
          skn.visibility = "hidden";
    }

</SCRIPT>
<!-- FIN DU SCRIPT -->

<A onMouseOver="poplink('http://routes.wallonie.be/images_uploaded/cameras/image37.jpg height=288px width=352px','toto');" onMouseOut="killlink()" href="#">test</a><br>
<A onMouseOver="poplink('http://routes.wallonie.be/images_uploaded/cameras/image37.jpg height=288px width=352px','tutu');" onMouseOut="killlink()" href="#">test2</a>

 

 

 

merci

 

alain

 
Nouveau message
07/01/2010 11:43
 
Re: javascript  (N/A)

Bonjour Alain,

Petite question surement stupide de ma part (désolé d'avance de la poser), mais si tu veux intégrer une Frame dans une page DNN, pourquoi n'utilise pas le module DNN iFrame du Core Team qui fonctionne très bien lui ?

 


Mars
 
Nouveau message
07/01/2010 14:02
 
Re: javascript  (N/A) Modifié par yazob  sur 07/01/2010 14:10:57

En fait, c'est simple :

ce que je rechercher à réaliser est la création d'une carte de la région liégeoise (c'est simplement une image en jpg) avec différents points marqués dessus, représentant les différentes caméras.

En gros, un truc qui ressemble à ceci : http://routes.wallonie.be/trafiroutes/camera.do (mais ici, c'est pour toute la Wallonie).

Donc, voici ma carte :

<img height="380" width="640" border="0" alt="" usemap="#Map" src="/Portals/0/pratique/deplacement/MapCameras_FR.jpg" />
<p>

ensuite, j'y intègre un "map" des différents points :

<map name="Map">
<area href="http://routes.wallonie.be/images_uploaded/cameras/image36.jpg" coords="144,101,162,115" shape="rect" />
<area href="http://routes.wallonie.be/images_uploaded/cameras/image37.jpg
" coords="166,98,184,111" shape="rect" />

...et ainsi de suite pour tous les points...
</map>

une fois les point déterminés, je veux, dès que je place le curseur sur ce point, qu'une petite iframe s'ouvre (ou popup) et affiche l'image de la caméra (puisée sur le site http://routes.wallonie.be/images_uploaded/cameras/imageXX.jpg)

ces images sont mises à jour toutes les 10 minutes et offrent un aperçu de la météo sur la route en temps réél.

Si j'utilise le module Iframe, je ne peux que donner l'accès à une page html par module, ce qui n'est pas pratique.

si il vous manque des éléments pour m'aider à trouver la solution, n'hésitez pas...

bien à vous

 

alain

 
Nouveau message
07/01/2010 15:03
 
Re: javascript  (N/A)

Bonjour Alain;

Tout d'abord : Bonne Année ! ;-)

Aurais-tu une url de la page en question ? Je voudrais vérifier le code rendu par le module Text/HTML. Il est possible que ce soit dù à la façon dont tu as collé le code dans l'éditeur. Pour s'en assurer, il faut que je vois le code. Par ailleurs, ce code n'est pas très propre et n'est pas valide XHTML car (entre autre) les attributs doivent être entre guillemets (ex: <DIV class="popperlink" id="topdecklink"></DIV>)

Une autre possibilité serait de faire un petit module en WSP puisqu'il s'agit de ton propre site.

Gilles

 
Nouveau message
13/01/2010 12:07
 
Re: javascript  (N/A) Modifié par yazob  sur 13/01/2010 12:08:10

Hello Gilles,

Tout d'abord merci de t'intéresser à ce cas.

secondo, désolé de ne répondre que si tard, mais je m'occupe d'un gros parc informatique et j'avais d'autres problèmes en cours...

Voici le lien vers ma page :

http://www.ans-commune.be/ViePratique/DéplacementTransport/Circulation/tabid/263/Default.aspx

 

Maintenant si tu veux, voici le code html d'une page qui fonctionne (copie et colle le code dans un doc texte renommé en html)

 

<HTML>
<HEAD>
<title></title>
</HEAD>
<BODY>
<!-- DEBUT DU SCRIPT -->
<style type="text/css">
.popperlink { POSITION: absolute; VISIBILITY: hidden }
</style>

<DIV class="popperlink" id="topdecklink"></DIV>

<SCRIPT language="JavaScript">

domok = document.getElementById;
if (domok)
    {
    skn = document.getElementById("topdecklink").style;
    if(navigator.appName.substring(0,3) == "Net")
        document.captureEvents(Event.MOUSEMOVE);
    document.onmousemove = get_mouse;
    }

function poplink(pic, msg)
{

var content ="<TABLE BORDER=0 CELLPADDING=0 CELLSPACING=0 BGCOLOR=#000000><TR><TD><TABLE WIDTH=100% BORDER=0 CELLPADDING=0 CELLSPACING=0><TR><TD BGCOLOR=#ffffff><FONT COLOR=#000000 SIZE=2 face='arial'><CENTER>"+msg+" <br><IFRAME SRC="+pic+"></IFRAME></CENTER></TD></TR></TABLE></TD></TR></TABLE>";


    if (domok)
        {
          document.getElementById("topdecklink").innerHTML = content;
          skn.visibility = "visible";
          }
}

function get_mouse(e)
    {
    var x = (navigator.appName.substring(0,3) == "Net") ? e.pageX : event.x+document.body.scrollLeft;
    var y = (navigator.appName.substring(0,3) == "Net") ? e.pageY : event.y+document.body.scrollTop;
    skn.left = x +10;
    skn.top = y+20;
    }

function killlink()
    {
    if (domok)
          skn.visibility = "hidden";
    }

</SCRIPT>
<!-- FIN DU SCRIPT -->
<A onMouseOver="poplink('http://routes.wallonie.be/images_uploaded/cameras/image36.jpg height=288px width=352px','sterpenich');" onMouseOut="killlink()" href="#">sterpenich</a><br>
<A onMouseOver="poplink('http://routes.wallonie.be/images_uploaded/cameras/image37.jpg height=288px width=352px','aubange');" onMouseOut="killlink()" href="#">aubange</a>
</body></HTML>

 

 

 
Nouveau message
19/01/2010 16:08
 
Re: javascript  (N/A)

Bonjour Alain,

Désolé pour le délai mais je suis chargé de boulot en ce moment ! J'ai regardé ta page il y a quelque jours et tout semble bon, sauf que IE reporte une erreur JavaScript (en bas à gauche dans la barre d'état). Je présume que ton script n'est pas appelé au bon moment lors du chargement de la page. Plusieurs utilisateurs ont déjà eu ce type de problème et pas seulement sous DNN ! Tu peux essayer de coller le code javascript dans l'en-tête du module Text/HTML. Va dans les paramètres du module, section "Planification et compléments". Attention ce champ est limité en taille (500 caractères de mémoire). Si ton script est plus long, tu peux utiliser YUI Compressor. Pour ma part, j'utilise l'interface Easy YUI Compressor qui évite d'avoir à utiliser la ligne de commande.

Gilles

 
Précédente
 
Suivante
HomeHomeForums DNNForums DNNUtilisation - f...Utilisation - f...javascriptjavascript