Discussion :

[lerbofiwol]

Bonjour,

J'ai créé un widget avec pas mal de fonctionnalité mais au départ tout étaient sur mon pc (fichier sources etc...). J'ai récemment acquis un serveur virtuel sur lequel je peux stocker mes fichiers sources pour mettre à jour dynamiquement mon widget. Les utilisateurs de celui ci n'auront donc plus besoin de télécharger la dernière version.
Pour faire simple au niveau de l'utilisation du widget, j'ai entre autres 4 boutons qui m'affichent une page html différente qui pour l'instant est stocké dans le widget. J'essaye en vint de faire fonctionner cette petite procédure mais je n'y arrive pas...
_ la page html ainsi que son css associé est stocké sur le serveur;
_ j'ai une adresse pour atteindre mon fichier html qui fonctionne sur explorer;
_ lorsque je clique sur un bouton du widget je voudrais lier le bouton à la page html mais ça ne marche pas rien ne s'affiche....

Si vous pouvez m'aider peut-être et même surrement je n'utilise pas la bonne commande. Je vous joins ce que j'ai essayé.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
function showAudio()
{		
	System.Gadget.Flyout.source="http://10.122.31.172/easylink/html/audio.html";
	System.Gadget.Flyout.show = true;
}

Merci d'avance pour votre aide !! =)

[eleydet]

Bonjour,

Il est écrit dans quel langage, votre widget?

[lerbofiwol]

Javascript pour tout ce qui est action sur un bouton, lien et les pages à afficher sont en html en lien avec css.

[eleydet]

Rebonjour,

_ lorsque je clique sur un bouton du widget je voudrais lier le bouton à la page html mais ça ne marche pas rien ne s'affiche

Une confusion entre les lettres majuscules et minuscules, peut-être? Sans le code sous les yeux, il est difficile de se prononcer.

[lerbofiwol]

Bonjour,
Désolé de ne pas avoir tout mis. Je te joins les codes nécessaires à la compréhension.
Javascript:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
function setAudio()
{	
	var url="http://10.122.31.172/easylink/html/audio.html";
	System.Gadget.Flyout.file="../html/audio.html";
	System.Gadget.Flyout.show = true;
	System.gadget.flyout.document.parentWindow.frames.innerHTML="http://10.122.31.172/easylink/html/audio.html";
 
}

HTML:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<a class="boutonAudio" href="#" onclick="setAudio()"><span>Audio du<br />matin</span></a>

La partie HTML lie le bouton au code JS mais ce qui est dans mon code n'affiche qu'un layout blanc sans rien dedans. Je précise au cas où que le serveur n'est accéssible que depuis le réseau entreprise.

Merci

[eleydet]

Bonjour,

Dans mes souvenirs... frames devrait être un tableau?

[NoSmoking]

Bonjour,

Une confusion entre les lettres majuscules et minuscules,...

don de divination car on peut voir dans ton code

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
//         -> F Majuscule
System.Gadget.Flyout.show = true;
System.gadget.flyout.document.parentWindow.frames.innerHTML="http://10.122.31.172/easylink/html/audio.html";
//         -> f minuscule

dans ce cas un bon moyen de ne pas se tromper est d'écrire

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
function setAudio() {	
  var oGadget = System.Gadget.Flyout;
  var url="http://10.122.31.172/easylink/html/audio.html";
  oGadget.file="../html/audio.html";
  oGadget.show = true;
  oGadget.document.parentWindow.frames.innerHTML = url;  // <- Là c'est faux !!!
}

Regarde bien la dernière ligne, il ne te faut pas modifier le innerHTML mais la src.

[lerbofiwol]

Merci beaucoup pour ta réponse seulement je n'y arrive pas encore je sens qu'on y est presque !! ^^
J'ai essayé ceci:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
function setAudio()
{	
	var oGadget = System.Gadget.Flyout;
	var url="http://10.122.31.172/easylink/html/audio.html";
	oGadget.file="../html/audio.html";
	oGadget.show = true;
	oGadget.document.parentWindow.frames.src=url;
}

et également ceci d'ailleurs:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
function setAudio()
{	
	var oGadget = System.Gadget.Flyout;
	var url="http://10.122.31.172/easylink/html/audio.html";
	oGadget.file="../html/audio.html";
	oGadget.show = true;
	oGadget.document.parentWindow.frames.innerHTML=url;
}

La page blanche (le fichier audio.html) s'affiche bien mais le lien ne vient pas dans cette page blanche... Je ne comprend pas ...

[eleydet]

Bonjour,

Il est clair que la deuxième solution ne peut pas fonctionner.

Je suis assez dubitatif quant à l'utilisation de la propriété parentWindow : Elle est compatible avec IE, mais qu'en est-il avec les autres navigateurs? Par ailleurs, il me semble que frames devrait être un tableau... Ne disposant que d'une partie du code, j'ai du mal à me prononcer.

[lerbofiwol]

Bonjour,
Soucis résolu !!! Je post la solution que j'ai trouvé ailleurs et par hazard ^^
Alors le fichier html qui se trouve dans le widget devient ça. Important à noter la fonction Math.random() apportée par jQuery qui permet d'actualiser les données en créant un nouveau lien et donc permet la MaJ dynamique du widget.

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<html>
 
 <head>
    <style type="text/css">
body{
    width:350px;
    height:260px;
}
 
    </style>
    <title>Audio du matin</title>
</head>
<body onload="showAudio();">
<div style="position:static height:100% width:100%">
<script type="text/javascript">
  url = parent.document.url;
  document.write('<iframe src="http://10.122.31.172/easylink/html/audio2.html?url=' + url + Math.random() + '" width="350" height="260" scrolling="no" frameborder="0"></iframe>');
  
</script>
</div>
  </body>
</html>

La fonction associé au fichier html en JS c'est ça:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
function setAudio()
{	
	System.Gadget.Flyout.file="../html/audio.html";
	System.Gadget.Flyout.show = true;
}

Merci pour votre contribution les egns !! =)