Modifier la valeur d'une balise avec getElementById

**cooldid** · 12/01/2008, 02h56

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 :

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

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

J'ai essayé ça

Code :

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

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

**javatwister** · 12/01/2008, 10h26

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;

**cooldid** · 12/01/2008, 11h47

Bonjour,

Merci de la réponse si rapide.

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

Un petit exemple si possible

Merci

**javatwister** · 12/01/2008, 12h19

Code :

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
<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;

**cooldid** · 12/01/2008, 16h23

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

Donc voici le code entier :

Code :

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
<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

**javatwister** · 12/01/2008, 16h31

euh, peut-être est-ce simplement parce que tu utilises une syntaxe dédiée à d'autres langages que JS?

Code :

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

1
2
If (form3.choix.item(0).checked) Then 
Dim Sh

(par exemple)

**cooldid** · 12/01/2008, 16h54

Même en enlevant le code VBscript.

Pas de résultat

**javatwister** · 12/01/2008, 19h57

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;

**cooldid** · 12/01/2008, 20h34

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 ?

**javatwister** · 12/01/2008, 20h38

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

**cooldid** · 12/01/2008, 21h01

Ma page + les 2 js même repertoire OK

Code :

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
<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 :

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
<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