[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