Modifier la valeur d'une balise avec getElementById

Version imprimable

Bonjour,

je souhaiterai modifier la valeur d'une balise dans une source, malgré plusieurs exemple trouvé sur le net je n' y arrive pas.

En fait je veux modifier la balise SRC qui cible le .js et la remplacer par c:\t2\jsind\search1.js

Code:

<script language="JavaScript" type="text/javascript" id="zut" SRC="c:\t1\jsind\search.js"></script>

J'ai essayé ça
Code:

1 2 3 4 5 6 7 <SCRIPT language="Javascript"> function camegonfle(){ document.getElementById("zut").SRC="c:\t2\jsind\search1.js"; } </SCRIPT> <INPUT TYPE="radio" NAME="choix" VALUE="1" onclick="camegonfle()">FI Finale 1
Sans succès :(

Si quelqu'un a une solution

Merci d'avance

12/01/2008, 09h26
javatwister

en fait, ça "marche", en quelque sorte; sauf que l'adresse du script n'est pas actualisée par le navigateur;
la bonne technique est de supprimer l'objet script et de le remplacer par un autre;
12/01/2008, 10h47
cooldid

Bonjour,

Merci de la réponse si rapide.

Remplacer l'objet script par autre chose, c'est à dire ?

Un petit exemple si possible

Merci

Code:

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
<body>
 
 
<div id="ghost">
 
	<script type="text/javascript" src="fonctions1.js"></script>
 
</div>
 
<script type="text/javascript">			
 
function camegonfle(){
 
	var g=document.getElementById("ghost");
 
	while(g.lastChild){
		g.removeChild(g.lastChild)
	}
 
	var scr=document.createElement("script");
	scr.src="fonctions2.js";
	g.appendChild(scr);
}
 
</script>

en respectant cette organisation, tu n'auras plus de problème;

J'ai bien compris le script du moins il me semble, mais je dois me planter quelque part.

Donc voici le code entier :

Code:

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
<html>
<head>
 
 
 
 
<title>Sample</title>
 
 
<script language="VbScript">
 
Function choix(form3) 
 
If (form3.choix.item(0).checked) Then 
Dim Sh
Set Sh = CreateObject("WScript.Shell")
Sh.CurrentDirectory = "c:\t1\jsind"
Sh.Run "c:\t1\jsind\run.bat",1,true
Sh.appActivate "Internet Explorer"
Sh.SendKeys "{F5}"
Set Sh = Nothing
End If 
 
 
If (form3.choix.item(1).checked) Then
Set Sh = CreateObject("WScript.Shell")
Sh.CurrentDirectory = "c:\t2\jsind"
Sh.Run "c:\t2\jsind\run.bat",1,true
Sh.appActivate "Internet Explorer"
Sh.SendKeys "{F5}"
Set Sh = Nothing
End If
 
 
If (form3.choix.item(2).checked) Then
Set Sh = CreateObject("WScript.Shell")
Sh.CurrentDirectory = "c:\t3\jsind"
Sh.Run "c:\t3\jsind\run.bat",1,true
Sh.appActivate "Internet Explorer"
Sh.SendKeys "{F5}"
Set Sh = Nothing
End If 
 
 
End Function 
</Script>
 
</head>
 
 
<body onLoad='JavaScript:document.JF1.JT1.focus()'> 
 
<div id="ghost">
 
	<script type="text/javascript" src="c:\t1\jsind\search.js"></script>
 
</div>
 
<script type="text/javascript"> 		
 
function camegonfle(){
 
	var g=document.getElementById("ghost");
 
	while(g.lastChild){
		g.removeChild(g.lastChild)
	}
 
	var scr=document.createElement("script");
	scr.src="c:\t2\jsind\search.js";
	g.appendChild(scr);
}
</script>
 
 
 
<center>
<H1>Fiches Instructions</h1></center>
<div style="float:left"><INPUT TYPE="submit" NAME="but" VALUE="Update Index" onClick="choix(form3)"></Div> 
 
<div style="float:center"><FORM NAME="form3">
 
<INPUT TYPE="radio" NAME="choix" VALUE="1">FI Finale 1
<INPUT TYPE="radio" NAME="choix" VALUE="2" onclick="camegonfle()">FI Finale 2
<INPUT TYPE="radio" NAME="choix" VALUE="3">FI Finale 3
</FORM></Div>
 
<center>
<form name="JF1" action="javascript:FND(document.JF1.JT1.value)">
<input type="text" name="JT1" size="13">
<input type="submit" value="Recherche">
</form>
</center>
<noscript>
 
 
</body>
</html>

Merci d'avance

12/01/2008, 15h31
javatwister
euh, peut-être est-ce simplement parce que tu utilises une syntaxe dédiée à d'autres langages que JS?
Code:

1 2 If (form3.choix.item(0).checked) Then Dim Sh
(par exemple)
12/01/2008, 15h54
cooldid

Même en enlevant le code VBscript.

Pas de résultat
12/01/2008, 18h57
javatwister

j'avoue que je ne connais rien du résultat que tu attends...
tu devrais tester le bout de code avec une page test et deux fichier .js anodins, histoire de constater que le principe fonctionne;
12/01/2008, 19h34
cooldid

Ok j'ai compris si les 2 fichiers (fonctions1.js et fonctions2.js) sont dans le même repertoire de ma page cela fonctionne nickel.

Par contre j'ai besoin que ces deux fichiers ou plus soient dans des repertoires différents.

Cela est il possible ?
12/01/2008, 19h38
javatwister

oui, il te suffit de donner le chemin complet en déclarant l'attribut "src";

Ma page + les 2 js même repertoire OK

Code:

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
<div id="ghost">
 
	<script type="text/javascript" src="search.js"></script>
 
</div>
 
<script type="text/javascript">			
 
function jevaiyarriver(){
 
	var g=document.getElementById("ghost");
 
	while(g.lastChild){
		g.removeChild(g.lastChild)
	}
 
	var scr=document.createElement("script");
	scr.src="search.js";
	g.appendChild(scr);
}
 
</script>
 
<script type="text/javascript">			
 
function jevaiyarriver1(){
 
	var g=document.getElementById("ghost");
 
	while(g.lastChild){
		g.removeChild(g.lastChild)
	}
 
	var scr=document.createElement("script");
	scr.src="search1.js";
	g.appendChild(scr);
}
 
</script>
 
 
 
<center>
<H1>Fiches Instructions</h1></center>
<div style="float:left"><INPUT TYPE="submit" NAME="but" VALUE="Update Index"></Div> 
 
<div style="float:center"><FORM NAME="form3">
 
<INPUT TYPE="radio" NAME="choix" VALUE="1" onclick="jevaiyarriver();">FI Finale 1
<INPUT TYPE="radio" NAME="choix" VALUE="2" onclick="jevaiyarriver1();">FI Finale 2

Ma page un repertoire les 2 js autres repertoires pas Ok :(
Pourtant les chemins sont bon

Code:

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
<div id="ghost">
 
	<script type="text/javascript" src="c:\t1\jsind\search.js"></script>
 
</div>
 
<script type="text/javascript">			
 
function jevaiyarriver(){
 
	var g=document.getElementById("ghost");
 
	while(g.lastChild){
		g.removeChild(g.lastChild)
	}
 
	var scr=document.createElement("script");
	scr.src="c:\t1\jsind\search.js";
	g.appendChild(scr);
}
 
</script>
 
<script type="text/javascript">			
 
function jevaiyarriver1(){
 
	var g=document.getElementById("ghost");
 
	while(g.lastChild){
		g.removeChild(g.lastChild)
	}
 
	var scr=document.createElement("script");
	scr.src="c:\t2\jsind\search1.js";
	g.appendChild(scr);
}
 
</script>
 
 
 
<center>
<H1>Fiches Instructions</h1></center>
<div style="float:left"><INPUT TYPE="submit" NAME="but" VALUE="Update Index"></Div> 
 
<div style="float:center"><FORM NAME="form3">
 
<INPUT TYPE="radio" NAME="choix" VALUE="1" onclick="jevaiyarriver();">FI Finale 1
<INPUT TYPE="radio" NAME="choix" VALUE="2" onclick="jevaiyarriver1();">FI Finale 2

14/01/2008, 12h08
cooldid

OK c'est bon il faut inscrire le chemin de cette manière

Code:

src="../ta/jsind/search.js"

et non pas comme ça

Code:

src="C:\ta\jsind\search.js"

En tous cas un grand merci pour ta patience et ton savoir :king: