[DOM] Source relative vers un fichier

**Laurent-Fazer** · 23/08/2007, 23h39

Salut tout le monde !!
Je suis tout nouveau, tout ... ignare sur ce forum, autant en html qu'en javascript. Et c'est pour ca que j'appele à l'aide. A L'AIIIDDDE !!! (je cri)

Bon, le titre n'est pas très explicite, je n'ai pas trouvé les mots.
Les faits sont les suivants: une fenetre mère, avec des boutons radio grâce auxquels on fait son choix (là, c'est un fichier flash swf), puis on clic sur visualiser et (normalement) une popup souvre avec le fichier pré-selectionné.

Mais le probleme c'est que dans le source de la popup, je n'arrive à faire une correlation entre le nom du fichier recuperer par

var variable = location.search.substr("?var=".length);
document.getElementById("result").innerHTML = variable;

et la commande

<embed width=100% height="900" src="result"'></embed>

Je voudrai que savoir quoi mettre après 'src=' pour qu'il accepte la valeur de "result" et ainsi affiche le fichier swf.

Pour plus d'infos, les deux sources:

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
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
 
<!-- mère -->
 
<html>
<head>
<title>Choix horloge</title>
<style type="text/css" media="screen">
 <!--
  a        { font-size : 8pt; font-family:arial; text-decoration: none; color : #D70000 }
  a:hover  { font-size : 8pt; font-family:arial; text-decoration: underline; color : #D70000 }
  a:active { font-size : 108pt; font-family:arial; text-decoration: underline; color : #D70000 }
  .Style1 {color: #FFFFFF}
 -->
</style>
 
<script language="JavaScript">
<!--
  function fenetre(radio)
   {
    for (var i=0; i<radio.length;i++)
     {
      if (radio[i].checked)
      {
       var choix = document.getElementById('choix_horloge').value;
       window.open("fenetre.htm?var=" +radio[i].value,"_blank","fullscreen=1,toolbar=0,location=0,directories=0,status=0,menubar=0,scrollbars=1,resizable=0,copyhistory=0,width=1280,height=800")
      }
     }
    }
//-->
</script>
 
 
 
</head>
 
 
<body bgcolor="#555555" leftmargin=0 topmargin=0 marginwidth=0 marginheight=0 >
 <table width="100%" border="0" cellspacing="0" cellpadding="0" height="100%">
 <form name="essai" method="post" action="">
  <tr>
   <td width="19%" align="center" valign="middle" bgcolor="#000000"><embed width='150' height='150' src='clock0.swf' align='center'><noembed class="Style1">Horloge flash</noembed><input type="radio" id="choix_horloge" name="choix_horloge" value="clock0.swf"></td>
   <td width="52%" rowspan="5" align="center" valign="middle" bgcolor="#000000">
     <input type="button" name="choix_horloge" value="Visualiser" onClick="fenetre(this.form)">
 
     <br>
   </td>
   <td width="19%" align="center" valign="middle" bgcolor="#000000"><input type="radio" id="choix_horloge" name="choix_horloge" value="clock5.swf"><embed width='150' height='150' src='clock5.swf' align='center'><noembed class="Style1">Horloge flash</noembed></td>
  </tr>
  <tr>
   <td width="19%" align="center" valign="middle" bgcolor="#000000"><embed width='150' height='150' src='clock1.swf' align='center'><noembed class="Style1">Horloge flash</noembed><input type="radio" id="choix_horloge" name="choix_horloge" value="clock1.swf"></td>
   <td width="19%" align="center" valign="middle" bgcolor="#000000"><input type="radio" id="choix_horloge" name="choix_horloge" value="clock6.swf" checked><embed width='150' height='150' src='clock6.swf' align='center'><noembed class="Style1">Horloge flash</noembed></td>
  </tr>
  <tr>
   <td width="19%" align="center" valign="middle" bgcolor="#000000"><embed width='150' height='150' src='clock2.swf' align='center'><noembed class="Style1">Horloge flash</noembed><input type="radio" id="choix_horloge" name="choix_horloge" value="clock2.swf"></td>
   <td width="19%" align="center" valign="middle" bgcolor="#000000"><input type="radio" id="choix_horloge" name="choix_horloge" value="clock7.swf"><embed width='150' height='150' src='clock7.swf' align='center'><noembed class="Style1">Horloge flash</noembed></td>
  </tr>
  <tr>
   <td width="19%" align="center" valign="middle" bgcolor="#000000"><embed width='150' height='150' src='clock3.swf' align='center'><noembed class="Style1">Horloge flash</noembed><input type="radio" id="choix_horloge" name="choix_horloge" value="clock3.swf"></td>
   <td width="19%" align="center" valign="middle" bgcolor="#000000"><input type="radio" id="choix_horloge" name="choix_horloge" value="clock8.swf"><embed width='150' height='150' src='clock8.swf' align='center'><noembed class="Style1">Horloge flash</noembed></td>
  </tr>
  <tr>
   <td width="19%" align="center" valign="middle" bgcolor="#000000"><embed width='150' height='150' src='clock4.swf' align='center'><noembed class="Style1">Horloge flash</noembed><input type="radio" id="choix_horloge" name="choix_horloge" value="clock4.swf"></td>
   <td width="19%" align="center" valign="middle" bgcolor="#000000"><input type="radio" id="choix_horloge" name="choix_horloge" value="clock9.swf"><embed width='150' height='150' src='clock9.swf' align='center'><noembed class="Style1">Horloge flash</noembed></td>
  </tr>
 </form>
 
  <tr>
   <td height="15" colspan="3" align="center" valign="middle"><font face="arial" size="1">Design &copy; 2007<a href="http://www.lvrd.com" target="_blank">.:LVRD:.</a></font></td>
  </tr>
 </table>
<!-- FIN FOOTER -->
</body>
</html>
 
 
<!-- fille -->
 
<HTML>
<HEAD>
<title>Horlogeo</title>
</HEAD>
<BODY BGCOLOR="#000000" TEXT="#FFFFFF" LINK="#FFFFFF" VLINK="#FFFFFF" ALINK="#FFFFFF" LEFTMARGIN=0 MARGINWIDTH=0 TOPMARGIN=0 MARGINHEIGHT=0>
 
<script language="JavaScript">
<!--
function displayResult()
{
    var variable = location.search.substr("?var=".length);
    document.getElementById("result").innerHTML = variable;
}
 
//-->
</script>
 
<body onload="displayResult()">
    <div id="result"></div>
 
<table width=100% height="900" border="0">
  <tr>
    <td width=5% valign="bottom"><img src="1i.jpg" width="66" height="80" onClick='self.close()'></td>
    <td><embed width=100% height="900" src='id="result"'></embed></td>
    <td width=5% valign="bottom"><img src="1i.jpg" width="66" height="80" onClick='self.close()'></td>
  </tr>
</table>
</BODY>
 
</HTML>

Merci pour tous vos avis avisés.

Il manque des détails, précisions peut-etre?

**Bisûnûrs** · 25/08/2007, 12h45

Modifie le code de ta fenêtre fille :

Code html :

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

<embed width=100% height="900" src='id="result"'></embed>

par :

Code html :

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

<embed width=100% height="900" src="" id="result"></embed>

Et :

Code :

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

document.getElementById("result").innerHTML = variable;

par :

Code :

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

document.getElementById("result").src = variable;

**Laurent-Fazer** · 25/08/2007, 14h43

Merci Bisûnûrs pour ton aide

Je viens d'essayer ta solution, mais ca n'a pas changer.
Une autre petite idée?

**Bisûnûrs** · 25/08/2007, 14h56

Si tu fais un alert() de variable, ça te donne quoi ?

**Laurent-Fazer** · 25/08/2007, 16h34

Donc,

Pour visualiser une alerte avec la valeur de "variable", j'ai rajouter un bouton pour commander l'alerte:

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
 
 
function f()
{
   var variable = location.search.substr("?var=".length);
   alert(variable);
}
 
 
 
<body onload="displayResult()">
    <div id="affich"></div>
    <input type="button" onclick="f()" value="Alert">

Il en result que la valeur de "variable" à la meme valeur que "affiche"

Donc je recupere bien la valeur que je veux, mais je n'arrive toujours à faire prendre en concideration cette valeur comme etant desormais un nom de fichier (dans le meme reperoire).

Voila

**Bisûnûrs** · 25/08/2007, 16h56

Je dois avouer que je reste assez perplexe ...

Ce que j'ai fait :

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
<html>
<head>
<script type="text/javascript">
function displayResult()
{
    var variable = location.search.substr("?var=".length);
    document.getElementById("result").src = variable;
}
</script> 
</head> 
<body onload="displayResult()">
   <embed width=100% height="900" src="" id="result"></embed>
   <embed width=100% height="900" src="1.swf" id="result2"></embed>
</body>
</html>

La deuxième fonctionne, normal, mais pas la première, alors que lorsque je regarde le code source DOM, les deux lignes sont identiques .. (excepté l'id bien sûr)

[DOM] Source relative vers un fichier

JavaScript

Vue hybride

Discussions similaires

Partager

Partager